/*RESET*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

table {
    border-spacing: 1px;
}

@font-face {
    font-family: 'open_sans';
    src: url('ui/fonts/opensans/OpenSans-Light-webfont.eot');
    src: url('ui/fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('ui/fonts/opensans/OpenSans-Light-webfont.woff') format('woff'), url('ui/fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'), url('ui/fonts/opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('ui/fonts/opensans/OpenSans-LightItalic-webfont.eot');
    src: url('ui/fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('ui/fonts/opensans/OpenSans-LightItalic-webfont.woff') format('woff'), url('ui/fonts/opensans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('ui/fonts/opensans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('ui/fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('ui/fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('ui/fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'), url('ui/fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'), url('ui/fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('ui/fonts/opensans/OpenSans-Italic-webfont.eot');
    src: url('ui/fonts/opensans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('ui/fonts/opensans/OpenSans-Italic-webfont.woff') format('woff'), url('ui/fonts/opensans/OpenSans-Italic-webfont.ttf') format('truetype'), url('ui/fonts/opensans/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('ui/fonts/opensans/OpenSans-Semibold-webfont.eot');
    src: url('ui/fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('ui/fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'), url('ui/fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('ui/fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "ETmodules";
    font-style: normal;
    font-weight: normal;
    src: url("ui/fonts/ETmodules_v2.eot?#iefix") format("embedded-opentype"), url("ui/fonts/ETmodules_v2.ttf") format("truetype"), url("ui/fonts/ETmodules_v2.woff") format("woff"), url("ui/fonts/ETmodules_v2.svg#ETmodules") format("svg");
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-family: open_sans;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100vh;
}


/*////////////
// General //
//////////*/

h1 {
    font-size: 1.5em;
    font-weight: bold;
}

h2 {
    font-size: 1.4em;
    padding: 5px;
}

h2.title {
    color: #c0392b;
    display: inline-block;
}

h3,
h4,
h5,
h6 {
    font-weight: bold;
    display: inline-block;
}

a {
    color: inherit;
    text-decoration: none;
}

input[type=image] {
    border: none;
}

b {
    font-weight: 600;
}

.boldText {
    font-weight: bold;
}

.smallText {
    font-size: 0.9em;
}

i,
.italic {
    font-style: italic;
}

.nowrap {
    white-space: nowrap;
}

iframe {
    width: 100%;
    height: 100%;
}

button,
input[type=submit] {
    font-family: 'open_sans';
    cursor: pointer;
}

.button {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 6px 5px 4px 5px;
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
}

.button:active {
    background: #eee;
}

.button.green {
    background: linear-gradient(to bottom, #cdeb8e 0%, #a5c956 100%);
}

.button.orange {
    background: linear-gradient(to bottom, #eab076 0%, #ca8642 100%);
}

.button.bold {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
}

.button.green:active {
    background: #cdeb8e;
}

.button.disabled {
    color: gray;
    background: #ccc;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.inlineBlock {
    display: inline-block;
    vertical-align: top;
}

.inlineBlockMiddle {
    display: inline-block;
    vertical-align: middle;
}

.inlineTable {
    display: inline-table;
    vertical-align: top;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignTop {
    vertical-align: top!important;
}

ul.list {
    list-style-type: inherit;
}

ul.list li {
    display: list-item;
}

#svgLoader {
    display: none;
}

#versionDisplay {
    font-family: monospace;
    position: absolute;
    top: 0;
    font-size: 10px;
}

progress,
progress-webkit-progress-bar {
    min-width: 300px;
    background: #e6e6e6;
    border: none;
}

progress::-moz-progress-bar {
    background: #c5491c;
}

progress::-webkit-progress-value {
    background: #c5491c;
}

progress[value="100"]::-moz-progress-bar {
    background: #90c695;
}

progress[value="100"]::-webkit-progress-value {
    background: #90c695;
}


/*/////////////
// Tableaux //
///////////*/

.largeTab,
.fullWidth {
    width: 100%;
}

.stepBlock .baseTab {
    min-width: 100%;
}

.baseTab {
    border: 1px solid #8d949c;
    font-size: 0.9em;
    border-spacing: 0;
    margin: 0 auto 10px auto;
    box-shadow: 0 2px 2px rgba(193, 193, 193, 0.4);
}

.baseTab tbody tr {
    transition: all 0.3s ease;
}

.baseTab tfoot td {
    padding: 0;
    width: 100%;
}

.baseTab tbody td {
    vertical-align: middle;
    /*padding: 5px 15px;*/
    padding: 5px 7px;
}

.baseTab tbody td:not(.noBG) {
    background: #fff;
    border: 1px solid white;
    border-left: 1px solid #f3f5f6;
}

.baseTab.stripedTab tbody tr:nth-child(even) td {
    background: #f5f5f5;
}

.baseTab .button {
    text-align: center;
}

.baseTab .button.little {
    width: auto;
    display: block;
}

.baseTab .button.large {
    width: 100%;
    display: block;
}

.baseTab tbody td a:hover {
    text-decoration: underline;
}

.baseTab tbody textarea {
    min-height: 200px;
}

.baseTab tbody input[type=text],
.baseTab tbody input[type=password],
.baseTab tbody input[type=email],
.baseTab tbody textarea {
    vertical-align: top;
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.5) inset;
    color: #333;
}

.baseTab tbody input.datepick-field {
    cursor: pointer;
    background: url(ui/icons/calendar.png) no-repeat top+1px right+5px #fff;
}

.baseTab td ul {
    display: table;
    width: 100%;
}

.baseTab td ul li {
    display: table-row;
    transition: all 0.1s ease;
    border-bottom: 1px solid #FFFFFF;
}

.baseTab td ul li:hover {
    background: rgba(255, 255, 255, 0.3);
}

.baseTab ul li>span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.baseTab ul li>span.actions {
    text-align: right;
    white-space: nowrap;
}

.baseTab .fieldSetTitle th {
    position: relative;
    background: #8d949c none repeat scroll 0 0 !important;
    color: #ffffff;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
    padding: 10px 15px;
}

.titre-tableau {
    position: relative;
    background: #8d949c none repeat scroll 0 0 !important;
    color: #ffffff !important;
    font-family: open_sans;
    font-size: 0.8em !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
    padding: 10px 15px;
}

.titre-tableau2 {
    position: relative;
    background: #c1c1c1 none repeat scroll 0 0 !important;
    color: #ffffff !important;
    font-family: open_sans;
    font-size: 0.8em !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
    padding: 10px 15px;
}

.titre-tableau-incomplet {
    position: relative;
    background: #E66C0F none repeat scroll 0 0 !important;
    color: #ffffff !important;
    font-size: 0.8em !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
    padding: 10px 15px;
}

.titre-tableau-incomplet2 {
    position: relative;
    background: #C4B5AD none repeat scroll 0 0 !important;
    color: #ffffff !important;
    font-size: 0.8em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
    padding: 10px 15px;
}

