/* ----------------------------------------------*/
/* == 1                BLOCK                     */
/* ----------------------------------------------*/

#global{
  position: relative;
  min-height: 1000px;
}

#login{
  background:url("../img/img-background-01.jpg") no-repeat center center fixed;
  background-size: cover;
  min-height: 1000px;
}

#inscription{
  background:url("../img/img-background-02.jpg") no-repeat center center fixed;
  background-size: cover;
  min-height: 1000px;
}

#inscription-form{
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);
}

#main{
  margin-left: 60px;
  background: #F0F0F0;
  min-height: 1000px;
}

#topbar{
  width: 100%;
  background-color: #333333;
}

#button-dropdown-menu-01,
#button-dropdown-menu-02{
  right: 0;
  border: 0;
  border-radius: 0;
}

#button-dropdown-menu-01{
  left: auto;
}

#button-dropdown-menu-02{
  left: 0;
}

#main-logo{
  height: 70px;
}

.bloc-topbar{
  height: 40px;
  line-height: 40px;
}

.bloc-action{
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.col-list-scroll{
  height: 600px;
  overflow-y: scroll;
}

/* ----------------------------------------------*/
/* == 2                ELEMENT                   */
/* ----------------------------------------------*/

body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

/* -- Textes -- */
h1 {
  margin: 0px;
  padding: 0px;
  font-size: 26px;
  color: #ffffff;
}
h1.login {
  margin: 0px;
  padding: 0px;
  font-size: 26px;
  line-height: 36px;
  color: #176FA5;
}
h1.inscription {
  margin: 0px;
  padding: 0px;
  font-size: 26px;
  line-height: 36px;
  color: #ffffff;
}
h2 {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  color: #176FA5;
}
h2.inscription {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  color: #ffffff;
}
h3 {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  color: #176FA5;
}
p{
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  color: #333333;
}
span.info-secondaire{
  display: block;
  font-size: 12px;
  color: #333333;
}
span.date{
  display: block;
  font-size: 14px;
  color: rgba(62,62,62,0.7);
}
span.tag{
  display: inline-block;
  font-size: 10px;
  color: #ffffff;
  text-transform: uppercase;
  border-radius: 50px;
  text-align: center;
}
.text-overflow{
  overflow: hidden!important;
  white-space: nowrap!important;
  text-overflow: ellipsis!important;
}

/* -- Liens & Boutons -- */
a[disabled]{
    opacity: .5 !important;
    filter: alpha(opacity=50) !important;
}
a.form {
  font-size: 12px;
}
a.conditions {
  text-decoration: underline;
}
a.table-lien {
  color: #333333!important;
}
a.popover-aide{
  color: #ffffff;
}
a.table-th{
  color: #ffffff;
}
a.action{
  font-size: 16px;
  font-weight: 700;
  color: #EC6829;
  text-transform: uppercase;
}
a.dropdown-button{
  font-size: 12px;
  color: #ffffff;
  cursor: pointer;
}
a.collapse-button{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  width: 100%;
}
a.button-square{
  position: relative;
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background: #EC6829;
  padding: 8px 24px;
}

a.button-square-prev{
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #EC6829;
  text-align: center;
  background: #ffffff;
  padding: 8px 24px;
}
a.button-square-login{
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #176FA5;
  text-align: center;
  background:#ffffff;
  padding: 8px 24px;
}
a.button-rond-xs{
  position: relative;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  border-radius: 100%;
  background: #EC6829;
}
a.button-rond-md{
  position: relative;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  border-radius: 100%;
  background: #EC6829;
}
a.button-rond-lg{
  position: relative;
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 25px;
  color: #ffffff;
  text-align: center;
  border-radius: 100%;
  background: #EC6829;
}
a.form,
a.conditions,
a.table-lien,
a.popover-aide,
a.table-th,
a.action,
a.dropdown-button,
a.button-square,
a.button-square-prev,
a.button-square-login,
a.button-rond-xs,
a.button-rond-md i,
a.button-rond-lg{
  cursor: pointer;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
}
a.table-lien:hover,
a.popover-aide:hover,
a.table-th:hover,
a.action:hover,
a.dropdown-button:hover,
a.collapse-button:hover,
a.button-square:hover,
a.button-square-prev:hover,
a.button-square-login:hover,
a.button-rond-xs:hover,
a.button-rond-md:hover i,
a.button-rond-lg:hover{
  opacity: .5;
  text-decoration: none;
}
a.table-lien:focus,
a.popover-aide:focus,
a.table-th:focus,
a.action:focus,
a.dropdown-button:focus,
a.button-square:focus,
a.button-square-prev:focus,
a.button-square-login:focus,
a.button-rond-xs:focus,
a.button-rond-md:focus,
a.button-rond-lg:focus{
  outline:0;
  text-decoration: none;
}
a.form:hover,
a.conditions:hover{
  opacity:.5;
}
a.form:focus,
a.conditions:focus{
  outline: 0;
}

/* -- Icones & alertes -- */
i.ico-notification{
  font-size: 20px;
  color: #176FA5;
}
.ico-explorer{
  background: rgba(255, 255, 255, 0.2);
  text-transform: uppercase;
  border-radius: 50px;
  font-size: 10px;
}
span.alert-red {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #DA001A;
}
span.alert-nombre-blue {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  background: #176FA5;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
}
span.alert-nombre-white {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 100%;
  background: #ffffff;
  color: #176FA5;
  font-size: 10px;
  text-align: center;
}

/* -- Form -- */
textarea, input, label, input {
	font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}
label{
  font-weight: normal;
}
.input-50{
  width: 50%;
  float: left;
}
input.login{
  width: 100%;
  background: none;
  border: 1px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
}
input.login:focus{
  outline: 0;
}
input.login::-webkit-input-placeholder {
   color: rgba(255,255,255,0.2);
}
input.login:-moz-placeholder { /* Firefox 18- */
   color: rgba(255,255,255,0.2);
}
input.login::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,0.2);
}
input.login:-ms-input-placeholder {
   color: rgba(255,255,255,0.2);
}
input.inscription{
  width: 100%;
  background: none;
  border: 1px solid #333333;
  border-radius: 0;
  color: #333333;
}
textarea.inscription{
  width: 100%;
  max-width: 100%;
  background: none;
  border: 1px solid #333333;
  border-radius: 0;
  color: #333333;
}
input.inscription:focus,
textarea.inscription:focus{
  outline: 0;
}
input.inscription::-webkit-input-placeholder,
textarea.inscription::-webkit-input-placeholder {
   color: rgba(62,62,62,.5);
}
input.inscription:-moz-placeholder,
textarea.inscription:-moz-placeholder { /* Firefox 18- */
   color: rgba(62,62,62,.5);
}
input.inscription::-moz-placeholder,
textarea.inscription::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(62,62,62,.5);
}
input.inscription:-ms-input-placeholder,
textarea.inscription:-ms-input-placeholder {
   color: rgba(62,62,62,.5);
}
.has-error .control-label{
  color: #D0021B!important;
  font-weight: 700;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: rgba(62,62,62,0.2);
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.stepwizard-step span {
    color: #176FA5;
}
.btn{
  border: 2px solid transparent;
}
.btn-default {
    color: #ffffff;
    background-color: #176FA5;
    border-color: #176FA5;
}
.btn-default:hover {
    color: #ffffff;
    background-color: #176FA5;
    border-color: #176FA5;
}
.btn-default[disabled]{
    color: #333333;
    background: #ffffff;
    border: 1px solid rgba(62,62,62,0.2);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.btn-default[disabled]:hover{
    color: #ffffff;
    background-color: #176FA5;
    border-color: #176FA5;
}
.btn-primary{
    color: #176FA5;
    font-weight: 700;
    background-color: #ffffff;
    border-color: #176FA5;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.3;
    border-radius: 15px;
}
#dropzone .dropzone{
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border: 2px dashed #176FA5;
}
.progress-bar{
    background-color: #EC6829!important;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    font-size: 12px;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #333333;
    border-radius: 0;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    padding: 8px;
    font-family: FontAwesome;
    font-size: 14px;
    color: #EC6829;
    content: "\f093";
    background: none;
    border-radius: 0;
}
/* -- Table -- */
.dataTables_wrapper{
  position: initial;
}
table.dataTable thead tr th{
  color: #ffffff!important;
  font-size: 12px!important;
}
table.dataTable.display tbody tr.odd,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1{
  background: none!important;
}
table tbody tr{
  background: #ffffff!important;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.stripe tbody tr.odd:hover,
table.dataTable.display tbody tr.odd > .sorting_1:hover,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1:hover,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1:hover{
  background: #f5f5f5!important;
}
table.dataTable tbody tr.search-bar:hover{
  background: none!important;
}
table.dataTable.no-footer,
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td{
  border: 0!important;
}
table.dataTable.display tbody th,
table.dataTable.display tbody td{
  border-bottom: 1px solid rgba(62, 62, 62, 0.2)!important;
}

.forceOneLine {
    white-space: nowrap;
}

#inter div:first-of-type{
    width: auto;
}

.dataTables_info {
  display: none!important;
}
.dataTables_length label{
  margin-bottom: 16px!important;
  font-weight: normal!important;
}
.dataTables_length label select{
  padding: 8px!important;
  background-color: #e7e7e7!important;
  border: 0!important;
  border-radius: 0!important;
}
.dataTables_length label select:focus{
  outline: 0!important;
}
.dataTables_filter label{
  border-bottom: 1px solid rgba(62, 62, 62, 0.2)!important;
  font-weight: normal!important;
  margin-bottom: 16px!important;
}
.dataTables_filter label i{
  color: #c2c2c2!important;
}
.dataTables_filter label input{
  border: 0!important;
  width: 300px;
}
.dataTables_filter label input:focus{
  outline: 0!important;
}
.dataTables_paginate{
  padding:0!important;
  margin-top: 16px!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
  border-radius: 0!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
  border: 1px solid #EC6829!important;
  background: #EC6829!important;
  box-shadow: none!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active{
  border: 1px solid #EC6829!important;
  background: #EC6829!important;
  color: #ffffff!important;
  font-weight: bold!important;
  box-shadow: none!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: 1px solid #ffffff!important;
  background: none!important;
  color: rgba(62,62,62,.5)!important;
  box-shadow: none!important;
}
table thead th .popover{
  left: 8px;
  border-radius: 0!important;
  border: 0!important;
  color: #ffffff!important;
  background-color: #125178!important;
}
table thead th .popover.bottom > .arrow{

}
table thead th .popover.bottom > .arrow:after{
  border-bottom-color: #125178!important;
}

/* -- Modal mode edit -- */
#modal-mode-edit-01 .modal-dialog{
  width: auto;
  margin:0;
  top: 109px;
  left: 60px;
}
#modal-mode-edit-01 .modal-content{
  border-radius: 0;
}