.fieldSetTitle th span.action {
    float: right;
}

.baseTab caption {
    text-align: left;
}

.baseTab .title {
    color: #c0392b;
    text-align: left;
}

.baseTab .checkboxLabel,
.baseTab .radioLabel {
    display: block;
    cursor: pointer;
}

.baseTab .radioLabel.inline {
    display: inline-block;
}

.baseTab input:disabled,
.baseTab .checkboxLabel.disabled,
.baseTab .radioLabel.disabled {
    opacity: 0.6;
}

.baseTab th {
    padding: 5px 15px;
    background: #ffffff;
    font-size: 1.1em;
    font-weight: 400;
    text-align: left;
    color: #2C2C2C;
    vertical-align: middle;
}

.baseTab tr:nth-child(even) th {
    background: #f3f5f6;
}

.baseTab tr.disabled {
    opacity: 0.5;
}

.verticalTab th:first-child,
.verticalTab th:first-child+td {
    width: 25%;
}

.baseTab tfoot .button {
    margin: 5px 0 0 0;
    padding: 5px;
    font-size: 1.1em;
    display: inline-block;
    vertical-align: middle;
}

.baseTab .error {
    background: #B34848!important;
    color: #FFFFFF;
    font-size: 1.1em;
}

.baseTab tbody td.tabMenu {
    background: #333;
    border-color: black;
    color: white;
    text-align: center;
    padding: 5px;
}

.baseTab .error:empty {
    display: none;
}

.baseTab .actions {
    display: block;
    text-align: center;
    white-space: nowrap;
}

.baseTab .actions form {
    display: inline-block;
    vertical-align: top;
}

.sort-table th.sortable-field {
    position: relative;
    min-width: 50px;
    padding: 5px 20px 5px 10px;
    cursor: pointer;
}

.sort-table th.sortable-field:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    background-image: url(ui/icons/arrows_dark_little_updown.png);
    height: 16px;
    margin-top: -8px;
    width: 12px;
    display: block;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.sort-table th.sortable-field.sort-desc:after {
    background-image: url(ui/icons/arrows_dark_little.png);
    background-position: -12px 0;
    opacity: 1;
}

.sort-table th.sortable-field.sort-asc:after {
    background-image: url(ui/icons/arrows_dark_little.png);
    background-position: -36px 0;
    opacity: 1;
}

.sort-table td:nth-child(even) {
    background: #FAFAFA;
}

.horizontalTab thead th {
    border: 1px solid #666;
    border-radius: 5px 5px 0 0;
    padding: 5px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 100;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    background: #979797;
    background: -moz-linear-gradient(top, #979797 0%, #3c3c3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #979797), color-stop(100%, #3c3c3c));
    background: -webkit-linear-gradient(top, #979797 0%, #3c3c3c 100%);
    background: -o-linear-gradient(top, #979797 0%, #3c3c3c 100%);
    background: -ms-linear-gradient(top, #979797 0%, #3c3c3c 100%);
    background: linear-gradient(to bottom, #979797 0%, #3c3c3c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#3c3c3c', GradientType=0);
}

.verticalTab table {
    border-collapse: separate;
    border-spacing: 1px;
}

.verticalTab thead th {
    border: 1px solid #666;
    border-radius: 5px 5px 0 0;
    padding: 5px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 100;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
    background: #979797;
    background: -moz-linear-gradient(top, #979797 0%, #3c3c3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #979797), color-stop(100%, #3c3c3c));
    background: -webkit-linear-gradient(top, #979797 0%, #3c3c3c 100%);
    background: -o-linear-gradient(top, #979797 0%, #3c3c3c 100%);
    background: -ms-linear-gradient(top, #979797 0%, #3c3c3c 100%);
    background: linear-gradient(to bottom, #979797 0%, #3c3c3c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#3c3c3c', GradientType=0);
}

.verticalTab .notif {
    background: #66A065;
    color: #FFFFFF;
    font-size: 1.1em;
}

.verticalTab .error {
    background: #B34848;
    color: #FFFFFF;
    font-size: 1.1em;
}

.verticalTab.inlineTable,
.horizontalTab.inlineTable {
    margin: 0 30px 30px 0;
}

.verticalTab td {
    min-width: 250px;
}

.tabTitle {
    font-size: 1.2em;
    float: left;
    padding: 0 0 0 5px;
    display: inline-block;
    vertical-align: top;
}

.tabMenu .pagination {
    vertical-align: top;
}

.tabMenu .pagination .range {
    float: left;
}

.tabFilters {
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
    align-self: center;
}

.searchForm {
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    min-width: 170px;
}

.searchForm input[type=text] {
    border-radius: 3px 0 0 3px;
    border: 1px solid #666;
    border-right: none;
    padding: 8px 5px 5px 5px;
    background: #fff;
    margin: 0;
}

.searchForm button {
    background: #fff;
    border: 1px solid #666;
    border-left: none;
    border-radius: 0 3px 3px 0;
    padding: 0;
    margin: 0;
}

.baseTab tbody th .thWrap {
    position: relative;
    padding: 0 30px 0 0;
    min-height: 26px;
}

.baseTab tbody th .fieldInfo:not(:empty) {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 15px;
    display: block;
    font-family: monospace;
    margin: 5px 0;
    padding: 10px;
}

.baseTab .thWrap .infoMsg-btn {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(75, 130, 154, 0.6);
    height: 24px;
    width: 24px;
    border-radius: 12px;
    font-size: 1em;
    color: #fff;
}

.infoMsg-inline-container {
    position: relative;
}

.infoMsg-inline-container .infoMsg-btn {
    background: rgba(0, 0, 0, 0.4);
    height: 24px;
    width: 24px;
    border-radius: 12px;
    font-size: 1em!important;
    color: #fff;
    margin-left: 10px;
}

.baseTab .fieldSetTitle .infoMsg-btn {
    margin-left: 15px;
    background: rgba(52, 72, 94, 0.7);
    height: 24px;
    width: 24px;
    border-radius: 12px;
    font-size: 1.4em;
    color: #fff;
}

.baseTab th .infoMsg-btn.open {
    background: #c0392b;
}

.baseTab td .fieldError {
    display: block;
    padding: 5px 0 0 0;
    color: red;
}

.baseTab td.picto-cell {
    width: 160px;
    text-align: center;
}

.flex-row {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.flex-row>*:not(.flex-adjust) {
    flex: 1 1 10em;
    -webkit-flex: 1 1 10em;
    min-width: 10em;
}

td .flex-row {
    margin-top: 10px;
}

.flex-row.items-center {
    -webkit-align-items: center;
    align-items: center;
}

.flex-row.nowrap {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

.flex1 {
    flex: 1;
}

.flex-row>.flex2 {
    -webkit-flex: 2;
    flex: 2;
}


/*/////////////
//  Header  //
///////////*/

#header {
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #333;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
}

#header .headerlogo {
    display: inline-block;
    vertical-align: middle;
    padding: 0 32px;
}

#header .pageTitle {
    font-size: 1.3em;
    font-weight: 300;
    padding: 0 25px;
    display: inline-block;
    vertical-align: bottom;
}

#header .compte {
    display: inline-block;
    position: relative;
    float: right;
    font-size: 0.8em;
    padding: 2px 10px 5px 0;
}

#header .compte a:hover {
    color: #777;
}

#header .compte .button {
    display: inline-block;
    width: 110px;
    margin: 2px 0 0 0;
}

#header .compte .menuToggle {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
}

#header .compte .menu {
    display: block;
    width: 50%;
    overflow: hidden;
    position: absolute;
    height: 0;
    right: 0;
    background: #f0f0f0;
    border-radius: 5px;
    border: 1px solid #B6181F;
    margin-top: -2px;
}

#header .compte .menu li a {
    display: block;
    padding: 10px 10px 5px 45px;
    width: 100%;
    height: 100%;
}

#header .compte .menu li a:hover {
    background: #333;
    color: #f0f0f0;
}

#header .compte .menu li a:hover:before {
    background-color: #f0f0f0;
    box-shadow: inset 0 0 2px #666;
}

#header .compte .menu.opened {
    height: auto;
}