#modal-mode-edit-01 form input{
  width: 100%;
  border: 0;
  border-bottom: 1px solid rgba(62,62,62,0.2);
}

#modal-mode-edit-01 form input:focus{
  outline:0;
}

/* ----------------------------------------------*/
/* == 3               MODIFIER                   */
/* ----------------------------------------------*/

/* -- Positions -- */
.position-initial{
  position: initial!important;
}
.position-absolute{
  position: absolute!important;
}
.absolute-center {
  position: absolute!important;
  top: 50%!important;
  left: 50%!important;
  transform: translate(-50%, -50%)!important;
}
.align-middle{
  display: inline-block!important;
  vertical-align: middle!important;
}
.display-block {
    display: block!important;
}
.display-inline-block {
    display: inline-block!important;
}
.float-left{
  float: left!important;
}
.float-right{
  float: right!important;
}

/* -- Masquage -- */
.display-none {
    display: none!important;
}

/* -- Opacité -- */
.opacity-20{
  opacity: .2!important;
}
.opacity-50{
  opacity: .5!important;
}
.opacity-70{
  opacity: .7!important;
}

/* -- Plans -- */

.z-0 {
    z-index: 0 !important;
}
.z-1 {
    z-index: 1 !important;
}
.z-2 {
    z-index: 2 !important;
}
.z-3 {
    z-index: 3 !important;
}