#header .compte .icon-btn:before {
    background-position: center;
    padding: 0 5px;
    height: 100%;
    top: 0px;
    left: 0px;
}

#header a {
    color: inherit;
}


/*///////////////
//  Contenu   //
/////////////*/

#main {
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

#leftMenu {
    -webkit-flex: 0.1;
    flex: 0.1;
    min-width: 150px;
    background: #434545;
    color: #d0d0d0;
    font-size: 0.9em;
    vertical-align: top;
    text-align: right;
    font-weight: 300;
}

#leftMenu a {
    display: block;
    padding: 10px 25px;
    transition: all 0.1s ease;
    background: rgba(0, 0, 0, 0);
    position: relative;
    color: #d0d0d0;
}

#leftMenu a:hover {
    color: #f0f0f0;
    background: rgba(0, 0, 0, 0.5);
    padding-right: 17px;
    padding-left: 33px;
}

#leftMenu a:after {
    opacity: 0;
    transition: all 0.17s ease;
    transform: translateZ(0);
    position: absolute;
    top: 10px;
    left: -22px;
}

#leftMenu a:hover:after {
    opacity: 1;
    left: 5px;
}

#leftMenu a.warning {
    color: rgb(255, 194, 0);
}

#leftMenu a.warning .icomoon-icon {
    font-size: 1.3em;
    vertical-align: middle;
}


/*Left menu icons*/

#leftMenu a[data-icon=home]:after {
    content: url(ui/icons/home_white.png);
}

#leftMenu a[data-icon=user]:after {
    content: url(ui/icons/user_white.png);
}

#leftMenu a[data-icon=users]:after {
    content: url(ui/icons/users_white.png);
}

#leftMenu a[data-icon=folder]:after {
    content: url(ui/icons/folder_white.png);
}

#leftMenu a[data-icon=stats]:after {
    content: url(ui/icons/stats_white.png);
}

#leftMenu a[data-icon=config]:after {
    content: url(ui/icons/config_white.png);
}

#leftMenu a[data-icon=mail]:after {
    content: url(ui/icons/mail_white.png);
}

#leftMenu a[data-icon=calendar]:after {
    content: url(ui/icons/calendar_white.png);
}

#leftMenu a[data-icon=profile]:after {
    content: url(ui/icons/profile.png);
}

#leftMenu a[data-icon=office]:after {
    font-family: icomoon;
    content: '\e603';
    font-size: 1.5em;
}

#leftMenu a[data-icon=icon-copy2]:after {
    font-family: icomoon;
    content: '\e628';
    font-size: 1.5em;
}

.icomoon-icon {
    font-family: icomoon;
    font-size: 1.3em;
}

.icomoon-icon.green {
    color: #2FA962;
}


/*Tabs icons*/

.baseTab .left-icon {
    font-size: 1.3em;
    padding-right: 10px;
    color: #353535;
}

#contenu {
    -webkit-flex: 0.9;
    flex: 0.9;
    padding: 5px 10px 100px 10px;
    font-size: 0.9em;
    background: #F2F1EF;
}

.home-menu {
    text-align: center;
}

.home-menu a {
    display: inline-block;
    vertical-align: top;
    margin: 50px 15px;
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 5px;
    font-size: 1.5em;
    color: #585857;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
    transition: all 0.3s;
    position: relative;
}

.home-menu .icon {
    display: block;
    font-size: 2em;
    margin: 50px 0 30px 0;
    transition: all 0.3s;
}

.home-menu a:not(.disabled):hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), inset 0 0 30px rgba(50, 50, 50, 0.05);
    border-color: #ccc;
}

.home-menu a:not(.disabled):hover .icon {
    color: #9c1f25;
}

.home-menu a.warning {
    border: 1px solid rgb(255, 194, 0);
}

.home-menu a.warning::after {
    background: #FFA100;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #fff;
    content: "!";
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    height: 1em;
    line-height: 0.9;
    margin: 0;
    padding: 3px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 1em;
    transition: all 0.3s;
}

.home-menu a.warning:hover::after {
    top: 1px;
}

.home-menu a.disabled {
    opacity: 0.5;
}


/*/////////////
//  Login   //
///////////*/