/* -- Marge -16px -- */
.mt-back16 {
    margin-top: -16px !important;
}
.mb-back16 {
    margin-bottom: -16px !important;
}
.ml-back16 {
    margin-left: -16px !important;
}
.mr-back16 {
    margin-right: -16px !important;
}

.top-back16 {
    top: -16px !important;
}
.right-back16 {
    right: -16px !important;
}
.bot-back16 {
    bottom: -16px !important;
}
.left-back16 {
    left: -16px !important;
}

/* -- Marge -8px -- */
.mt-back8 {
    margin-top: -8px !important;
}
.mb-back8 {
    margin-bottom: -8px !important;
}
.ml-back8 {
    margin-left: -8px !important;
}
.mr-back8 {
    margin-right: -8px !important;
}

.top-back8 {
    top: -8px !important;
}
.right-back8 {
    right: -8px !important;
}
.bot-back8 {
    bottom: -8px !important;
}
.left-back8 {
    left: -8px !important;
}

/* -- Marge Opx -- */
.m-0 {
    margin: 0px !important;
}
.mt-0 {
    margin-top: 0px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.mr-0 {
    margin-right: 0px !important;
}

.p-0 {
    padding: 0px !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.pl-0 {
    padding-left: 0px !important;
}
.pr-0 {
    padding-right: 0px !important;
}
.ptb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.plr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.top-0 {
    top: 0px !important;
}
.right-0 {
    right: 0px !important;
}
.bot-0 {
    bottom: 0px !important;
}
.left-0 {
    left: 0px !important;
}

/* -- Marge 8px -- */
.m-8 {
    margin: 8px !important;
}
.mt-8 {
    margin-top: 8px !important;
}
.mb-8 {
    margin-bottom: 8px !important;
}
.ml-8 {
    margin-left: 8px !important;
}
.mr-8 {
    margin-right: 8px !important;
}

.p-8 {
    padding: 8px !important;
}
.pt-8 {
    padding-top: 8px !important;
}
.pb-8 {
    padding-bottom: 8px !important;
}
.pl-8 {
    padding-left: 8px !important;
}
.pr-8 {
    padding-right: 8px !important;
}
.ptb-8{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.plr-8{
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.top-8 {
    top: 8px !important;
}
.right-8 {
    right: 8px !important;
}
.bot-8 {
    bottom: 8px !important;
}
.left-8 {
    left: 8px !important;
}

/* -- Marge 16px -- */
.m-16 {
    margin: 16px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mb-16 {
    margin-bottom: 16px !important;
}
.ml-16 {
    margin-left: 16px !important;
}
.mr-16 {
    margin-right: 16px !important;
}

.p-16 {
    padding: 16px !important;
}
.pt-16 {
    padding-top: 16px !important;
}
.pb-16 {
    padding-bottom: 16px !important;
}
.pl-16 {
    padding-left: 16px !important;
}
.pr-16 {
    padding-right: 16px !important;
}
.ptb-16{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.plr-16{
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.top-16 {
    top: 16px !important;
}
.right-16 {
    right: 16px !important;
}
.bot-16 {
    bottom: 16px !important;
}
.left-16 {
    left: 16px !important;
}

/* -- Marge 24px -- */
.m-24 {
    margin: 24px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mb-24 {
    margin-bottom: 24px !important;
}
.ml-24 {
    margin-left: 24px !important;
}
.mr-24 {
    margin-right: 24px !important;
}

.p-24 {
    padding: 24px !important;
}
.pt-24 {
    padding-top: 24px !important;
}
.pb-24 {
    padding-bottom: 24px !important;
}
.pl-24 {
    padding-left: 24px !important;
}
.pr-24 {
    padding-right: 24px !important;
}
.ptb-24{
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.plr-24{
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.top-24 {
    top: 24px !important;
}
.right-24 {
    right: 24px !important;
}
.bot-24 {
    bottom: 24px !important;
}
.left-24 {
    left: 24px !important;
}

/* -- Marge 48px -- */
.m-48 {
    margin: 48px !important;
}
.mt-48 {
    margin-top: 48px !important;
}
.mb-48 {
    margin-bottom: 48px !important;
}
.ml-48 {
    margin-left: 48px !important;
}
.mr-48 {
    margin-right: 48px !important;
}

.p-48 {
    padding: 48px !important;
}
.pt-48 {
    padding-top: 48px !important;
}
.pb-48 {
    padding-bottom: 48px !important;
}
.pl-48 {
    padding-left: 48px !important;
}
.pr-48 {
    padding-right: 48px !important;
}
.ptb-48{
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}
.plr-48{
    padding-left: 48px !important;
    padding-right: 48px !important;
}

.top-48 {
    top: 48px !important;
}
.right-48 {
    right: 48px !important;
}
.bot-48 {
    bottom: 48px !important;
}
.left-48 {
    left: 48px !important;
}

.p-96 {
    padding: 96px !important;
}
.pt-96 {
    padding-top: 96px !important;
}
.pb-96 {
    padding-bottom: 96px !important;
}
.pl-96 {
    padding-left: 96px !important;
}
.pr-96 {
    padding-right: 96px !important;
}
.ptb-96{
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}
.plr-96{
    padding-left: 96px !important;
    padding-right: 96px !important;
}

.top-96 {
    top: 96px !important;
}
.right-96 {
    right: 96px !important;
}
.bot-96 {
    bottom: 96px !important;
}
.left-96 {
    left: 96px !important;
}

/* -- Dividers -- */
.divider-white-t{
  border-top: 1px solid rgba(255, 255, 255, 0.2)!important;
}
.divider-white-b{
  border-bottom: 1px solid rgba(255, 255, 255, 0.2)!important;
}

.divider-grey-t{
  border-top: 1px solid rgba(62, 62, 62, 0.2)!important;
}
.divider-grey-b{
  border-bottom: 1px solid rgba(62, 62, 62, 0.2)!important;
}
.divider-grey-l{
  border-left: 1px solid rgba(62, 62, 62, 0.2)!important;
}
.divider-grey-r{
  border-right: 1px solid rgba(62, 62, 62, 0.2)!important;
}

.divider-t-none{
  border-top: 0!important;
}
.divider-b-none{
  border-bottom: 0!important;
}

/* -- Backgrounds -- */
.background-white{
  background: #ffffff!important;
}
.background-dark-grey{
  background: #333333!important;
}
.background-light-grey{
  background: #f0f0f0!important;
}
.background-blue{
  background: #176FA5!important;
}
.background-purple{
  background: #76448A!important;
}
.background-green{
  background: #BBB82E!important;
}
.background-orange{
  background: #EC6829!important;
}

/* -- Borders -- */
.border-white{
  border: 1px solid #ffffff!important;
}

/* -- Fonts -- */
.text-align-l{
  text-align: left!important;
}
.text-align-r{
  text-align: right!important;
}
.text-align-c{
  text-align: center!important;
}
.font-size-10{
  font-size: 10px!important;
}
.font-size-12{
  font-size: 12px!important;
}
.font-size-14{
  font-size: 14px!important;
}
.font-size-16{
  font-size: 16px!important;
}
.font-size-20{
  font-size: 20px!important;
}
.font-size-24{
  font-size: 24px!important;
}
.font-bold{
  font-weight: 700!important;
}
.font-color-white{
  color: #ffffff!important;
}
.font-color-dark-grey{
  color: #333333!important;
}
.font-color-blue{
  color: #176FA5!important;
}
.font-color-purple{
  color: #76448A!important;
}
.font-color-green{
  color: #BBB82E!important;
}
.font-color-orange{
  color: #EC6829!important;
}

/* ----------------------------------------------*/
/* == 4               NAVIGATION                 */
/* ----------------------------------------------*/
#sidebar-wrapper-lg,
#sidebar-wrapper-xs{
  height: 100%;
  position: absolute;
  overflow-x: hidden;
}

#sidebar-wrapper-lg,
#sidebar-wrapper-xs{
  background: #176FA5;
}

#sidebar-wrapper-xs{
  width: 60px;
}

#sidebar-wrapper-lg{
  width: 200px;
}

#wrapper-lg.extend,
#wrapper-mobile.extend{
  display: none;
}

.sidebar-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-nav li {
  text-align: left;
}

#wrapper-xs .sidebar-nav li {
  text-align: center;
}

.sidebar-nav li a {
  display: block;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: background .3s;
  -moz-transition: background .3s;
  -o-transition: background .3s;
  -ms-transition: background .3s;
  transition: background .3s;
}

#sidebar.sidebar-nav li:hover {
  border-left: 2px solid #ffffff;
  background: rgba(0,0,0,0.4);
}

#sidebar.sidebar-nav li a:hover {
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  background: #176FA5;
}

.sidebar-nav > .sidebar-brand a {
  color: #ffffff;
  background: none;
  border: none;
}

#wrapper-lg .sidebar-nav > .sidebar-brand a,
#wrapper-mobile .sidebar-nav > .sidebar-brand a {
  text-align: right;
  width:100%;
}

/* -- MENU BURGER MOBILE -- */
#nav-mobile .menu-buttons {
  position: absolute;
}