.loginPage {
    background-image: url(ui/img/juriscloud_forme.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.loginPage #header {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.loginPage #content {}

.loginPage form {
    min-width: 550px;
    max-width: 50%;
    margin: 50px auto;
    border-radius: 5px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.loginPage form fieldset {
    padding: 20px 40px;
}

.loginPage form h2 {
    width: 100%;
    padding: 10px 40px;
    font-weight: 100;
    color: #fff;
    font-size: 1.1em;
    background: #b6181f;
}

.loginPage form label {
    color: #303030;
    font-weight: 100;
    max-width: 10em;
}

.loginPage form input {
    display: block;
    width: 100%;
    padding: 7px;
    margin: 5px 0 0 0;
    font-family: open_sans;
    font-size: 0.9em;
    border-radius: 3px;
    border: 1px solid #999;
}

.loginPage form .chosen-container {
    margin: 5px 0 0 0;
}

.loginPage form .button {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid;
    border-radius: 3px;
    font-family: open_sans!important;
    font-size: 1em;
    font-weight: 100;
    line-height: 1.3em;
    padding: 6px 20px;
    position: relative;
    transition: all 0.3s ease 0s;
    margin: 10px 0;
    width: 180px;
    color: #b6181f;
}

.loginPage form .button:hover {
    padding: 6px 34px 6px 14px!important;
    background: #b6181f;
    border-color: #b6181f;
    color: #fff;
}

.loginPage form .button:after {
    font-family: icomoon;
    content: "\e72a";
    font-size: 0.9em;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 8px;
    transition: all 0.3s ease 0s;
}

.loginPage form .button:hover:after {
    opacity: 1;
    right: 5px;
}

.loginPage form .error {
    display: block;
    padding: 10px 0 20px 0;
    font-size: 0.8em;
    color: #E12121;
}

.loginPage form .notif {
    display: block;
    padding: 10px 0 20px 0;
    font-size: 0.8em;
}

.loginPage .links {
    font-size: 0.8em;
    display: inline-block;
    margin: 0 5px 0 0;
}

.loginPage .links a {
    display: block;
}

.loginPage form a:hover {
    text-decoration: underline;
}

.white-block {
    width: 100%;
    padding: 15px 10px;
    box-shadow: 0 2px 2px rgba(193, 193, 193, 0.4);
    background: #fff;
}

.white-bg {
    padding: 15px 10px;
    box-shadow: 0 2px 2px rgba(193, 193, 193, 0.4);
    background: #fff;
}

.white-block ul {
    list-style-type: disc;
    margin-bottom: .5em;
}

.white-block ul li {
    margin: 0.5em 0 0 1em;
}

.redTxt,
.white-block .red {
    color: red;
}

.grayTxt {
    color: #777;
}

.warningTxt {
    color: #DA5000;
}

.green-bg{
	background-color: #ccffcc;
}
.red-bg{
	background-color: #ffcccc;
}

.white-block a:not(.flat-btn) {
    color: #4A9EB1;
    font-weight: bold;
}

.gray-title {
    display: block;
    color: #444;
    font-size: 1.4em;
    font-weight: 300;
    padding-top: 20px;
}


/*ACTIVATION COMPTE*/

#etape2Tab a {
    font-weight: bold;
}


/* ICONS */

button.tooltip-btn {
    background: none;
    border: none;
}

.tooltip-btn {
    padding: 0 3px;
    position: relative;
}

.tooltip-btn:before {
    content: attr(title);
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    text-align: center;
    min-width: 80px;
    padding: 6px;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    border: 1px solid white;
    color: white;
    font-size: 0.7rem;
    position: absolute;
    right: 0;
    bottom: 110%;
    z-index: 50;
    pointer-events: none;
}

.tooltip-btn:hover:before {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.icon-btn {
    padding-left: 32px;
    position: relative;
}

.icon-btn:before {
    content: "";
    height: 22px;
    width: 22px;
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    background-repeat: no-repeat!important;
}

.icon-btn.adduser:before {
    background-image: url(ui/icons/adduser.png);
}

.icon-btn.user:before {
    background-image: url(ui/icons/user.png);
}

.icon-btn.logout:before {
    background-image: url(ui/icons/logout.png);
}

.arrow-little {
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
}

.arrow-little.light {
    height: 14px;
    width: 12px;
    background-image: url(ui/icons/arrows_light_little.png);
}

.arrow-little.light.disabled {
    background-image: url(ui/icons/arrows_light_little_disabled.png);
}

.arrow-little.light.right {
    background-position: 0 0;
}

.arrow-little.light.down {
    background-position: -12px 0;
}

.arrow-little.light.left {
    background-position: -24px 0;
}

.arrow-little.light.up {
    background-position: -36px 0;
}

.arrow-little.dark {
    height: 16px;
    width: 12px;
    background-image: url(ui/icons/arrows_dark_little.png);
}

.arrow-little.dark.disabled {
    background-image: url(ui/icons/arrows_dark_little_disabled.png);
}

.arrow-little.dark.right {
    background-position: 0 0;
}

.arrow-little.dark.down {
    background-position: -12px 0;
}

.arrow-little.dark.left {
    background-position: -24px 0;
}

.arrow-little.dark.up {
    background-position: -36px 0;
}

.backAdmin-btn {
    border: 2px solid #b6181f;
    border-radius: 0 0 3px 3px;
    padding: 6px 0 6px 0;
    background: #fff;
    color: #b6181f;
    font-size: 12px;
    width: 100%;
    font-weight: 500;
}

.backAdmin-btn:hover {
    background: #b6181f;
    color: #fff;
}

.backAdmin-btn .icon {
    transition: all 0.2s ease;
    margin: -1px 5px 0 0;
    display: inline-block;
    position: relative;
    left: 0;
}

.backAdmin-btn:hover .icon {
    left: -5px;
}

.flat-btn,
.flat-icon-btn {
    display: inline-block;
    position: relative;
    border: 2px solid #b6181f;
    padding: 8px;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    margin: 5px;
    font-weight: bold;
    transition: all 0.1s ease 0s;
    color: #555;
    border-color: #555;
    text-decoration: none!important;
}

.flat-btn.fullWidth {
    margin: 1%;
    width: 98%;
}

.flat-btn.big {
    padding: 25px 40px;
}

.flat-btn.big:active {
    padding: 28px 40px 22px 40px;
}

.flat-btn.tiny-btn {
    padding: 5px 10px;
    min-width: 60px;
}

.flat-btn.tiny-btn:active {
    padding: 8px 10px 2px 10px;
}

.flat-btn.tiny-btn.icon .icon {
    top: 5px;
}

.flat-btn.tiny-btn.icon {
    padding: 5px 10px 5px 50px;
}

.flat-btn.tiny-btn.icon:active {
    padding: 7px 10px 3px 50px;
}

.flat-btn.icon {
    padding: 8px 8px 8px 50px;
}

.flat-btn.icon-only {
    padding: 8px;
}

.flat-btn.iconRight {
    padding: 8px 50px 8px 8px;
}

.flat-btn.big.icon {
    padding: 25px 40px 25px 80px;
}

.flat-btn.icon .icon {
    position: absolute;
    font-size: 1.5em;
    left: 11px;
    top: 8px;
    transition: all 0.1s ease 0s;
}

.flat-btn.iconRight .icon {
    position: absolute;
    font-size: 1.5em;
    right: 11px;
    top: 8px;
    transition: all 0.1s ease 0s;
}

.flat-btn.big.icon .icon {
    position: absolute;
    font-size: 2.5em;
    left: 25px;
    top: 17px;
    transition: all 0.1s ease 0s;
}

.flat-btn:hover {
    background: #555;
    color: #fff;
}

.flat-btn.red {
    color: #b6181f;
    border-color: #b6181f;
}

.flat-btn.red:not(.disabled):hover {
    background: #b6181f;
    color: #fff;
}

.flat-btn.green {
    color: #2FA962;
    border-color: #2FA962;
}

.flat-btn.green:not(.disabled):hover {
    background: #2FA962;
    color: #fff;
}

.flat-btn.darkblue {
    color: #67809f;
    border-color: #67809f;
}

.flat-btn.darkblue:not(.disabled):hover {
    background: #67809f;
    color: #fff;
}

.flat-btn.darkblue:before {
    border-top: 13px solid transparent;
    border-right: 26px solid #b6181f;
    border-bottom: 13px solid transparent;
}

.flat-btn.orange {
    color: #E67E22;
    border-color: #E67E22;
}

.flat-btn.orange:not(.disabled):hover {
    color: #fff;
    background: #E67E22;
}

.flat-btn.disabled {
    cursor: default;
    box-shadow: none;
    text-shadow: none;
    opacity: 0.5;
}

.flat-btn.disabled:hover,
.flat-btn.disabled:active {
    background: inherit;
}

.subNav .flat-btn {
    min-width: 157px;
    text-align: center;
}

#syntheseTab .gray-title {
    background-color: #8d949c;
    color: white;
    padding: 10px;
    font-size: 1.2em;
}

#syntheseTab .white-block,
#usersIdentiteTab .white-block {
    border: 1px solid #8d949c;
}

.tabsButton,
.subNav>a:not(.flat-btn) {
    background: none;
    cursor: pointer;
    font-size: inherit;
    font-weight: 700;
    letter-spacing: 1px;
    outline: medium none;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s;
    background: #fefefe;
    margin: 5px 5px 0 0;
    padding: 12px 15px;
    font-size: 0.8em;
    white-space: nowrap;
    min-height: 42px;
    border: 1px solid #8d949c;
}

.tabsButton {
    color: #444;
}

.tabsButton:hover {
    color: #8d949c;
}

.subNav.secondary a:hover,
.subNav.secondary a:hover {
    color: #B14A54;
}

.tabsButton.active,
.tabsButton:focus,
.subNav>a:not(.flat-btn).active,
.subNav>a:not(.flat-btn):focus {
    background: #8d949c;
    color: #f0f0f0;
}

.subNav.secondary a.active,
.subNav.secondary a:focus {
    background: #B14A54;
    color: #f0f0f0;
}

.subNav {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
    margin-bottom: -1px;
}

#progressionTab .white-block {
    border: 1px solid #C4B5AD;
}

.subNav a.active {
    box-shadow: none;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

.subNav a.disabled {
    opacity: 0.6;
}

.subNav a.warning {
    border: 1px solid #E66C0F;
}

.subNav a.warning:hover,
.subNav a.warning.active {
    background: #E66C0F;
    color: #fff;
}

#tabsContainer .tab {
    display: none;
}


/* Chosen plugin */

.chosen-container {
    color: #333;
    text-shadow: none;
    min-width: 125px;
    display: block;
}

.chosen-container a {
    color: inherit!important;
    font-weight: inherit!important;
}

.chosen-container-single .chosen-single {
    height: 30px;
    line-height: 28px;
    border: 1px solid #ddd;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #fff 20%, #f6f6f6 50%, #f8f8f8 52%, #f4f4f4 100%);
}

.chosen-container-single .chosen-single div b {
    background-position: 0 5px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 8px;
}

.chosen-container .chosen-results li.group-option {
    padding-left: inherit;
}

.chosen-container .chosen-results {
    display: block;
    max-height: 260px;
    overflow: auto;
    text-align: left;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: auto;
    width: 200px!important;
    padding: 8px;
}

.chosen-container-single .chosen-single abbr {
    /*top: 12px;*/
    top: 9px;
}

.chosen-drop .option-with-img,
.single-with-img span {
    display: -webkit-flex!important;
    display: flex!important;
}

.chosen-drop .option-with-img span,
.single-with-img span {
    -webkit-flex: 1!important;
    flex: 1!important;
    display: inherit;
    -webkit-align-items: center;
    align-items: center;
}

.chosen-drop .option-with-img span {
    font-size: 1.4em;
    font-weight: bold;
}

.chosen-drop .option-with-img .chosen-option-img,
.chosen-option-img-small {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.chosen-drop .option-with-img .chosen-option-img img {
    max-height: 70px;
    max-width: 140px;
}

.chosen-option-img-small img {
    max-height: 30px;
    max-width: 60px;
}


/* Datepicker plugin */

.ui-datepicker {
    font-size: 0.8em;
}

#ui-datepicker-div {
    z-index: 2!important;
}

.ui-datepicker.noYear .ui-datepicker-year {
    display: none;
}

span.sliderSelect-display {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

.ui-slider {
    display: inline-block;
    width: 75%;
    max-width: 300px;
}

.ui-slider-handle.ui-state-default {
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    border: none;
}

.ui-slider-handle.ui-state-default.ui-state-hover {
    background: linear-gradient(to bottom, #8590a9 0%, #5f73a1 100%);
}


/*#######
ERROR &
CONFIRM
#######*/

#notification,
.notification {
    margin: 1px auto;
}

#notification>span,
.notification>span {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: 1.1em;
    font-weight: 100;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#notification .icon,
.notification icon {
    margin: 0 10px 0 0;
}

#notification .error,
.notification .error {
    background: #B34848;
}

#notification .confirm,
.notification .confirm {
    background: #2FA962;
}


/* Notif block NEW VERSION : remplace les styles #notification */

.notif-block {
    margin: 0 0 10px 0;
}

.notif-block .title {
    display: block;
    padding: 10px 15px;
    color: #fff;
    font-weight: 100;
    font-size: 1.1em;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 700;
    font-family: open_sans;
    letter-spacing: 1px;
}

.notif-block.error .title {
    background-color: #b34848;
}

.notif-block.confirm .title {
    background-color: #2FA962;
}

.notif-block.warning .title {
    background-color: #f3f3f3;
    color: #b6181f;
    border: 1px dashed #b6181f;
    border-bottom: 0;
}

.notif-block .messages {
    background: #fff;
    box-shadow: 0 2px 2px rgba(193, 193, 193, 0.4);
}

.notif-block div.messages {
    padding: 10px;
}

.notif-block ul.messages {
    list-style-position: inside;
    list-style-type: square;
    border: 1px dashed #b6181f;
}

.notif-block ul.messages li {
    padding: 10px;
}


/* DIALBOX PLUGIN*/

#overlay,
.dialBox_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10;
    overflow: scroll;
    text-align: center;
}

.dialBox_overlay .ui-effects-wrapper {
    display: inline-block;
    height: auto!important;
    width: 100% !important;
}

.dialBox_main {
    display: inline-block;
    position: relative;
    top: 50px;
    min-width: 350px;
    max-width: 80%;
    font-size: 12px;
    color: #333;
    background: #fff;
    border: 1px solid #666;
    border-radius: 5px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
    text-align: center;
    z-index: 10;
}

.dialBox_header {
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: dashed 1px #666;
    background: #444;
}

.dialBox_main.red .dialBox_header {
    background: #DA4F49;
}

.dialBox_main.green .dialBox_header {
    background: #52ba79;
}

.dialBox_main.orange .dialBox_header {
    background: #DA6C00;
}

.dialBox_main .dialBoxtitle {
    font-weight: 300;
    text-shadow: 1px 1px 2px black;
    color: #F0F0F0;
}

.dialBox_main .dialBox_close {
    color: #F0F0F0;
}

.dialBox_close {
    position: absolute;
    right: 10px;
    top: 10px;
    font-weight: normal;
    font-size: 12px;
    cursor: pointer;
    color: #666;
}

.dialBox_close:hover {
    color: red;
}

.dialBox_msg {
    padding: 20px 10px;
    color: #444;
    text-align: left;
}

.dialBox_msg .edit-infoMsg {
    margin-top: 20px;
}

.dialBox_btn {
    padding: 5px 0;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
}

.dialBox_btn_red {
    background-color: #DA4F49;
    color: #FFF;
}

.dialBox_btn_red:hover {
    background-color: #BD362F;
}

.dialBox_btn_green {
    background-color: #52ba79;
    color: #FFF;
}

.dialBox_btn_green:hover {
    background-color: #4daf72;
}

.dialBox_btn_normal {
    background-color: #F5F5F5;
    color: #333;
}

.dialBox_btn_normal:hover {
    background-color: #E6E6E6;
}

.dialBox_msg .chosen-container {
    max-width: 400px;
}


/*notif popup*/

#notifWrapper {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
}

.notifBlock {
    display: flex;
    width: 100%;
    color: #fff;
}

.notifBlock .icomoon-icon {
    display: block;
    background: rgba(51, 146, 63, 0.9);
    padding: 10px;
    font-size: 1.4em;
}

.notifBlock .notifTxt {
    display: block;
    flex: 1;
    padding: 15px 15px 15px 15px;
}

.success .icomoon-icon {
    background: rgba(51, 146, 63, 0.9);
}

.success .notifTxt {
    background: rgba(25, 72, 31, 0.95);
}

.error .icomoon-icon {
    background: rgba(146, 51, 67, 0.9);
}

.error .notifTxt {
    background: rgba(143, 30, 47, 0.95);
}


/*.warning .icomoon-icon{
	background: rgba(146, 137, 51, 0.9);
}*/

.warning .notifTxt {
    background: rgba(143, 141, 30, 0.95);
}

.invalidFieldsList {
    text-align: left;
    list-style-type: inherit;
    padding: 0 20px;
}

#procedureSteps {
    position: relative;
    display: -webkit-flex;
    display: flex;
}