#menu-burger-close{
  display: none;
}

a.menu-burger {
  color: #ffffff;
}

/* -- CONTENT NAV TABS -- */

#content-nav-tabs .nav-item {
  display: inline-block!important;
}

#content-nav-tabs a.nav-link {
  font-size: 14px;
  color: #333333;
}

#content-nav-tabs a.nav-link:hover,
#content-nav-tabs a.nav-link:active {
  font-weight:700;
  color: #176FA5;
  background:none;
}

#content-nav-tabs li.nav-item::after {
  content: '';
  display: block;
  margin:auto;
  height:3px;
  width: 0;
  background: transparent;
  -webkit-transition: width .3s ease, background-color .3s ease;
  -moz-transition: width .3s ease, background-color .3s ease;
  -o-transition: width .3s ease, background-color .3s ease;
  -ms-transition: width .3s ease, background-color .3s ease;
  transition: width .3s ease, background-color .3s ease;
}

#content-nav-tabs li.nav-item:hover::after,
#content-nav-tabs li.nav-item.active::after{
  width: 100%;
  background: #176FA5;
}

#content-nav-tabs li.nav-item.active::after {
  content: '';
  display: block;
  margin:auto;
  height:3px;
  width: 100%;
  background: #176FA5;
}

#content-nav-tabs li.nav-item.active a.nav-link {
  font-weight:700;
  color: #176FA5;
}