#procedureSteps input:focus,
#procedureSteps textarea:focus {
    box-shadow: inset 0 2px 6px rgba(221, 221, 221, 0.5);
}

#procedureSteps .invalidField:focus {
    outline: #ff0000 dashed 1px;
}

input:invalid,
textarea:invalid,
 :invalid+.chosen-container,
input.invalidField {
    border: 1px solid #FBA6A6!important;
}

:invalid+.chosen-container {
    border-radius: 5px;
}

input[type=radio]:invalid {
    box-shadow: 0 0 3px red, 0 0 3px red, 0 0 3px red;
}

.saveBtn:after {
    background: url(../img/save.png);
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    right: 8px;
}

.saving.saveBtn:after {
    background: url(../img/load.gif)!important;
}

.saveBtn {
    padding: 6px 35px 6px 10px!important;
}

.greyBtn {
    margin: 0 auto;
    position: relative;
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf', GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: block;
    color: #777777;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}

.greyBtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed', GradientType=0);
    background-color: #dfdfdf;
}

.greyBtn:active {
    position: relative;
    top: 1px;
}


/*
	Custom inputs
*/

.togglableInput {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.switchBox {
    margin: 8px 10px 8px 0;
    width: 60px;
    min-width: 60px;
    height: 20px;
}

.switchBox label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #ddd;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.3s;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset;
}

.switchBox input:checked+label {
    background: #4a9eb1;
}

.switchBox input+label:after {
    content: '';
    position: absolute;
    background: #fff;
    display: block;
    height: 16px;
    width: 21px;
    top: 2px;
    left: 2px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    transition: all 0.3s;
}

.switchBox input:checked+label:after {
    left: 37px;
}

.switchBox input+label:active:after,
.switchBox input+label:hover:after {
    left: 5px;
}

.switchBox input:checked+label:active:after,
.switchBox input:checked+label:hover:after {
    left: 32px;
}

.switchBox input {
    display: none;
}

.numSecuField .numSecu-base {
    float: left;
    width: inherit!important;
}

.numSecuField .numSecu-cle {
    float: left;
    max-width: 50px;
    margin: 0 0 0 5px;
}

.numSecuErrors {
    display: inline-block;
    padding: 0 15px;
    color: red;
}


/*Assoc form*/

.personne-valid:before {
    font-family: icomoon;
    padding-right: 5px;
    content: "\e6fb ";
    color: #2fa962;
}

.personne-invalid:before {
    font-family: icomoon;
    padding-right: 5px;
    content: "\e6fc ";
    color: #FB5C5C;
}


/*Apports form*/

.newApportBlock {
    display: none;
}

.assocApportsGroup .assoc-name-cell {
    border-bottom: 1px dashed #ababab !important;
    font-size: 1.2em;
}

.apport-row td {
    border-bottom: 1px dashed #ababab !important;
    padding: 5px 0 20px !important;
}

.grayBorder {
    border-bottom: 1px dashed #ababab !important;
}

.apport-row td:first-child {
    background: none repeat scroll 0 0 #fafafa;
}

.apport-row .apport-type {
    display: block;
    padding: 5px 0;
    font-size: 1.1em;
}

.apport-row td.actions {
    max-width: 100px;
}


/*Assemblees form*/

button.changeAssembType {
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 10px;
}

button.changeAssembType.active {
    background: #F5D76E;
}


/*Presidence form*/

.pres-non-actionnaire-form {
    display: none;
}

.non-assoc-identite {
    display: block;
    padding: 0 0 0 35px;
}


/*Comites form*/

.add-comite-form,
.edit-comite-form {
    display: none;
}

.comite-form tr td {
    vertical-align: top;
}

.addComiteMember,
.delComiteMember,
.delNonActionMember {
    margin: 5px;
    background: none;
    border: none;
    padding: 0;
}

.membre-non-actionnaire {
    color: #444;
    font-style: italic;
}

.hidden {
    display: none!important;
}

.displayBlock {
    display: block;
}

.displayNone {
    display: none;
}


/*New proc*/

#newProcBlock {
    display: block;
    width: 100%;
    color: #555;
    text-align: center;
}