/* ----------------------------------------------*/
/* == 5               RESPONSIVE                 */
/* ----------------------------------------------*/
@media (max-width:991px) {
  h1.inscription{
    margin-left: 0px!important;
  }

  #login-contenu,
  #inscription-contenu{
    padding: 40px 32px!important;
  }
  #login-intro,
  #inscription-intro{
    padding-right: 0!important;
    padding-bottom: 32px!important;
    text-align: center!important;
  }
  #login-form,
  #inscription-form{
    padding: 24px!important;
  }
  #login-form .bloc-base,
  #inscription-form .bloc-base{
    padding: 24px 0!important;
  }

  #inscription-form .stepwizard-step{
    display: block!important;
    margin-bottom: 16px!important;
    text-align: left!important;
    padding: 0!important;
  }
  #inscription-form .stepwizard-row:before{
    display: none!important;
  }
  #inscription-form .stepwizard-step a,
  #inscription-form .stepwizard-step span{
    display: inline-block!important;
    margin-right: 8px!important;
  }

  #content-nav-tabs {
    border-top: 1px solid rgba(62, 62, 62, 0.2)!important;
  }
  #content-nav-tabs .nav-item {
    display: block!important;
    padding:0 8px 16px 0!important;
  }
  #content-nav-tabs .nav-item:first-child {
    padding-top:16px!important;
  }
  #content-nav-tabs a.nav-link {
    padding:8px!important;
  }
  #content-nav-tabs a.nav-link:hover,
  #content-nav-tabs a.nav-link:active {
    font-weight:700!important;
    color: #176FA5!important;
    background:none!important;
    border-left: 3px solid #176FA5!important;
  }
  #content-nav-tabs li.nav-item.active a.nav-link{
    border-left: 3px solid #176FA5!important;
  }
  #content-nav-tabs li.nav-item::after,
  #content-nav-tabs li.nav-item.active::after {
    display: none!important;
  }

}