.newProcTypeButton {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    min-height: 300px;
    padding: 15px;
    margin: 5px;
    border: 1px solid #999;
    text-align: left;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.newProcTypeButton:not(.disabled):hover {
    color: #333;
    border: 1px solid #444;
    box-shadow: 0 0 5px rgba(116, 116, 116, 0.3);
}

.newProcTypeButton:not(.disabled):hover b {
    padding: 15px 0 0 0;
}

.newProcTypeButton:not(.disabled) .icon {
    transition: all 0.2s ease;
    color: #555;
}

.newProcTypeButton:not(.disabled):hover .icon {
    color: #9c1f25;
}

.newProcTypeButton b {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    padding: 20px 0 0 0;
    text-align: center;
    transition: all 0.2s ease;
}

.newProcTypeButton p {
    text-align: center;
    font-weight: 300;
}

.newProcTypeButton.disabled {
    opacity: 0.5;
}

.newProcTypeButton.warning {
    color: #D03700;
    border-color: #D03700;
}

.newProcTypeButton .formalite-name,
.newProcTypeButton .formalite-desc {
    min-height: 100px;
}

.newProcTypeButton .formalite-desc p {
    margin-top: 20px;
}


/*Formalites*/

.formalite-title {
    display: block;
    padding: 0 0 20px 20px;
    font-size: 0.7em;
}

.formalite_types .icon {
    width: 100%;
    display: block;
    font-size: 3em;
    text-align: center;
    margin-top: 15px;
}

.capital-non-atteint,
.depassement-capital {
    color: #DA5000;
}


/* Annonces legales formalite */

#partnersLogosFresque .jal_box {
    margin: 10px 20px 10px 10px;
    display: inline-block;
    vertical-align: top;
}

#partnersLogosFresque .jal_box img {
    max-height: 90px;
}

#partnersLogosFresque .jal_box.jal_box_btn {
    cursor: pointer;
}


/* Signataires form */

.signataire_docs_form .img_preview {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

.signataire_docs_form .img_preview img {
    max-height: 130px;
    max-width: 500px;
    width: 100%;
}

.signataire_doc_row .flat-btn {
    vertical-align: middle;
}

.signataire_doc_preview {
    padding: 10px 0;
}

.signataire_doc_preview .doc {
    display: block;
    padding: 5px;
}

.signataire_doc_preview .doc .icomoon-icon {
    font-size: 1.2em;
    padding-right: 7px;
}

.signataire_doc_preview .doc:hover .icomoon-icon {
    color: #c0392b;
}

.signataireName .fieldSetTitle th {
    font-size: 1.25em;
    cursor: pointer;
    padding: 15px 8px 5px 8px;
    box-shadow: 0 -1px 10px rgba(100, 100, 100, 0.1) inset;
    color: #5B5B5B;
    background: #fff !important;
    transition: all 0.3s;
}

.signataireName .fieldSetTitle th:before {
    color: #57667b;
    /* color: #fff; */
    content: "\e724";
    float: left;
    font-family: icomoon;
    font-size: 0.8em;
    line-height: 1.7;
    margin-right: 10px;
    opacity: 0.7;
    transform: rotate(-90deg);
    transition: all 0.3s ease 0s;
    transform-origin: 50%;
}

.signataireName:hover .fieldSetTitle th:before,
.signataireName.open .fieldSetTitle th:before {
    transform: rotate(-90deg) scale(1.2);
    opacity: 1;
}

.signataireName.open .fieldSetTitle th:before {
    transform: rotate(0) scale(1.2);
}

.signatairePieces {
    display: none;
}

.signatairePieces th {
    background: #678395;
}

.signatairePieces #svgLoader {
    margin-left: 10px;
    max-height: 25px;
    vertical-align: middle;
}

.personne-registry-result {
    font-size: 1em;
}

.personne-registry-result .row-full {
    background: #f9f9f9;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2) inset;
    display: none;
}

.personne-registry-result tbody .row-full td {
    background: none;
    padding: 15px;
}


/*
---- CALENDAR -----------------------------------------------#
*/

#eventsCalendar {
    width: 90%;
    margin: 0 auto;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


/*------CKEDITOR----*/

.ckeditorInline:empty {
    display: block;
    padding: 10px;
}

.ckeditorInline:empty::before {
    content: "Cliquez pour modifier";
    font-style: italic;
}

@keyframes infinite-spinning {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes infinite-spinning {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
        -webkit-transform: rotate(360deg);
    }
}

.spinner {
    animation: infinite-spinning 1s infinite linear;
    -webkit-animation: infinite-spinning 1s infinite linear;
}

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
}

.loader-overlay .spinner {
    margin-top: 20%;
}


/*Custom inputs*/

.ville-field {
    text-transform: uppercase;
}


/* Progress circle*/

.progressCircle svg circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear;
    stroke: #fff;
    /*stroke-width: 12;*/
    stroke-width: 9;
}

.progressCircle svg .bar {
    stroke: #90C695;
    /*stroke-dashoffset: 565;*/
    stroke-dashoffset: 424.11;
    transition: stroke 0.3s, stroke-dashoffset 1s ease-in-out;
}

.progressCircles {
    text-align: center;
}

.progressCircle {
    display: inline-block;
    vertical-align: top;
    height: 160px;
    width: 160px;
    margin: 0 2em;
    border-radius: 100%;
    position: relative;
}

.progressCircle:before {
    content: attr(title);
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    font-size: 1.2em;
    text-align: center;
    color: #696969;
}

.progressCircle .progressPourcentage {
    position: absolute;
    display: block;
    height: 120px;
    width: 120px;
    left: 50%;
    top: 33%;
    margin-top: -60px;
    margin-left: -60px;
    border-radius: 100%;
    line-height: 120px;
    font-size: 1.75em;
    text-align: center;
    color: #555;
}

.help-tooltip {
    position: absolute;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.5);
    min-width: 300px;
    max-width: 70%;
    max-height: 70%;
    z-index: 50;
    border: 1px solid #333;
}

.help-tooltip .close-tooltip {
    color: #FF614F;
    float: right;
    padding-left: 10px;
    cursor: pointer;
}

.help-tooltip .title {
    display: block;
    background: #444;
    color: #f0f0f0;
    padding: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.help-tooltip .current_msg {
    display: block;
    max-height: 600px;
    overflow-y: auto;
    padding: 25px 20px;
    font-size: 0.9em;
}

.help-tooltip .current_msg a {
    color: #c0392b;
}

.help-tooltip .current_msg a:hover {
    text-decoration: underline;
}


/*CKEDITOR CUSTOM VAR DROPDOWN*/

.cke_combo__strinsert .cke_combo_text {
    width: 80px;
}

.cke_combo__strinsert .cke_combo_text:before {
    content: "";
    background-image: url("ui/spinnerlogo.svg");
    background-size: 100% auto;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
}


/*MONTHPICK / TIMEPICK*/

.monthpick-block .chosen-container,
.timepick-block .chosen-container {
    width: inherit!important;
    display: inline-block;
}


/*CROPPER PLUGIN*/

.cropper-wrap {
    display: none;
}

.crop-result {
    display: block;
    max-height: 300px;
    max-width: 500px;
}

.formalite_signature_form {
    display: inline-block;
}


/* Reprise - Historique */

.histo-event-titre {
    font-size: 1.05em;
    display: block;
    padding: 0 0 5px 0;
}

.histo-event-txt {
    padding: 0 10px 10px 10px;
}

.histo-order-btns {
    display: inline-block;
    vertical-align: middle;
}

.histo-order-btn {
    cursor: pointer;
}


/* *************************************** */


/* ************ MODIFS JEANNE ************ */


/* *************************************** */

.stepFormCtrl li.active {
    background: #f3f5f6 none repeat scroll 0 0;
    box-shadow: none !important;
    font-size: 1em;
    font-weight: bold;
}

#procedureSteps .stepsWrapper {
    border: medium none;
    border-radius: 5px;
    display: inline-block;
    padding: 0;
    width: 100%;
}