@media (max-width:767px) {

  /* -- BLOC CONTENU -- */
  #main{
    margin-left: 0!important;
  }

  h1{
    margin-left: 60px;
    font-size: 18px;
  }
  h1.Login{
    margin-left: 0px!important;
  }

  #accueil-intro,
  #profil-infos-perso,
  #depot-doc-bouton,
  #doc-dispo-intro,
  #particip-financ-intro,
  #echeancier-global-intro,
  #dossier-aide-intro,
  #operations-comptables-intro{
    padding-bottom: 0!important;
  }
  #accueil-contenu,
  #profil-interlocuteurs,
  #depot-doc-tableau,
  #doc-dispo-tableau,
  #particip-financ-tableau,
  #echeancier-global-tableau,
  #dossier-aide-tableau,
  #operations-comptables-tableau{
    padding-top: 0!important;
  }
  #particip-financ-intro .bloc-base p{
    float: left!important;
  }

  /* -- NAVIGATION -- */
  nav#nav-desktop {
    display: none!important;
  }
  nav#nav-mobile {
    display: block!important;
  }

  /* -- TABLEAU -- */
  .table-responsive{
    padding: 16px 0!important;
    border: 1px solid rgba(62, 62, 62, 0.2)!important;
  }
  .dataTables_length,
  .dataTables_filter{
    float: none!important;
    text-align: center!important;
    padding: 0 8px!important;
  }


  /* -- MODAL -- */
  .modal-dialog{
    width: 90%!important;
  }
  .modal-content{
    padding: 48px 24px!important;
  }
  #modal-mode-edit-01 .modal-dialog{
    left: 0!important;
    width: 100%!important;
  }
  #modal-mode-edit-01 > .row > .col-xs-12{
    padding-right: 16px!important;
  }

  /* -- DOSSIER AIDE -- */
  #dossier-aide-tableau #etat-dossier.bloc-base {
    border-top: 1px solid rgba(62, 62, 62, 0.2);
    border-left: none!important;
    padding-left: 0!important;
    padding-top: 24px;
  }
}