.category-menu.horizontal li.active,
.category-menu.horizontal li:focus {
    /*background: #919191 none repeat scroll 0 0;*/
    background: #8d949c none repeat scroll 0 0;
    color: #f0f0f0;
    min-height: 42px;
}

.stepFormCtrlWrapper.vertical {
    display: inline-block;
    margin-left: 5px !important;
    margin-right: 10px !important;
    margin-top: 10px !important;
    max-width: 157px;
    min-width: 157px;
    vertical-align: top;
}

.category-menu.horizontal {
    display: flex;
    margin-left: 5px !important;
    margin-top: 5px !important;
}

.docpourcent {
    color: #000000;
}

#compte_header.compte {
    background-color: rgb(182, 24, 31);
    color: rgb(255, 255, 255);
    font-size: 14px;
    text-align: right;
    width: 30%;
}

#preheader {
    background-color: #B6181F;
    color: #ffffff;
    width: 100%;
    float: right;
    font-size: 12px;
}

#preheader .compte .menu li a {
    color: #000;
}

#et-info {
    float: left;
    margin-top: 7px;
}

#et-info-phone {
    margin-right: 13px;
}

#preheader .et-social-icons {
    display: inline-block;
    float: none;
}

.et-social-icons li {
    display: inline-block;
    margin-left: 20px;
}

#preheader .et-social-icon a {
    font-size: 14px;
}

#top-header .et-social-icons li {
    margin-top: -2px;
    margin-left: 12px;
}

.et-social-icon a::before,
.et_pb_social_icon a.icon::before,
.et_pb_font_icon::before,
#et-info-phone::before,
#et-info-email::before {
    font-family: "ETmodules" !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
}

#et-info-email::before {
    margin-right: 4px;
    content: "";
}

#conteneur_preheader {
    width: 80%;
    margin: auto;
}

#et-info-phone::before {
    position: relative;
    top: 2px;
    margin-right: 2px;
    content: "";
}

.et-social-facebook a.icon::before {
    content: "";
}

.et-social-twitter a.icon::before {
    content: "";
}

.et-social-google-plus a.icon::before {
    content: "";
}

#logo_container {
    width: 80%;
    margin: auto;
}

#logo_container .headerlogo {
    display: inline-block;
    vertical-align: middle;
    padding: 0px !important;
}

#bienvenue {
    float: right;
    vertical-align: center;
    padding-top: 30px;
}


/* **** FOOTER **** */

#footer-bottom {
    background-color: rgba(0, 0, 0, 0.32);
    padding: 15px 0 5px;
}

#main-footer {
    background-color: #222;
}

#footer-info {
    color: #666;
    padding-bottom: 10px;
    font-size: 14px;
}

#footer-info a {
    color: #666;
    font-weight: 700;
}

#footer-bottom a {
    transition: all 0.4s ease-in-out 0s;
}

.container-clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.container-clearfix::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.container-clearfix {
    position: relative;
    text-align: left;
}

.container-clearfix {
    margin: auto;
    position: relative;
    width: 90%;
}

#home_countdown {
    border: 0 solid yellow;
    padding: 0;
}

.et_pb_section_7 {
    background-color: #b6181f;
}

.et_pb_column {
    background-position: center center;
    background-size: cover;
    float: left;
}

.et_pb_slides::after,
.et_pb_row::after,
.et_pb_row_inner::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}

.et_pb_row {
    padding: 27px 0;
}

.underline {
    text-decoration: underline;
}

.client_access_desc {
    min-height: 60px;
}


/* page envoi dossier modif */

.titlestep-progressbar {
    text-align: center;
}

.titlestep-progressbar .steptitle {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0 0;
}

.titlestep-progressbar .steptitle .nb:before {
    font-size: 2.5em;
    position: relative;
    top: 5px;
    left: -3px;
    transition: all 0.3s ease;
}

.titlestep-progressbar .steptitle.active .nb:before {
    color: green;
}

.titlestep-progressbar .steptitle .title {
    font-size: 1.2em;
    transition: all 0.3s ease;
}

.titlestep-progressbar .steptitle.active .title {
    font-size: 1.3em;
    padding-bottom: 5px;
    border-bottom: 1px dashed #959595;
}

.titlestep-progressbar .steptitle .nb[data-num="1"]:before {
    content: "\2780";
}

.titlestep-progressbar .steptitle .nb[data-num="2"]:before {
    content: "\2781";
}

.titlestep-progressbar .steptitle .nb[data-num="3"]:before {
    content: "\2782";
}

.titlestep-progressbar .steptitle .nb[data-num="4"]:before {
    content: "\2783";
}

.titlestep-progressbar .steptitle .nb[data-num="5"]:before {
    content: "\2784";
}

.titlestep-progressbar .steptitle.active .nb[data-num="1"]:before {
    content: "\278A";
}

.titlestep-progressbar .steptitle.active .nb[data-num="2"]:before {
    content: "\278B";
}

.titlestep-progressbar .steptitle.active .nb[data-num="3"]:before {
    content: "\278C";
}

.titlestep-progressbar .steptitle.active .nb[data-num="4"]:before {
    content: "\278D";
}

.titlestep-progressbar .steptitle.active .nb[data-num="5"]:before {
    content: "\278E";
}


/* Facturation */

.facturesTab>tbody>tr>td:not(.noBG) {
    border-bottom: 1px solid #efefef;
    transition: 0.2s all ease;
}

.facturesTab>tbody>tr:hover>td:not(.noBG) {
    background: #f8f8f8;
}

.picto-text {
    background-image: linear-gradient(#08c, #04c);
    border-color: #666 #666 #555;
    /*border-width: 1px;*/
    /*border-style: solid;*/
    border-radius: 4px;
    box-shadow: rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.05);
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    font-size: 0.7em;
}

.picto-text.immat {
    background-image: linear-gradient(#63b6db, #309dcf);
}

.picto-text.reprise {
    background-image: linear-gradient(#3093C7, #1c5a85);
}

.picto-text.ag_comptes {
    background-image: linear-gradient(#ffa84c, #ff7b0d);
}

.picto-text.modif {
    background-image: linear-gradient(#2f929b, #00757f);
}

.picto-text.radiation {
    background-image: linear-gradient(#ff7b8d, #ee4057);
}

.picto-text.maj {
    background-image: linear-gradient(#85c88e, #48a753);
}