@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 avr. 2016, 14:22:44
    Author     : RN
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 avr. 2016, 17:00:51
    Author     : RN
*/
/* Fonts */
/* Color */
/* Params */
.vert {
  color: #27AE61;
}

.orange {
  color: #E77E23;
}

.rouge {
  color: #C1392B;
}

.gris {
  color: rgba(149, 152, 154, 0.3);
}

.bleu {
  color: #267abb;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 3 avr. 2016, 17:26:38
    Author     : RN
*/
/*
usage : .article {
     @include clearfix();
}
*/
/*
.article-heading {
  @include opacity(0.8);
}
*/
/*
.text-truncate {
  @include text-truncate;
}
*/
/*
Flaticon icon font: Flaticon
Creation date: 07/04/2016 09:00
*/
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-size: 16px;
  font-style: normal;
  margin-right: 5px;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.flaticon-24-hours-phone-service:before {
  content: "\f100";
}

.flaticon-bar-chart:before {
  content: "\f101";
}

.flaticon-bar-chart-1:before {
  content: "\f102";
}

.flaticon-black:before {
  content: "\f103";
}

.flaticon-buildings:before {
  content: "\f104";
}

.flaticon-call-center-worker-with-headset:before {
  content: "\f105";
}

.flaticon-clipboard-verification-symbol:before {
  content: "\f106";
}

.flaticon-close-envelope:before {
  content: "\f107";
}

.flaticon-cloud-upload:before {
  content: "\f108";
}

.flaticon-cross:before {
  content: "\f109";
}

.flaticon-delivery-truck-with-circular-clock:before {
  content: "\f10a";
}

.flaticon-delivery-truck-with-packages-behind:before {
  content: "\f10b";
}

.flaticon-diploma:before {
  content: "\f10c";
}

.flaticon-file-folder:before {
  content: "\f10d";
}

.flaticon-fin-contrat:before {
  content: "\f10e";
}

.flaticon-graphic:before {
  content: "\f10f";
}

.flaticon-graphic-1:before {
  content: "\f110";
}

.flaticon-graphic-2:before {
  content: "\f111";
}

.flaticon-handshake:before {
  content: "\f112";
}

.flaticon-healthy:before {
  content: "\f113";
}

.flaticon-lightbulb-idea:before {
  content: "\f114";
}

.flaticon-mail-black-envelope-symbol:before {
  content: "\f115";
}

.flaticon-medical:before {
  content: "\f116";
}

.flaticon-medical-1:before {
  content: "\f117";
}

.flaticon-medical-2:before {
  content: "\f118";
}

.flaticon-medical-3:before {
  content: "\f119";
}

.flaticon-people:before {
  content: "\f11a";
}

.flaticon-people-1:before {
  content: "\f11b";
}

.flaticon-phone:before {
  content: "\f11c";
}

.flaticon-signing-the-contract:before {
  content: "\f11d";
}

.flaticon-sound:before {
  content: "\f11e";
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?kzoml7");
  src: url("../fonts/icomoon.eot?kzoml7#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?kzoml7") format("truetype"), url("../fonts/icomoon.woff?kzoml7") format("woff"), url("../fonts/icomoon.svg?kzoml7#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-n4ds:before {
  content: "\e901";
}

.icon-dsn:before {
  content: "\e900";
}

#login, #recup {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiM0Zjk2Y2MiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTViOWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(40%, #4f96cc), color-stop(100%, #095b9a));
  background-image: -moz-linear-gradient(top, #4f96cc 40%, #095b9a 100%);
  background-image: -webkit-linear-gradient(top, #4f96cc 40%, #095b9a 100%);
  background-image: linear-gradient(to bottom, #4f96cc 40%, #095b9a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f96cc', endColorstr='#095b9a',GradientType=0 );
  /* IE6-9 */
  position: relative;
}
#login #login-page, #login #recuperationpage, #recup #login-page, #recup #recuperationpage {
  width: 460px;
  margin: auto;
  margin-top: 50vh;
  /* poussé de la moitié de hauteur de viewport */
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#login #login-page .important, #login #recuperationpage .important, #recup #login-page .important, #recup #recuperationpage .important {
  color: #fff;
  text-align: center;
}
#login #login-page .form, #login #recuperationpage .form, #recup #login-page .form, #recup #recuperationpage .form {
  background-image: url("../img/spv-logo.png");
  background-repeat: no-repeat;
  background-color: white;
  background-position: center 29px;
  position: relative;
  z-index: 1;
  margin: 0 auto 100px;
  padding: 45px;
  padding-top: 102px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #login #login-page .form, #login #recuperationpage .form, #recup #login-page .form, #recup #recuperationpage .form {
    background-image: url("../img/spv-logo@2x.png");
    background-size: 230px auto;
  }
}
#login #login-page .form input, #login #recuperationpage .form input, #recup #login-page .form input, #recup #recuperationpage .form input {
  outline: 0;
  width: 100%;
  border: 0;
  height: 37px;
  color: #141f28;
  border-bottom: 1px solid #dadee7;
  margin: 0 0 15px;
  padding-left: 40px;
  box-sizing: border-box;
  font-size: 14px;
}
#login #login-page .form input:-webkit-autofill, #login #recuperationpage .form input:-webkit-autofill, #recup #login-page .form input:-webkit-autofill, #recup #recuperationpage .form input:-webkit-autofill {
  background-image: url("../img/icon-user.png");
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 7px 5px;
  -webkit-box-shadow: 0 0 0 50px white inset;
  /* Change the color to your own background color */
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #login #login-page .form input:-webkit-autofill, #login #recuperationpage .form input:-webkit-autofill, #recup #login-page .form input:-webkit-autofill, #recup #recuperationpage .form input:-webkit-autofill {
    background-image: url("../img/icon-user@2x.png");
    background-size: 20px auto;
  }
}
#login #login-page .form input[type="text"], #login #recuperationpage .form input[type="text"], #recup #login-page .form input[type="text"], #recup #recuperationpage .form input[type="text"] {
  background-image: url("../img/icon-user.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 7px 5px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #login #login-page .form input[type="text"], #login #recuperationpage .form input[type="text"], #recup #login-page .form input[type="text"], #recup #recuperationpage .form input[type="text"] {
    background-image: url("../img/icon-user@2x.png");
    background-size: 20px auto;
  }
}
#login #login-page .form input[type="password"], #login #recuperationpage .form input[type="password"], #recup #login-page .form input[type="password"], #recup #recuperationpage .form input[type="password"] {
  background-image: url("../img/icon-password.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 7px 5px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #login #login-page .form input[type="password"], #login #recuperationpage .form input[type="password"], #recup #login-page .form input[type="password"], #recup #recuperationpage .form input[type="password"] {
    background-image: url("../img/icon-password@2x.png");
    background-size: 20px auto;
  }
}
#login #login-page .form a#valider, #login #recuperationpage .form a#valider, #recup #login-page .form a#valider, #recup #recuperationpage .form a#valider {
  display: block;
  margin: auto;
  text-decoration: none;
  position: relative;
  background: #267abb;
  width: 75%;
  padding: 15px;
  color: #FFFFFF;
  font-size: 1em;
  -moz-transition: all ease;
  -o-transition: all ease;
  -webkit-transition: all ease;
  transition: all ease;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  cursor: pointer;
  font-weight: bold;
  margin-top: 27px;
  margin-bottom: 10px;
  border: 0;
}
#login #login-page .form a#valider:after, #login #recuperationpage .form a#valider:after, #recup #login-page .form a#valider:after, #recup #recuperationpage .form a#valider:after {
  content: '\003E';
  position: absolute;
  left: 68%;
  top: 16px;
  text-decoration: none;
  border: 0;
  display: inline-block;
}
#login #login-page .form a#valider:hover, #login #login-page .form a#valider:active, #login #login-page .form a#valider:focus, #login #recuperationpage .form a#valider:hover, #login #recuperationpage .form a#valider:active, #login #recuperationpage .form a#valider:focus, #recup #login-page .form a#valider:hover, #recup #login-page .form a#valider:active, #recup #login-page .form a#valider:focus, #recup #recuperationpage .form a#valider:hover, #recup #recuperationpage .form a#valider:active, #recup #recuperationpage .form a#valider:focus {
  background-color: #3071a9;
}
#login #login-page .form a#valider:hover:after, #login #login-page .form a#valider:active:after, #login #login-page .form a#valider:focus:after, #login #recuperationpage .form a#valider:hover:after, #login #recuperationpage .form a#valider:active:after, #login #recuperationpage .form a#valider:focus:after, #recup #login-page .form a#valider:hover:after, #recup #login-page .form a#valider:active:after, #recup #login-page .form a#valider:focus:after, #recup #recuperationpage .form a#valider:hover:after, #recup #recuperationpage .form a#valider:active:after, #recup #recuperationpage .form a#valider:focus:after {
  -moz-transform: translateX(25px);
  -ms-transform: translateX(25px);
  -webkit-transform: translateX(25px);
  transform: translateX(25px);
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
#login #login-page .form a#MdpOublie, #login #recuperationpage .form a#MdpOublie, #recup #login-page .form a#MdpOublie, #recup #recuperationpage .form a#MdpOublie {
  text-decoration: none;
}
#login #login-page #MsgError, #login #recuperationpage #MsgError, #recup #login-page #MsgError, #recup #recuperationpage #MsgError {
  color: #a94442;
  margin-bottom: 20px;
  display: block;
}
#login #login-page .modal, #login #recuperationpage .modal, #recup #login-page .modal, #recup #recuperationpage .modal {
  position: absolute;
  top: 0;
  left: calc(50% - 250px);
  z-index: 1;
  background-color: white;
  width: 500px;
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  border-radius: 4px;
}
#login #login-page .modal .modal-header, #login #recuperationpage .modal .modal-header, #recup #login-page .modal .modal-header, #recup #recuperationpage .modal .modal-header {
  padding: 5px 10px;
}
#login #login-page .modal .modal-header #close, #login #recuperationpage .modal .modal-header #close, #recup #login-page .modal .modal-header #close, #recup #recuperationpage .modal .modal-header #close {
  background-color: transparent;
  border: none;
  float: right;
  cursor: pointer;
  color: white;
  font-size: 30px;
  text-decoration: none;
}
#login #login-page .modal .modal-header h4, #login #recuperationpage .modal .modal-header h4, #recup #login-page .modal .modal-header h4, #recup #recuperationpage .modal .modal-header h4 {
  margin-top: 11px;
  margin-bottom: 11px;
}
#login #login-page .modal .modal-body, #login #recuperationpage .modal .modal-body, #recup #login-page .modal .modal-body, #recup #recuperationpage .modal .modal-body {
  padding: 20px;
}
#login #login-page .modal .modal-body input, #login #recuperationpage .modal .modal-body input, #recup #login-page .modal .modal-body input, #recup #recuperationpage .modal .modal-body input {
  display: block;
  width: 100%;
  border: 1px #ccc solid;
  border-radius: 4px;
  padding: 7px 11px;
  font-size: 14px;
  margin: 10px 0px;
  box-sizing: border-box;
}
#login #login-page .modal .modal-footer .btn, #login #recuperationpage .modal .modal-footer .btn, #recup #login-page .modal .modal-footer .btn, #recup #recuperationpage .modal .modal-footer .btn {
  background-color: #4caf50;
  color: white;
  padding: 9px 13px;
  border-radius: 4px;
  text-decoration: none;
  float: right;
  margin: 5px 20px 20px 5px;
}
@media screen and (max-width: 480px) {
  #login #login-page, #recup #login-page {
    width: 87%;
  }
  #login #login-page a:after, #recup #login-page a:after {
    display: none;
  }
  #login #login-page .modal, #recup #login-page .modal {
    width: 100%;
    left: auto;
  }
}

#recup #msgSuccess {
  position: relative;
  top: 15px;
}
#recup #msgError {
  color: #a94442;
}
#recup #details {
  font-style: italic;
  font-size: 13px;
  color: #AAA;
}
#recup #goLogin {
  top: 8px;
  position: relative;
}

#header.navbar {
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 1030;
  margin-bottom: 0;
  border-bottom: 0;
  height: 61px;
  -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08), 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
}
#header.navbar .navbar-branding {
  position: relative;
  overflow: hidden;
  width: 260px;
  height: 61px;
  margin-right: 10px;
  float: left;
  background-color: #fff;
}
#header.navbar .navbar-branding .navbar-brand {
  background-image: url("../img/paie-psv-fr.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center 9px;
  height: 61px;
  width: 260px;
  text-align: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #header.navbar .navbar-branding .navbar-brand {
    background-image: url("../img/paie-psv-fr@2x.png");
    background-size: 211px auto;
  }
}
#header.navbar .navbar-branding .navbar-brand span {
  color: #888888;
  font-size: 11px;
  line-height: 61px;
}
#header.navbar #nav-bar-right {
  background-color: #267abb;
}
#header.navbar #nav-bar-right .hamburger {
  position: relative;
}
#header.navbar #nav-bar-right .hamburger .text {
  color: #fff;
  position: absolute;
  top: 38px;
  left: 15px;
  font-size: 9px;
}
#header.navbar #nav-bar-right .navbar-right {
  margin-right: 15px;
}
#header.navbar #nav-bar-right .navbar-right .dropdown button, #header.navbar #nav-bar-right .navbar-right .boutonTopBar {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: none;
  color: #fff;
  font-size: 0.929em;
  height: 43px;
}
#header.navbar #nav-bar-right .navbar-right .dropdown-menu {
  margin-top: 8px;
  border-radius: 2px;
  border-top: 3px solid #ee7f00;
  -moz-animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
#header.navbar #nav-bar-right .navbar-right .dropdown-menu li a {
  color: #141f28;
}
#header.navbar #nav-bar-right .navbar-right .dropdown-menu:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  right: 11px;
  bottom: 100%;
  border-width: 0 8px 8px;
  border-bottom-color: #ee7f00;
}
#header.navbar #nav-bar-right #box-moduleCovid a {
  padding: 5px 10px;
  margin-top: 14px;
}
#header.navbar #nav-bar-right #box-moduleCovid a:hover, #header.navbar #nav-bar-right #box-moduleCovid a:active {
  background-color: #449d44;
}
#header.navbar #nav-bar-right #homeMobil {
  display: none;
}
#header.navbar #nav-bar-right #homeMobil a {
  height: 43px;
  width: 43px;
  display: block;
  color: #fff;
  padding: 6px 12px;
  margin-bottom: 0;
  text-align: center;
}
#header.navbar #nav-bar-right #homeMobil a .fa {
  font-size: 21px;
  margin-top: 4px;
}
#header.navbar #nav-bar-right #assistance .fa-phone {
  margin-right: 10px;
}
#header.navbar #nav-bar-right #assistance_paie_dom .label {
  -moz-animation: flash 2s infinite ease-in-out both;
  -webkit-animation: flash 2s infinite ease-in-out both;
  animation: flash 2s infinite ease-in-out both;
}
#header.navbar #nav-bar-right #assistance_paie_dom .dropdown-menu {
  width: 380px;
  padding: 8px;
}
#header.navbar #nav-bar-right #assistance_paie_dom .dropdown-menu .button_div {
  text-align: center;
}
#header.navbar #nav-bar-right #assistance_paie_dom .dropdown-menu .button_div a {
  margin-top: 8px;
  border-radius: unset;
  width: 260px;
}
#header.navbar #nav-bar-right #calendrier-paie-echeance {
                /*animation-name: wobble-with-delay;
                animation-delay: 2s;
                animation-duration:5s;
                animation-iteration-count: 5;
                animation-fill-mode:both;
                @keyframes wobble-with-delay{

                    0% {
                        -webkit-transform: none;
                        transform: none;
                    }
                    3% {
                        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
                    }
                    6% {
                        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
                    }
                    9% {
                        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
                    }
                    12% {
                        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
                    }
                    15% {
                        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
                    }
                    20% {
                        -webkit-transform: none;
                        transform: none;
                    }
                }*/
}
#header.navbar #nav-bar-right #calendrier-paie-echeance .label {
  -moz-animation: flash 2s infinite ease-in-out both;
  -webkit-animation: flash 2s infinite ease-in-out both;
  animation: flash 2s infinite ease-in-out both;
}
#header.navbar #nav-bar-right #calendrier-paie-echeance a {
  padding-top: 11px;
}
#header.navbar #nav-bar-right #calendrier-paie-echeance a .badge {
  background-color: #fe5621;
  color: #fff;
  position: absolute;
  left: 16px;
  top: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 18px;
}
#header.navbar #nav-bar-right #calendrier-paie-echeance a .badge i {
  position: relative;
  left: -4px;
}
#header.navbar #nav-bar-right #notifications .badge {
  background-color: #fe5621;
  color: #fff;
  font-size: 0.714em;
  position: absolute;
  left: 17px;
  top: -1px;
  padding-top: 4px;
  padding-bottom: 4px;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu {
  width: 531px;
  padding: 0;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel {
  margin-bottom: 0;
  overflow: hidden;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-menu {
  color: #666;
  padding: 0px 12px 0px;
  background-color: #f5f5f5;
  border-top: 0;
  position: relative;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-menu .panel-icon {
  padding-left: 5px;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-menu .panel-title {
  padding-left: 6px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 0.929em;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-menu button {
  background-color: #f5f5f5;
  color: #666666;
  border: none;
  position: relative;
  top: 0px;
  left: 294px;
  outline: 0;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-menu button.animate i {
  -moz-animation: rotate 1s 0s linear 1;
  -webkit-animation: rotate 1s 0s linear 1;
  animation: rotate 1s 0s linear 1;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body {
  padding: 0;
  position: relative;
  border: 1px solid #e2e2e2;
  border: none;
  border-top: 1px solid #e2e2e2;
  max-height: 300px;
  width: 531px;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  color: #AAA;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item {
  padding: 18px 87px 18px 45px;
  position: relative;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item a {
  text-decoration: underline;
  color: #095b9a;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item:after {
  content: "";
  position: absolute;
  display: block;
  left: 21px;
  top: 0;
  height: 100%;
  width: 3px;
  background: #E8E8E8;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item .timeline-icon {
  left: 9px;
  top: 12px;
  opacity: 0.85;
  filter: alpha(opacity=85);
  z-index: 2;
  position: absolute;
  background: #9d9fa7;
  width: 30px;
  height: 30px;
  line-height: 26px;
  color: #FFF;
  text-align: center;
  border-radius: 26px;
  border: 2px solid #FFF;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item .timeline-desc {
  letter-spacing: 0;
  font-size: 0.929em;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item .timeline-desc b, #header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item .timeline-desc strong {
  color: #333;
  font-weight: 600;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item .timeline-desc img {
  width: 100%;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item .timeline-date {
  font-size: 0.786em;
  right: 11px;
  top: 17px;
  position: absolute;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item + .timeline-item {
  border-top: 1px solid #E8E8E8;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item.new {
  background: #f3f3f3;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item.new .timeline-icon {
  background: #ee7f00;
  opacity: 1;
  filter: alpha(opacity=100);
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item.new .timeline-desc {
  color: #141f28;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item.new:after {
  background: #ee7f00;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item:hover .timeline-icon {
  background: #3b3f4f;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item:hover.new .timeline-icon {
  background: #fe5621;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-footer {
  padding: 7px;
}
#header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-footer a {
  color: #666;
  text-decoration: none;
  font-weight: bold;
}
#header.navbar #nav-bar-right #account #user-account {
  color: #fff;
  margin-top: 1px;
  background: none;
}
#header.navbar #nav-bar-right #account #Welcome {
  color: #fff;
  font-size: 0.929em;
  margin-top: 3px;
  display: inline-block;
}
#header.navbar #nav-bar-right #account .dropdown-menu {
  margin-top: 5px;
  padding-bottom: 0;
  padding-top: 0;
}
#header.navbar #nav-bar-right #account .dropdown-menu a {
  padding: 12px;
}
#header.navbar #nav-bar-right #account .dropdown-footer a {
  text-align: center;
  padding: 8px 10px 9px;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  -webkit-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
#header.navbar #nav-bar-right #account .dropdown-footer a:hover {
  background-color: #FFFEF0;
}

#sidebar_left {
  background-color: #fff;
  padding-top: 61px;
  padding-bottom: 0;
  top: 0;
  left: 0;
  width: 260px;
  min-height: 100%;
  height: 100%;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
}
#sidebar_left .sidebar-left-content {
  height: 100%;
}
#sidebar_left .sidebar-left-content .sidebar-menu {
  padding-bottom: 20px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li {
  margin: 0;
  /* li class active */
}
#sidebar_left .sidebar-left-content .sidebar-menu li a {
  color: #141f28;
  line-height: 24px;
  outline: 0;
  /* Hover sur le a */
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .glyphicon, #sidebar_left .sidebar-left-content .sidebar-menu li a .fa, #sidebar_left .sidebar-left-content .sidebar-menu li a .icomoon {
  margin-right: 5px;
  color: #CCD0D4;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .glyphicon :before, #sidebar_left .sidebar-left-content .sidebar-menu li a .fa :before, #sidebar_left .sidebar-left-content .sidebar-menu li a .icomoon :before {
  font-size: 15px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .icomoon {
  font-size: 6px;
  margin-left: -5px;
  margin-right: 0;
  position: relative;
  top: -3px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .sidebar-title {
  font-weight: 600;
  position: relative;
  top: -1px;
  font-size: 0.929em;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .caret {
  margin: 0;
  border: 0;
  top: 9px;
  position: absolute;
  right: 15px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .caret:after {
  content: "\f105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 14px;
  display: inline-block;
  padding-right: 3px;
  float: right;
  right: 0;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a:hover {
  background: none;
  color: #267abb;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a:hover .glyphicon, #sidebar_left .sidebar-left-content .sidebar-menu li a:hover .fa, #sidebar_left .sidebar-left-content .sidebar-menu li a:hover .icomoon {
  color: #267abb;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a:focus {
  background: none;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a[aria-expanded="true"] .caret:after {
  content: "\f107";
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .fa-file-pdf-o, #sidebar_left .sidebar-left-content .sidebar-menu li a .fa-power-off {
  margin-right: 7px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .fa-bar-chart {
  margin-right: 4px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li a .fa-euro {
  margin-right: 10px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li.active a {
  color: #267abb;
}
#sidebar_left .sidebar-left-content .sidebar-menu li.active a .glyphicon, #sidebar_left .sidebar-left-content .sidebar-menu li.active a .fa, #sidebar_left .sidebar-left-content .sidebar-menu li.active a .icomoon {
  color: #267abb;
}
#sidebar_left .sidebar-left-content .sidebar-menu li.separator:after {
  content: "";
  border-top: 1px solid #edebeb;
  width: 208px;
  display: inline-block;
  height: 1px;
  position: absolute;
  margin-left: 16px;
  bottom: 0px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li .sub-nav li a {
  font-size: 0.929em;
  padding: 11px 20px 11px 30px;
}
#sidebar_left .sidebar-left-content .sidebar-menu li.disable a {
  color: #b5b8bb;
}

#main-content {
  margin-left: 260px;
  padding-top: 61px;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#main-content .mobileshow {
  display: none;
}
#main-content #topbar {
  background: #e9e9e9;
  border-bottom: 1px solid #ddd;
  padding-left: 24px;
  padding-top: 6px;
}
#main-content #topbar h1 {
  margin: 0;
  font-size: 24px;
  font-weight: bold;
}
#main-content #topbar .breadcrumb {
  background-color: transparent;
  margin-bottom: 3px;
  padding: 3px 15px 0 0px;
  font-size: 0.857em;
}
#main-content #topbar .breadcrumb .icomoon {
  font-size: 8px;
  top: -1px;
  position: relative;
}
#main-content #content {
  margin-top: 15px;
}
#main-content #content #guide-paie-pdf {
  /*width: 80%;*/
  margin: auto;
  padding: 5px;
  margin-top: 15px;
  margin-bottom: 20px;
  text-align: center;
  background-color: #4caf50;
  display: none;
}
#main-content #content #guide-paie-pdf a {
  color: #fff;
  display: block;
  width: 100%;
}
#main-content #content .scrollup {
  display: none;
  position: fixed;
  right: 15px;
  top: 80%;
  width: 40px;
  height: 40px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  z-index: 20;
  text-align: center;
  color: #fff;
  background-color: #898b8e;
}
#main-content #content .scrollup .fa {
  margin-right: 0;
  margin-top: 6px;
}
#main-content #content #contentContainer {
  width: auto;
}
#main-content #content #accueil #cotis_exonerations a {
  color: white;
}
#main-content #content #accueil #logo-spv-small-device {
  background-image: url("../img/paie-psv-fr.png");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top center;
  height: 61px;
  width: 260px;
  margin: auto;
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #main-content #content #accueil #logo-spv-small-device {
    background-image: url("../img/paie-psv-fr@2x.png");
    background-size: 190px auto;
  }
}
#main-content #content #accueil #box-aucun-module {
  display: none;
}
#main-content #content #accueil #box-moduleHandicap h2 {
  margin-top: -7px;
}
#main-content #content #accueil #box-moduleHandicap .label-success {
  animation: flash 2s infinite ease-in-out both;
}
#main-content #content #accueil #box-modulePenibilite .iconepenibilite {
  width: 40px;
  height: 40px;
  position: absolute;
  display: inline-block;
  top: 19px;
  left: 13px;
  background: url(/assets/img/penibilie-icon-40.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#main-content #content #accueil #box-modulePenibilite .label-success {
  animation: flash 2s infinite ease-in-out both;
}
#main-content #content #accueil #box-moduleCovid {
  border: solid 1px #ccc;
  margin-bottom: 17px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #FFF;
}
#main-content #content #accueil #box-moduleCovid h3 {
  font-size: 1.2em;
  font-weight: 900;
}
#main-content #content #accueil #box-moduleCovid p {
  font-size: 0.9em;
}
#main-content #content #accueil #box-moduleCovid .text-center {
  text-align: center;
}
#main-content #content #accueil #box-moduleCovid .label-success {
  animation: flash 2s infinite ease-in-out both;
}
#main-content #content #accueil .boxeIcon {
  display: none;
  padding: 0;
}
#main-content #content #accueil .boxeIcon a {
  min-height: 80px;
  max-height: 80px;
  display: block;
  position: relative;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: 0px 0px 8px 0px rgba(143, 143, 145, 0.4);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(143, 143, 145, 0.4);
  box-shadow: 0px 0px 8px 0px rgba(143, 143, 145, 0.4);
  width: 100%;
  background-color: #fff;
  color: #141f28;
  text-decoration: none;
  padding: 21px 10px 21px 0;
  margin-bottom: 25px;
}
#main-content #content #accueil .boxeIcon a:before {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  background: #267abb;
  width: 70px;
  -moz-border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px 0 0 8px;
}
#main-content #content #accueil .boxeIcon a:hover {
  /*@include animation(pop 0.4s 1 linear);*/
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
#main-content #content #accueil .boxeIcon a .fa, #main-content #content #accueil .boxeIcon a .glyphicon, #main-content #content #accueil .boxeIcon a .icomoon {
  position: absolute;
  color: #fff;
  font-size: 40px;
  top: 19px;
  left: 13px;
}
#main-content #content #accueil .boxeIcon a .fa:before, #main-content #content #accueil .boxeIcon a .glyphicon:before, #main-content #content #accueil .boxeIcon a .icomoon:before {
  font-size: 40px;
}
#main-content #content #accueil .boxeIcon a .icomoon {
  top: 10px;
  left: 8px;
}
#main-content #content #accueil .boxeIcon a .icomoon:before {
  font-size: 13px;
}
#main-content #content #accueil .boxeIcon a h2 {
  font-size: 1.1431em;
  font-weight: bold;
  margin: 0;
  margin-left: 82px;
}
#main-content #content #accueil .boxeIcon a .sous-titre {
  margin: 0;
  margin-left: 82px;
  font-size: 0.857em;
  margin-top: 4px;
}
#main-content #content #accueil .boxeIcon a .sous-titre.not-available {
  display: none;
}
#main-content #content #accueil .boxeIcon a .fa-euro {
  left: 23px;
  top: 22px;
}
#main-content #content #accueil .boxeIcon a .fa-cloud-upload {
  top: 21px;
}
#main-content #content #accueil .boxeIcon a .fa-file-pdf-o {
  left: 18px;
}
#main-content #content #accueil .boxeIcon a .flaticon-people-1 {
  top: 15px;
}
#main-content #content #accueil .boxeIcon a .flaticon-business {
  top: 16px;
}
#main-content #content #accueil .boxeIcon a .fa-download {
  left: 17px;
}
#main-content #content #accueil .boxeIcon.disable a:before {
  background: #b5b8bb;
}
#main-content #content #accueil .boxeIcon.disable a .sous-titre {
  display: none;
}
#main-content #content #accueil .boxeIcon.disable a .sous-titre.not-available {
  display: block;
}
#main-content #content #accueil .boxeIcon span.label {
  margin-left: 82px;
}
#main-content #content #accueil #box-saisie-evp .label {
  display: none;
}
#main-content #content #accueil #box-saisie-evp.haveDateLimite a {
  padding-top: 14px;
}
#main-content #content #accueil #box-saisie-evp.haveDateLimite .label {
  display: inline;
}
#main-content #content #accueil #box-saisie-evp.haveDateLimite .label-warning {
  animation: flash 5s infinite ease-in-out both;
}
#main-content #content #accueil #box-ops h2 {
  position: relative;
}
#main-content #content #accueil #box-ops h2 .fa {
  color: #4caf50;
  left: 120px;
  top: -27px;
}
#main-content #content #accueil #box-ops h2 .fa::before {
  font-size: 19px;
}
#main-content #content #accueil #box-ops h2 .fa.animate {
  -moz-animation: bounce-home 1s infinite ease-in-out both;
  -webkit-animation: bounce-home 1s infinite ease-in-out both;
  animation: bounce-home 1s infinite ease-in-out both;
}
#main-content #content #accueil #box-ops span.label {
  margin-left: 82px;
  background-color: #4caf50;
  display: none;
}
#main-content #content #accueil #box-ops.majDispo a {
  padding-top: 14px;
}
#main-content #content #accueil #box-ops.majDispo .label {
  display: inline;
  -moz-animation: flash 5s infinite ease-in-out both;
  -webkit-animation: flash 5s infinite ease-in-out both;
  animation: flash 5s infinite ease-in-out both;
}
#main-content #content #accueil #box-ops.majDispo:hover .label {
  -moz-animation: none;
  -webkit-animation: none;
  animation: none;
}
#main-content .depeches {
  display: none;
}
#main-content .depeches .panel {
  border: 1px solid #ee7f00;
  border-radius: 3px;
}
#main-content .depeches .panel .panel-heading {
  position: relative;
  letter-spacing: 0.2px;
  padding: 8px;
  background: #ee7f00;
  border: none;
  overflow: hidden;
  position: relative;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
#main-content .depeches .panel .panel-heading .fa {
  color: #fff;
  right: -13px;
  top: -13px;
  font-size: 56px;
  position: absolute;
  opacity: 0.8;
  filter: alpha(opacity=80);
  line-height: 100px;
}
#main-content .depeches .panel .panel-body {
  border-top: 0;
  padding-top: 0;
  position: relative;
  overflow: hidden;
  height: 300px;
}
#main-content .depeches .panel .panel-body .row {
  margin-top: 15px;
}
#main-content .depeches .panel .panel-body .row .date {
  font-size: 0.857em;
  color: #999;
  font-weight: normal;
}
#main-content .depeches .panel .panel-body .fa-rss {
  position: absolute;
  opacity: 0.5;
  filter: alpha(opacity=50);
  right: -19px;
  bottom: -18px;
  color: #E0E0E0;
  font-size: 150px;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#main-content .depeches .panel .panel-body #infospv,
#main-content .depeches .panel .panel-body #prelevementalasource {
  height: 300px;
  position: relative;
}
#main-content .depeches .panel .panel-body #infospv .row,
#main-content .depeches .panel .panel-body #prelevementalasource .row {
  margin-top: 15px;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height h3,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height h3 {
  margin: 0;
  font-size: 1em;
  font-weight: bold;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height .date,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height .date {
  font-size: 0.857em;
  color: #999;
  font-weight: 500;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height a,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height a {
  text-decoration: none;
  color: #141f28;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height .icone,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height .icone {
  text-align: center;
  display: table-cell;
  float: none;
  height: 100%;
  vertical-align: middle;
  right: 15px;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height .icone .fa,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height .icone .fa {
  font-size: 40px;
  color: #c60c0c;
  margin-right: 0;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height .icone .fa.fa-file-excel-o,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height .icone .fa.fa-file-excel-o {
  color: #1f6f43;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height .icone .fa.fa-file-powerpoint-o,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height .icone .fa.fa-file-powerpoint-o {
  color: #d14424;
}
#main-content .depeches .panel .panel-body #infospv .row .row-height .icone .fa.fa-file-word-o,
#main-content .depeches .panel .panel-body #prelevementalasource .row .row-height .icone .fa.fa-file-word-o {
  color: #2A5598;
}
#main-content .depeches .panel .panel-body #paie {
  height: 300px;
  position: relative;
}
#main-content .depeches .panel .panel-body #sociale {
  height: 300px;
  position: relative;
}
#main-content .depeches .nouveau {
  display: inline;
  margin-right: 8px;
  padding: 4px 5px;
  border-radius: 3px;
  background-color: #4caf50;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 0 0 rgba(76, 175, 80, 0.4);
  animation: flash 5s infinite ease-in-out both;
}
#main-content #userForm .errorEmail, #main-content #userForm .errorTel {
  display: none;
}
#main-content #userForm .form-group {
  padding: 0;
}
#main-content #userForm.edit input, #main-content #userForm.edit select, #main-content #userForm.edit label {
  margin: 10px 0;
}
#main-content #userForm.edit label.identifiant {
  margin: 0;
}
#main-content #userForm.edit .editMode {
  display: block;
}
#main-content #userForm.edit .viewMode {
  display: none;
}
#main-content #userForm.edit .fa-info-circle {
  color: #ee7f00;
}
#main-content #userForm.edit .has-error #helpEmail {
  display: none;
}
#main-content #userForm.edit .has-error .errorEmail, #main-content #userForm.edit .has-error .errorTel {
  display: block;
}
#main-content #mon-compte #preference .has-error label {
  color: #a94442;
}
#main-content #mon-compte #preference ul#typesDeSMS {
  list-style-type: none;
}
#main-content #mon-compte #preference h4 {
  color: #666;
  font-weight: 700;
  font-size: 1.15em;
}
#main-content #mon-compte #protectdonnees {
  max-height: 256px;
  overflow-y: scroll;
  text-align: justify;
}
#main-content #mon-compte .souligne {
  text-decoration: underline;
}
#main-content #mon-compte #password strong {
  color: #666;
}
#main-content #mon-compte #password input {
  margin-bottom: 6px;
}
#main-content #mon-compte #gestion-notifications strong {
  color: #666;
}
#main-content #mon-compte #gestion-notifications table {
  width: 100%;
}
#main-content #mon-compte #gestion-notifications table thead tr {
  border-bottom: 1px solid #ccc;
}
#main-content #mon-compte #gestion-notifications table thead tr th {
  color: #666;
  font-weight: normal;
  padding: 2px;
}
#main-content #mon-compte #gestion-notifications table tbody td {
  padding: 2px;
}
#main-content #mon-compte #gestion-notifications table tbody td input:disabled {
  opacity: 0.3;
}
#main-content #mon-compte #gestion-notifications table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
#main-content #mon-compte .form-group.has-error-format input {
  border-color: #a94442;
}
#main-content #mon-compte .form-group.has-error-format .help-block-format {
  display: block;
  color: #a94442;
}
#main-content #documentPDF .btn-action {
  margin-bottom: 20px;
}
#main-content #documentPDF .panel-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
#main-content #documentPDF .panel-body h2 {
  font-size: 1.286em;
  text-align: center;
  font-weight: 600;
  color: #267abb;
}
#main-content #documentPDF .panel-body .inputSearch {
  position: relative;
  margin-top: 20px;
}
#main-content #documentPDF .panel-body .inputSearch .glyphicon-search {
  position: absolute;
  left: 24%;
  top: 22%;
  color: #267abb;
}
#main-content #documentPDF .panel-body .inputSearch .searchbox {
  width: 50%;
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  padding-left: 31px;
}
#main-content #documentPDF .panel-body .inputSearch .filter .btn-group {
  float: right;
}
#main-content #documentPDF .panel-body .inputSearch .filter .btn-group button {
  background: #fff;
  padding: 6px 11px;
}
#main-content #documentPDF .panel-body .inputSearch .filter .btn-group button:hover, #main-content #documentPDF .panel-body .inputSearch .filter .btn-group button:focus {
  background-color: #ececec;
}
#main-content #documentPDF .panel-body .more-filter {
  padding: 10px;
  padding-bottom: 20px;
  background: #E6E6E6;
  width: auto;
}
#main-content #documentPDF .panel-body .more-filter .form-group .control-label {
  padding-left: 0;
}
#main-content #documentPDF .panel-body .more-filter .form-group select {
  margin-bottom: 10px;
}
#main-content #documentPDF .panel-body .more-filter .dropdown button {
  width: 100%;
  text-align: left;
  padding-right: 5px;
  margin-bottom: 10px;
  position: relative;
}
#main-content #documentPDF .panel-body .more-filter .dropdown button:hover, #main-content #documentPDF .panel-body .more-filter .dropdown button:focus, #main-content #documentPDF .panel-body .more-filter .dropdown button:visited, #main-content #documentPDF .panel-body .more-filter .dropdown button:active {
  background: #fff;
}
#main-content #documentPDF .panel-body .more-filter .dropdown button .caret {
  top: 15px;
  position: absolute;
  right: 6px;
}
#main-content #documentPDF .panel-body .more-filter .dropdown button .text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 94%;
  display: block;
}
#main-content #documentPDF .panel-body .more-filter .dropdown.open button {
  margin-bottom: 0px;
}
#main-content #documentPDF .panel-body .more-filter .dropdown .dropdown-menu {
  width: 100%;
}
#main-content #documentPDF .panel-body .more-filter #rechercherFiltre {
  margin-top: 10px;
}
#main-content #documentPDF .panel-body .more-filter #periode, #main-content #documentPDF .panel-body .more-filter #societe {
  padding-top: 0;
  padding-bottom: 0;
  max-height: 250px;
}
#main-content #documentPDF .panel-body .more-filter #periode .list-group, #main-content #documentPDF .panel-body .more-filter #societe .list-group {
  margin-bottom: 0;
}
#main-content #documentPDF .panel-body #doc-pdf-tab .mobile {
  display: none;
}
#main-content #documentPDF .panel-body #doc-pdf-tab thead tr th:nth-child(5), #main-content #documentPDF .panel-body #doc-pdf-tab thead tr td:nth-child(5), #main-content #documentPDF .panel-body #doc-pdf-tab tbody tr th:nth-child(5), #main-content #documentPDF .panel-body #doc-pdf-tab tbody tr td:nth-child(5) {
  display: none;
}
#main-content #envoiEvp .panel-body .form-inline {
  margin-bottom: 20px;
}
#main-content #envoiEvp .panel-body #zone1, #main-content #envoiEvp .panel-body #zone2 {
  display: none;
}
#main-content #envoiEvp .panel-body #zone1 #dropzones, #main-content #envoiEvp .panel-body #zone2 #dropzones {
  margin-bottom: 20px;
}
#main-content #envoiEvp .panel-body #zone1 .dz-message, #main-content #envoiEvp .panel-body #zone2 .dz-message {
  margin: 0;
}
#main-content #envoiEvp .panel-body #zone1 #preview-template, #main-content #envoiEvp .panel-body #zone1 #erreurTypeFichier, #main-content #envoiEvp .panel-body #zone2 #preview-template, #main-content #envoiEvp .panel-body #zone2 #erreurTypeFichier {
  display: none;
}
#main-content #envoiEvp .panel-body #zone1 #erreurTypeFichier, #main-content #envoiEvp .panel-body #zone2 #erreurTypeFichier {
  color: #a94442;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-filename .btn-danger, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-filename .btn-danger {
  margin-right: 10px;
  padding: 2px 8px;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-filename .btn-danger .fa, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-filename .btn-danger .fa {
  margin-right: 0;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-filename .name, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-filename .name {
  font-weight: bold;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-filename .size strong, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-filename .size strong {
  font-weight: 100;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-filename .dz-success-mark, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-filename .dz-success-mark {
  color: green;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-filename .dz-error-mark, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-filename .dz-error-mark {
  color: red;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .progress, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .progress {
  display: none;
  height: 28px;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .progress .progress-bar, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .progress .progress-bar {
  padding-top: 4px;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .progress .progress-bar span, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .progress .progress-bar span {
  font-size: 1.071em;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev #envoyerFichier, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev #envoyerFichier {
  margin-top: 30px;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-document-pdf, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-document-pdf {
  text-align: center;
  display: none;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-document-pdf .mobile, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-document-pdf .mobile {
  display: none;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-document-pdf .desktop, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-document-pdf .desktop {
  display: block;
}
#main-content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-document-pdf .fa-file-pdf-o, #main-content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-document-pdf .fa-file-pdf-o {
  font-size: 50px;
  color: #D50002;
}
#main-content #dsn-info .title {
  background: #ee7f00;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#main-content #dsn-info .video-list-thumbs > li {
  margin-bottom: 12px;
}
#main-content #dsn-info .video-list-thumbs > li > a {
  display: block;
  position: relative;
  background-color: #E8E5E5;
  color: #000;
  padding: 8px;
  border-radius: 3px;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#main-content #dsn-info .video-list-thumbs > li > a:hover {
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
#main-content #dsn-info .video-list-thumbs > li > a:hover .glyphicon-play-circle {
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
#main-content #dsn-info .video-list-thumbs > li > a:hover .duration {
  background-color: #000;
}
#main-content #dsn-info .video-list-thumbs h2 {
  bottom: 0;
  font-size: 0.929em;
  height: 33px;
  margin: 8px 0 0;
}
#main-content #dsn-info .video-list-thumbs .glyphicon-play-circle {
  font-size: 50px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  right: 38%;
  top: 16%;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#main-content #dsn-info .video-list-thumbs .duration {
  background-color: rgba(0, 0, 0, 0.4);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  left: 12px;
  line-height: 13px;
  padding: 2px 3px 1px;
  position: absolute;
  top: 12px;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
#main-content #statistiques-excel .panel-body {
  padding: 15px 0;
  padding-top: 0;
}
#main-content #statistiques-excel .panel-body .inputSearch {
  position: relative;
  margin-top: 20px;
}
#main-content #statistiques-excel .panel-body .inputSearch .glyphicon-search {
  position: absolute;
  left: 24%;
  top: 22%;
  color: #267abb;
}
#main-content #statistiques-excel .panel-body .inputSearch .searchbox {
  width: 50%;
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  padding-left: 31px;
}
#main-content #statistiques-excel .panel-body .inputSearch .filter .btn-group {
  float: right;
}
#main-content #statistiques-excel .panel-body .inputSearch .filter .btn-group button {
  background: #fff;
  padding: 6px 11px;
}
#main-content #statistiques-excel .panel-body .inputSearch .filter .btn-group button:hover, #main-content #statistiques-excel .panel-body .inputSearch .filter .btn-group button:focus {
  background-color: #ececec;
}
#main-content #statistiques-excel .panel-body .more-filter {
  padding: 10px;
  padding-bottom: 20px;
  background: #E6E6E6;
  width: auto;
}
#main-content #statistiques-excel .panel-body .more-filter .form-group .control-label, #main-content #statistiques-excel .panel-body .more-filter .form-group .checkbox-area {
  padding-left: 0;
}
#main-content #statistiques-excel .panel-body .more-filter .form-group .checkbox-area label {
  margin-left: 0;
  margin-right: 10px;
}
#main-content #statistiques-excel .panel-body .more-filter .dropdown button {
  width: 100%;
  text-align: left;
  padding-right: 5px;
  margin-bottom: 10px;
  position: relative;
}
#main-content #statistiques-excel .panel-body .more-filter .dropdown button:hover, #main-content #statistiques-excel .panel-body .more-filter .dropdown button:focus, #main-content #statistiques-excel .panel-body .more-filter .dropdown button:visited, #main-content #statistiques-excel .panel-body .more-filter .dropdown button:active {
  background: #fff;
}
#main-content #statistiques-excel .panel-body .more-filter .dropdown button .caret {
  top: 15px;
  position: absolute;
  right: 6px;
}
#main-content #statistiques-excel .panel-body .more-filter .dropdown button .text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 94%;
  display: block;
}
#main-content #statistiques-excel .panel-body .more-filter .dropdown.open button {
  margin-bottom: 0px;
}
#main-content #statistiques-excel .panel-body .more-filter .dropdown .dropdown-menu {
  width: 100%;
}
#main-content #statistiques-excel .panel-body #stat-excel-tab tbody tr td:nth-child(5) {
  text-align: center;
}
#main-content #statistiques-excel .panel-body #stat-excel-tab tbody .fa {
  font-size: 19px;
}
#main-content #statistiques-excel .panel-body #stat-excel-tab tbody .fa.fa-file-excel-o {
  color: #1F6D42;
}
#main-content #telechargement-fichier .panel-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
#main-content #telechargement-fichier .panel-body h2 {
  font-size: 1.286em;
  text-align: center;
  font-weight: 600;
  color: #267abb;
}
#main-content #telechargement-fichier .panel-body .inputSearch {
  position: relative;
  margin-top: 20px;
}
#main-content #telechargement-fichier .panel-body .inputSearch .glyphicon-search {
  position: absolute;
  left: 24%;
  top: 22%;
  color: #267abb;
}
#main-content #telechargement-fichier .panel-body .inputSearch .searchbox {
  width: 50%;
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  padding-left: 31px;
}
#main-content #telechargement-fichier .panel-body .inputSearch .filter .btn-group {
  float: right;
}
#main-content #telechargement-fichier .panel-body .inputSearch .filter .btn-group button {
  background: #fff;
  padding: 6px 11px;
}
#main-content #telechargement-fichier .panel-body .inputSearch .filter .btn-group button:hover, #main-content #telechargement-fichier .panel-body .inputSearch .filter .btn-group button:focus {
  background-color: #ececec;
}
#main-content #telechargement-fichier .panel-body .more-filter {
  padding: 10px;
  padding-bottom: 20px;
  background: #E6E6E6;
  width: auto;
}
#main-content #telechargement-fichier .panel-body .more-filter .form-group .control-label, #main-content #telechargement-fichier .panel-body .more-filter .form-group .checkbox-area {
  padding-left: 0;
}
#main-content #telechargement-fichier .panel-body .more-filter .form-group .checkbox-area label {
  margin-left: 0;
  margin-right: 10px;
}
#main-content #telechargement-fichier .panel-body .more-filter .dropdown button {
  width: 100%;
  text-align: left;
  padding-right: 5px;
  margin-bottom: 10px;
  position: relative;
}
#main-content #telechargement-fichier .panel-body .more-filter .dropdown button:hover, #main-content #telechargement-fichier .panel-body .more-filter .dropdown button:focus, #main-content #telechargement-fichier .panel-body .more-filter .dropdown button:visited, #main-content #telechargement-fichier .panel-body .more-filter .dropdown button:active {
  background: #fff;
}
#main-content #telechargement-fichier .panel-body .more-filter .dropdown button .caret {
  top: 15px;
  position: absolute;
  right: 6px;
}
#main-content #telechargement-fichier .panel-body .more-filter .dropdown button .text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 94%;
  display: block;
}
#main-content #telechargement-fichier .panel-body .more-filter .dropdown.open button {
  margin-bottom: 0px;
}
#main-content #telechargement-fichier .panel-body .more-filter .dropdown .dropdown-menu {
  width: 100%;
}
#main-content #telechargement-fichier .panel-body .more-filter #rechercherFiltre {
  margin-top: 10px;
}
#main-content #telechargement-fichier .panel-body .glyphicon-compressed {
  color: #fe5621;
}
#main-content #telechargement-fichier .panel-body .fa-file-excel-o {
  color: #1f6f43;
}
#main-content #telechargement-fichier .panel-body .true .fa, #main-content #telechargement-fichier .panel-body .true .glyphicon {
  color: #000;
}
#main-content #telechargement-fichier .panel-body #telechargement-fichier-tab tbody tr td:nth-child(6) {
  text-align: center;
}
#main-content #telechargement-fichier .panel-body #telechargement-fichier-tab tbody tr .fa, #main-content #telechargement-fichier .panel-body #telechargement-fichier-tab tbody tr .glyphicon {
  font-size: 19px;
}
#main-content #n4ds .alert-primary {
  text-align: center;
}
#main-content #n4ds .panel-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
#main-content #n4ds .panel-body h2 {
  font-size: 1.286em;
  text-align: center;
  font-weight: 600;
  color: #267abb;
}
#main-content #n4ds .panel-body .inputSearch {
  margin-top: 20px;
  position: relative;
}
#main-content #n4ds .panel-body .inputSearch .glyphicon-search {
  position: absolute;
  left: 24%;
  top: 27%;
  color: #267abb;
}
#main-content #n4ds .panel-body .inputSearch .searchbox {
  width: 50%;
  text-align: left;
  margin: auto;
  margin-bottom: 15px;
  padding-left: 31px;
  height: 34px;
}
#main-content #n4ds .panel-body .inputSearch .filter .btn-group {
  float: right;
}
#main-content #n4ds .panel-body .inputSearch .filter .btn-group button {
  background: #fff;
  padding: 6px 11px;
}
#main-content #n4ds .panel-body .inputSearch .filter .btn-group button:hover, #main-content #n4ds .panel-body .inputSearch .filter .btn-group button:focus {
  background-color: #ececec;
}
#main-content #n4ds .panel-body .more-filter {
  padding: 10px;
  padding-bottom: 20px;
  background: #E6E6E6;
  width: auto;
}
#main-content #n4ds .panel-body .more-filter .form-group .control-label {
  padding-left: 0;
}
#main-content #n4ds .panel-body .more-filter .form-group select {
  margin-bottom: 10px;
}
#main-content #n4ds .panel-body .more-filter .dropdown button {
  width: 100%;
  text-align: left;
  padding-right: 5px;
  margin-bottom: 10px;
  position: relative;
}
#main-content #n4ds .panel-body .more-filter .dropdown button:hover, #main-content #n4ds .panel-body .more-filter .dropdown button:focus, #main-content #n4ds .panel-body .more-filter .dropdown button:visited, #main-content #n4ds .panel-body .more-filter .dropdown button:active {
  background: #fff;
}
#main-content #n4ds .panel-body .more-filter .dropdown button .caret {
  top: 15px;
  position: absolute;
  right: 6px;
}
#main-content #n4ds .panel-body .more-filter .dropdown button .text {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 94%;
  display: block;
}
#main-content #n4ds .panel-body .more-filter .dropdown.open button {
  margin-bottom: 0px;
}
#main-content #n4ds .panel-body .more-filter .dropdown .dropdown-menu {
  width: 100%;
}
#main-content #n4ds .panel-body .more-filter #rechercherFiltre {
  margin-top: 10px;
}
#main-content #n4ds .panel-body .more-filter #periode, #main-content #n4ds .panel-body .more-filter #typedoc {
  padding-top: 0;
  padding-bottom: 0;
}
#main-content #n4ds .panel-body .more-filter #periode .list-group, #main-content #n4ds .panel-body .more-filter #typedoc .list-group {
  margin-bottom: 0;
}
#main-content #n4ds .panel-body .title {
  width: auto;
}
#main-content #n4ds .panel-body .title select {
  width: auto;
  margin-bottom: 0px;
}
#main-content #n4ds .panel-body #n4ds-tab tbody tr .fa {
  font-size: 19px;
}
#main-content #n4ds .panel-body #n4ds-tab tbody tr .fa.fa-file-pdf-o {
  color: #D50002;
}
#main-content #n4ds .panel-body #n4ds-tab tbody tr td:nth-child(6) {
  text-align: center;
}
#main-content #n4ds .panel-body #n4ds-tab tbody tr .true .fa, #main-content #n4ds .panel-body #n4ds-tab tbody tr .true .glyphicon {
  color: #000;
}
#main-content #page404 {
  text-align: center;
}
#main-content #page404 .fa-frown-o {
  font-size: 180px;
  color: #267abb;
}
#main-content #page404 p {
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: bold;
}
#main-content #page500 {
  text-align: center;
}
#main-content #page500 h1 {
  font-size: 7.143em;
  color: #267abb;
  font-style: italic;
}
#main-content #page500 p {
  font-weight: bold;
}
#main-content #page500 .btn {
  margin-top: 30px;
}
#main-content #evpindex {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  padding-top: 30px;
  margin-top: -15px;
}
#main-content #evpindex h3 {
  border-bottom: 1px solid #333;
  margin-top: 0px;
  margin-bottom: 25px;
}
#main-content #evpindex #evpmodule {
  min-height: 118px;
}
#main-content #evpindex #saisieevp a:hover {
  text-decoration: none;
}
#main-content #evpindex #saisieevp .boxchoixtypeEvp {
  border-radius: 5px;
  background-color: white;
  min-height: 90px;
  box-shadow: #ccc 0px 0px 3px;
  border: 1px solid #ccc;
  margin: 5px;
}
#main-content #evpindex #saisieevp .boxchoixtypeEvp:hover {
  box-shadow: #ccc 0px 0px 0px;
  border: 3px solid #267abb;
  margin: 3px 5px;
}
#main-content #evpindex #saisieevp .boxchoixtypeEvp:hover .label {
  border-radius: 2px 0 5px 0;
}
#main-content #evpindex #saisieevp .boxchoixtypeEvp .label {
  position: relative;
  left: -15px;
  top: -3px;
  border-radius: 5px 0 5px 0;
}
#main-content #evpindex #saisieevp .boxchoixtypeEvp p {
  text-align: right;
}
#main-content #evpindex #saisieevp .boxchoixtypeEvp h4 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #267abb;
}
#main-content #evpindex #envoiEvp #dropzones {
  background-color: white;
  box-shadow: #ccc 0px 0px 12px;
}
#main-content #evpindex #listeenvoievp .iconetab {
  text-align: center;
}
#main-content #evpindex #listeenvoievp .iconetab i {
  font-size: 20px;
}
#main-content #evpindex #listeenvoievp .text-center {
  text-align: center;
}
#main-content #FacturesClient .fa-check-square-o, #main-content #FacturesClient .fa-square-o {
  font-size: 18px;
  width: 20px;
}
#main-content #FacturesClient .iconeCenter {
  text-align: center !important;
}
#main-content #facture-impayee {
  background: #fff;
  width: 549px;
  padding: 20px;
  margin: auto;
  margin-top: 13%;
  border-left: 11px solid #ee7f01;
}

@media (max-width: 1024px) {
  #main-content #content #accueil #box-moduleHandicap h2 {
    margin-top: -12px;
    font-size: 13px;
  }
  #main-content #content #accueil #box-calculIndemnite h2 {
    margin-top: -6px;
  }
}
@media (max-width: 1280px) {
  #main-content #content #accueil #box-moduleHandicap h2 {
    margin-top: -4px;
    font-size: 13px;
  }
}
/* slide menu gauche */
.slide-menu #sidebar_left {
  position: absolute;
  z-index: 1028;
  overflow: hidden;
  height: 100%;
  left: -260px;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.slide-menu #main-content {
  margin-left: 0;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

@-moz-keyframes pop {
  50% {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@keyframes pop {
  50% {
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes sk-rotate {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sk-rotate {
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes sk-bounce {
  0%, 100% {
    -moz-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -moz-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes zoomInSuccess {
  from {
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    left: 0px;
  }
}
@-webkit-keyframes zoomInSuccess {
  from {
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    left: 0px;
  }
}
@keyframes zoomInSuccess {
  from {
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  100% {
    left: 0px;
  }
}
@-moz-keyframes flash {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  5%, 25% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  15%, 35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  40% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  5%, 25% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  15%, 35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  40% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes flash {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  5%, 25% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  15%, 35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  40% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bounce-home {
  from {
    top: -33px;
  }
  50% {
    top: -27px;
  }
  to {
    top: -33px;
  }
}
@-webkit-keyframes bounce-home {
  from {
    top: -33px;
  }
  50% {
    top: -27px;
  }
  to {
    top: -33px;
  }
}
@keyframes bounce-home {
  from {
    top: -33px;
  }
  50% {
    top: -27px;
  }
  to {
    top: -33px;
  }
}
@-moz-keyframes flashlent {
  0% , 35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  55% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes flashlent {
  0% , 35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  55% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes flashlent {
  0% , 35% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  55% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
.ui-pnotify-icon, .ui-pnotify-icon span {
  font-size: 30px;
  min-height: 47px;
  line-height: 40px;
  padding-right: 3px;
  color: #fff;
}

.ui-pnotify-closer .fa {
  color: #fff;
}

.alert-success {
  background-color: #8cd481;
}

.alert-danger {
  background-color: #e57563;
}

.alert-info {
  background-color: #5dbde0;
}

.alert-warning {
  background-color: #f8c969;
}

.ui-pnotify-text {
  color: #fff;
}

@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px dashed #267abb;
  background: #F5F5F5;
  padding: 20px 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message i.fa {
  color: #BBB;
  font-size: 5em;
  margin-bottom: 6px;
  display: block;
}
.dropzone.dz-clickable .dz-message .main-text b {
  font-size: 2.286em;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eeeeee, #dddddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666666, #444444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  color: #a94442;
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  color: #a94442;
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}
.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

.dropzonePrev .dz-error-message {
  color: #a94442;
}
.dropzonePrev .dz-success-mark, .dropzonePrev .dz-error-mark {
  display: none;
}

/*!
 * Bootstrap-select v1.8.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
  position: absolute;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: whitesmoke;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

.hamburger {
  padding: 20px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  outline: none;
}
.hamburger:hover {
  opacity: 1;
}

.hamburger-box {
  width: 25px;
  height: 15px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 25px;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -6px;
}
.hamburger-inner::after {
  bottom: -6px;
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.15s;
  transition-delay: 0.15s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -12px;
  transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -6px, 0) rotate(-45deg);
  transition-delay: 0.32s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
Pour IE depuis le 9
*/
/* cible tous les IE sauf edge */
.b_ie.bv_8 .ie8centercol, .b_ie.bv_7 .ie8centercol {
  text-align: center;
}

.b_ie.bv_9 .spinner, .b_ie.bv_8 .spinner, .b_ie.bv_7 .spinner {
  display: none;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .ie89Evp, .b_ie.bv_8 #main-content #envoiEvp #zone1 .ie89Evp, .b_ie.bv_7 #main-content #envoiEvp #zone1 .ie89Evp {
  width: 100%;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .ie89Evp .dz-message, .b_ie.bv_8 #main-content #envoiEvp #zone1 .ie89Evp .dz-message, .b_ie.bv_7 #main-content #envoiEvp #zone1 .ie89Evp .dz-message {
  margin-bottom: 15px;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .ie89EvpHidden, .b_ie.bv_8 #main-content #envoiEvp #zone1 .ie89EvpHidden, .b_ie.bv_7 #main-content #envoiEvp #zone1 .ie89EvpHidden {
  display: none;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .form-group, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .form-group, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .form-group {
  margin-bottom: 15px;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .form-group .input-group, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .form-group .input-group, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .form-group .input-group {
  width: 100%;
  margin-top: 25px;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .form-group .input-group label, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .form-group .input-group label, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .form-group .input-group label {
  width: 101px;
  float: left;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .form-group .input-group .btn-file, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .form-group .input-group .btn-file, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .form-group .input-group .btn-file {
  position: relative;
  overflow: hidden;
  font-weight: bold;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .form-group .input-group .btn-file input[type=file], .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .form-group .input-group .btn-file input[type=file], .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .form-group .input-group .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .form-group .input-group #filename, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .form-group .input-group #filename, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .form-group .input-group #filename {
  width: 30%;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .form-group .input-group #envoyerFormIE, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .form-group .input-group #envoyerFormIE, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .form-group .input-group #envoyerFormIE {
  margin-left: 10px;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .progress, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .progress, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .progress {
  display: none;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf {
  text-align: center;
  display: none;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .mobile, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .mobile, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .mobile {
  display: none;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .desktop, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .desktop, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .desktop {
  display: block;
}
.b_ie.bv_9 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .fa-file-pdf-o, .b_ie.bv_8 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .fa-file-pdf-o, .b_ie.bv_7 #main-content #envoiEvp #zone1 .fallback .dz-document-pdf .fa-file-pdf-o {
  font-size: 50px;
  color: #D50002;
}
.b_ie.bv_9 div.dataTables_wrapper div.dataTables_processing, .b_ie.bv_8 div.dataTables_wrapper div.dataTables_processing, .b_ie.bv_7 div.dataTables_wrapper div.dataTables_processing {
  height: auto;
}
.b_ie.bv_9 #modalfichesalarie, .b_ie.bv_9 #confirmationcreationmodal, .b_ie.bv_8 #modalfichesalarie, .b_ie.bv_8 #confirmationcreationmodal, .b_ie.bv_7 #modalfichesalarie, .b_ie.bv_7 #confirmationcreationmodal {
  bottom: 0px !important;
}

.b_ie.bv_9 .hamburger.is-active .hamburger-inner:after {
  top: -12px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.b_ie.bv_9 .hamburger.is-active .hamburger-inner:before {
  top: -6px;
}

.b_ie.bv_10 #login #login-page .form a:hover:after, .b_ie.bv_10 #login #login-page .form a:active:after, .b_ie.bv_10 #login #login-page .form a:focus:after {
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.b_ie.bv_11 #main-content #dsn #dsn-tab tbody tr td, .b_ie.bv_10 #main-content #dsn #dsn-tab tbody tr td, .b_ie.bv_9 #main-content #dsn #dsn-tab tbody tr td {
  vertical-align: middle;
}
.b_ie.bv_11 #main-content #dsn #dsn-tab tbody tr td.control:before, .b_ie.bv_10 #main-content #dsn #dsn-tab tbody tr td.control:before, .b_ie.bv_9 #main-content #dsn #dsn-tab tbody tr td.control:before {
  top: 8px;
}

/* Edge */
@supports (-ms-ime-align: auto) {
  #login #login-page {
    margin-top: 30vh;
  }
}
/* end edge */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4 avr. 2016, 11:02:02
    Author     : RN
*/
@-moz-document url-prefix() {
  #login #login-page .form input {
    height: 47px;
  }
}
.d_tablet.p_android.b_chrome #header.navbar .navbar-branding, .d_mobile.p_android.b_chrome #header.navbar .navbar-branding {
  height: 61px;
}
.d_tablet.p_android.b_chrome #main-content #content #documentPDF .panel-body #doc-pdf-tab, .d_mobile.p_android.b_chrome #main-content #content #documentPDF .panel-body #doc-pdf-tab {
  /* Pour que sur tablette android on a tjrs le bon lien pour ouvrir les pdfs */
}
.d_tablet.p_android.b_chrome #main-content #content #documentPDF .panel-body #doc-pdf-tab .mobile, .d_mobile.p_android.b_chrome #main-content #content #documentPDF .panel-body #doc-pdf-tab .mobile {
  display: block;
}
.d_tablet.p_android.b_chrome #main-content #content #documentPDF .panel-body #doc-pdf-tab .desktop, .d_mobile.p_android.b_chrome #main-content #content #documentPDF .panel-body #doc-pdf-tab .desktop {
  display: none;
}

.d_tablet.p_ios.b_safari #main-content #content #arret-travail .panel-body #choix-action-salarie .panel .panel-body #gestion-arret-tab #historique-arret-tab tbody tr.child .form-group .fa-calendar, .d_tablet.p_android.b_chrome #main-content #content #arret-travail .panel-body #choix-action-salarie .panel .panel-body #gestion-arret-tab #historique-arret-tab tbody tr.child .form-group .fa-calendar {
  top: 10px;
}

html {
  height: 100%;
}

body {
  font-family: "Droid Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
  background-color: #f1f0f0;
  touch-events: none;
}

a {
  outline: 0;
  color: #095b9a;
}

button {
  outline: 0;
  outline: none !important;
}
button:focus {
  outline: none !important;
}

.alert-primary {
  background-color: #57aae1;
  color: #fff;
  font-weight: normal;
}
.alert-primary a {
  color: #fff;
  font-weight: normal;
}

.alert-orange {
  background-color: #ee7f00;
  color: #fff;
  font-weight: normal;
}
.alert-orange a {
  color: #fff;
  font-weight: normal;
}

.form-control[disabled] {
  border: 2px solid #BDC3C7;
  background-color: #fff;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.form-control[disabled] ~ .fa-calendar:before {
  color: #BDC3C7 !important;
}
.form-control[disabled]:focus ~ .fa-calendar:before, .form-control[disabled]:hover ~ .fa-calendar:before {
  color: #BDC3C7 !important;
}

.noSelected {
  cursor: default;
}

.fa {
  margin-right: 4px;
}

.red {
  color: #a94442;
}

.section-divider {
  height: 0;
  border-top: 1px solid #DDD;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 20px;
}
.section-divider span {
  display: inline-block;
  position: relative;
  padding: 0 17px;
  top: -11px;
  font-size: 1.071em;
  background: #fff;
  color: #267abb;
}

.divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.icon-bg {
  position: absolute;
  opacity: 0.8;
  filter: alpha(opacity=80);
  right: 0;
  top: 0;
  line-height: 100px;
  font-size: 100px;
}

.holder-style {
  min-height: 111px;
  display: block;
  padding: 9px 16px;
  color: #AAA;
  background-color: #f1f1f1;
  outline: 2px dashed #d9d9d9;
  border: 0;
  text-decoration: none;
  text-align: center;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.holder-style:hover, .holder-style:focus {
  cursor: pointer;
  color: #267abb;
  background-color: #EEE;
  outline: 2px dashed #267abb;
  border: 0;
  border-color: #267abb;
  text-decoration: none;
}
.holder-style:hover .holder-icon, .holder-style:focus .holder-icon {
  color: #267abb;
}
.holder-style .holder-icon {
  color: #AAA;
  font-size: 2.857em;
  padding-bottom: 10px;
  margin-right: 0;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
}

.tablist {
  list-style: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
}
.tablist li {
  display: inline-block;
  margin-right: 10px;
}
.tablist li a {
  display: inline-block;
  color: #FFF;
  font-size: 1.071em;
  text-align: center;
  padding: 8px 18px;
  text-decoration: none;
  -webkit-user-drag: none;
}
.tablist li.current {
  background-color: #267abb;
}
.tablist li.disabled {
  background-color: #BBBBBB;
}

.menu-actif {
    /*&.translateForce {
        overflow: hidden;

        #main-content {
            overflow: hidden;
            margin-left: 0;
            position: relative;
            @include transform(translateX(260px));


        }
    }*/
}

/* Date picker */
.datepicker-dropdown {
  border: 2px solid #267abb;
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid #267abb;
  bottom: -9px;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
  background-color: #267abb;
  border-color: #267abb;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  color: rgba(57, 57, 57, 0.3);
}

.datepicker table tr td.today {
  border: 1px solid #267abb;
  background-color: transparent;
  display: inline-block;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}
.datepicker table tr td.today:hover {
  background-color: #267abb;
  border-color: #267abb;
  color: #fff;
}

/* End Date picker */
.btn-orange {
  color: #fff;
  background-color: #ee7f00;
  border-color: #fff;
  border-width: 3px;
}
.btn-orange:hover, .btn-orange:focus {
  color: #fff;
  background-color: #ffad01;
}

.btn-bleu {
  color: #fff;
  background-color: #267abb;
  border-color: #fff;
  border-width: 3px;
}
.btn-bleu:hover, .btn-bleu:focus {
  color: #fff;
  background-color: #267abb;
}

.btn-orange-fond-blanc {
  background: #ee7f00;
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-orange-fond-blanc:hover, .btn-orange-fond-blanc:focus, .btn-orange-fond-blanc:active {
  color: #fff;
  border-color: #adadad;
  background: #ffad01;
}
.btn-orange-fond-blanc:hover:hover, .btn-orange-fond-blanc:focus:hover, .btn-orange-fond-blanc:active:hover {
  color: #fff;
  border-color: #adadad;
  background: #ffad01;
}

.containerCenter {
  float: none;
  margin: auto;
}

.error {
  display: none;
  color: #a94442;
}

.boxeSpv {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.boxeSpv .panel-heading {
  border: 1px solid #ee7f00;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  color: #fff;
  background: #ee7f00;
  position: relative;
  font-weight: bold;
}
.boxeSpv .panel-heading .btn {
  background: #ee7f00;
  position: relative;
  top: -7px;
  color: #fff;
}
.boxeSpv .panel-heading #more-filter, .boxeSpv .panel-heading #retour-accueil {
  padding: 6px 6px;
  padding-right: 0;
}
.boxeSpv .panel-body {
  position: relative;
  border: 1px solid #ee7f00;
}
.boxeSpv .panel-body #clear-filter {
  position: absolute;
  padding: 6px 6px;
  color: #666;
  right: 13px;
  top: -4px;
  z-index: 10;
}
.boxeSpv .panel-body #clear-filter .fa-remove {
  position: absolute;
  left: 15px;
  top: 4px;
}
.boxeSpv .panel-body .form-group {
  margin-bottom: 0;
}
.boxeSpv .panel-body label {
  text-align: left;
  color: #666;
}
.boxeSpv .panel-body .editMode {
  display: none;
}
.boxeSpv.boxeSpvBleu .panel-heading {
  border: 1px solid #267abb;
  background: #267abb;
}
.boxeSpv.boxeSpvBleu .panel-heading button {
  background: #267abb;
}
.boxeSpv.boxeSpvBleu .panel-body {
  border: 1px solid #267abb;
}

.modal .modal-header {
  border: none;
  background: #ee7f00;
  color: #fff;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.modal .modal-header .close {
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
  font-size: 25px;
}
.modal .modal-body h2 {
  font-size: 1.714em;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.modal .modal-footer {
  border-top: none;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.modal .modal-footer .checkbox {
  text-align: left;
  margin-bottom: 0;
  font-size: 0.857em;
  float: left;
}
.modal .modal-footer .checkbox input {
  top: -3px;
}
.modal .modal-footer .fermer {
  background: #ee7f00;
  color: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal .modal-footer .annulerBtnModal {
  background-color: #FFF;
}
.modal .modal-footer .annulerBtnModal:hover, .modal .modal-footer .annulerBtnModal:focus {
  background-color: #EAE5E5;
}
.modal .modal-footer .btn-danger {
  background-color: #f44336;
}
.modal .modal-footer .btn-danger:hover {
  background-color: #ce3d3a;
}
.modal .modal-dialog-center {
  margin-top: 25%;
}
.modal .modal-dialog-center .modal-footer {
  text-align: center;
}
.modal.video .modal-content {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal.video .modal-content .modal-header {
  background: none;
  padding: 0;
}
.modal.video .modal-content .modal-header .close {
  color: #fff;
}
.modal.video .modal-content .modal-body {
  padding-bottom: 75%;
}

.modal.modal-bleu .modal-header {
  background-color: #267abb;
  text-transform: uppercase;
  text-align: center;
}

.modal.modal-rouge .modal-header {
  background-color: #C1392B;
  text-transform: uppercase;
  text-align: center;
}
.modal.modal-rouge .btn-danger {
  background-color: #C1392B;
}

.spinner {
  margin: auto;
  width: 40px;
  height: 40px;
  left: 0%;
  position: relative;
  text-align: center;
  -moz-animation: sk-rotate 2s infinite linear;
  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
}
.spinner .dot1, .spinner .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #267abb;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-animation: sk-bounce 2s infinite ease-in-out;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.spinner .dot2 {
  top: auto;
  bottom: 0;
  background-color: #ee7f00;
  -moz-animation-delay: -1s;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

#spinner-global {
  display: none;
  height: 100%;
  width: 100%;
  z-index: 11;
  text-align: center;
  position: fixed;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#spinner-global > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  position: relative;
  top: 45%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  display: inline-block;
  -moz-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
#spinner-global .bounce1 {
  -moz-animation-delay: -0.32s;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#spinner-global .bounce2 {
  -moz-animation-delay: -0.16s;
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

table.blue-table {
  width: 100%;
  background: #fff;
}
table.blue-table thead tr {
  background: #267abb;
  color: #FFFFFF;
}
table.blue-table thead th {
  border: none;
  text-align: left;
  padding: 5px;
  padding-left: 18px;
}
table.blue-table thead th:after {
  /*color: #fff;*/
}
table.blue-table thead .sorting_asc:after, table.blue-table thead .sorting_desc:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
table.blue-table tbody tr:hover {
  background-color: #f5f5f5;
}
table.blue-table tbody tr td {
  height: 22px;
  text-align: left;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 5px;
}
table.blue-table tbody tr td.child {
  text-align: left;
}
table.blue-table tbody tr td.child ul {
  width: 100%;
}
table.blue-table tbody tr td.child ul li .dtr-title {
  width: 130px;
}
table.blue-table tbody .odd {
  background: #F9F9F9;
}
table.blue-table tbody .even {
  background: #FFF;
}

div.dataTables_wrapper .dataTable {
  width: 100%;
  background: #fff;
}
div.dataTables_wrapper .dataTable .spinner {
  position: relative;
  margin: 0;
}
div.dataTables_wrapper .dataTable thead tr {
  background: #267abb;
  color: #FFFFFF;
}
div.dataTables_wrapper .dataTable thead th {
  border: none;
  text-align: left;
  padding-left: 18px;
}
div.dataTables_wrapper .dataTable thead th:after {
  /*color: #fff;*/
}
div.dataTables_wrapper .dataTable thead .sorting_asc:after, div.dataTables_wrapper .dataTable thead .sorting_desc:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
div.dataTables_wrapper .dataTable tbody tr:hover {
  background-color: #f5f5f5;
}
div.dataTables_wrapper .dataTable tbody tr td {
  height: 22px;
  border-left: none;
  border-right: none;
  text-align: left;
}
div.dataTables_wrapper .dataTable tbody tr td.text-right {
  text-align: right;
}
div.dataTables_wrapper .dataTable tbody tr td.child {
  text-align: left;
}
div.dataTables_wrapper .dataTable tbody tr td.child ul {
  width: 100%;
}
div.dataTables_wrapper .dataTable tbody tr td.child ul li .dtr-title {
  width: 130px;
}
div.dataTables_wrapper .dataTable tbody .odd {
  background: #F9F9F9;
}
div.dataTables_wrapper .dataTable tbody .even {
  background: #FFF;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: center;
  display: none;
}
div.dataTables_wrapper .dataTables_info {
  font-size: 0.786em;
}
div.dataTables_wrapper div.dataTables_paginate, div.dataTables_wrapper .dataTables_info {
  margin-top: 20px;
}
div.dataTables_wrapper .paginate_button.previous, div.dataTables_wrapper .paginate_button.next {
  text-transform: capitalize;
}
div.dataTables_wrapper .paginate_button.active a {
  background-color: #267abb;
  border-color: #267abb;
  color: #fff;
}
div.dataTables_wrapper .paginate_button.active a:focus, div.dataTables_wrapper .paginate_button.active a:hover {
  border-color: #267abb;
  background-color: #267abb;
  color: #fff;
}
div.dataTables_wrapper .paginate_button > a {
  background-color: #fff;
  color: #363f45;
}
div.dataTables_wrapper .paginate_button > a:hover, div.dataTables_wrapper .paginate_button > a:focus {
  color: #363f45;
  background: #e2e3ec;
}
div.dataTables_wrapper div.dataTables_processing {
  top: 10%;
  height: 87px;
}

.treeview ul li a {
  color: #000;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.treeview ul li a[aria-expanded="true"] span::before, .treeview ul li a.expanded span::before {
  content: "\2212";
}
.treeview ul li .node-icon {
  margin-right: 8px;
}
.treeview ul li.node-checked > .check-icon::before {
  content: "\e067";
}
.treeview ul li:hover, .treeview ul li:focus {
  background-color: #F5F5F5;
}
.treeview ul li:hover ul li, .treeview ul li:focus ul li {
  background-color: #F5F5F5;
}
.treeview ul li ul {
  padding-left: 0;
}
.treeview ul li ul li {
  border: none;
}
.treeview ul li .glyphicon.glyphicon-unchecked.glyphicon-check:before {
  content: "\e067";
}

/* Section Form */
.form .btn-group .btn, .form input, .form .dropdown-menu, .form .bootstrap-switch, .form select, .form-horizontal .btn-group .btn, .form-horizontal input, .form-horizontal .dropdown-menu, .form-horizontal .bootstrap-switch, .form-horizontal select {
  border: 2px solid #BDC3C7;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.form .btn-group .btn:hover, .form .btn-group .btn:focus, .form input:hover, .form input:focus, .form .dropdown-menu:hover, .form .dropdown-menu:focus, .form .bootstrap-switch:hover, .form .bootstrap-switch:focus, .form select:hover, .form select:focus, .form-horizontal .btn-group .btn:hover, .form-horizontal .btn-group .btn:focus, .form-horizontal input:hover, .form-horizontal input:focus, .form-horizontal .dropdown-menu:hover, .form-horizontal .dropdown-menu:focus, .form-horizontal .bootstrap-switch:hover, .form-horizontal .bootstrap-switch:focus, .form-horizontal select:hover, .form-horizontal select:focus {
  background-color: #fff;
  border-color: #267abb;
}
.form .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container .bootstrap-switch-label:hover, .form .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container .bootstrap-switch-label:focus, .form .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container .bootstrap-switch-handle-off:hover, .form .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container .bootstrap-switch-handle-off:focus, .form-horizontal .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container .bootstrap-switch-label:hover, .form-horizontal .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container .bootstrap-switch-label:focus, .form-horizontal .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container .bootstrap-switch-handle-off:hover, .form-horizontal .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-container .bootstrap-switch-handle-off:focus {
  cursor: not-allowed;
}
.form .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .form-horizontal .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background: #267abb;
  color: #FFF;
}
.form .bootstrap-select .dropdown-toggle:focus, .form-horizontal .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.form .espace40, .form-horizontal .espace40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.form .form-group, .form-horizontal .form-group {
  padding: 10px 0;
}
.form .form-group .bootstrap-select, .form-horizontal .form-group .bootstrap-select {
  width: 220px;
}
.form .form-group .bootstrap-select button, .form-horizontal .form-group .bootstrap-select button {
  z-index: 0;
}
.form .form-group .bootstrap-select > select, .form-horizontal .form-group .bootstrap-select > select {
  opacity: 0;
  filter: alpha(opacity=0);
  left: -1000px;
}
.form .form-group .help-block, .form .form-group .help-block-numeric, .form-horizontal .form-group .help-block, .form-horizontal .form-group .help-block-numeric {
  margin-bottom: 0;
  display: none;
}
.form .form-group .fa-calendar, .form-horizontal .form-group .fa-calendar {
  position: absolute;
  top: 10px;
  left: 22px;
}
.form .form-group .fa-question-circle, .form-horizontal .form-group .fa-question-circle {
  margin-left: 5px;
  position: relative;
  font-size: 1.286em;
  color: #ddd;
  top: -5px;
}
.form .form-group .fa-question-circle:hover, .form-horizontal .form-group .fa-question-circle:hover {
  color: #267abb;
}
.form .form-group input:focus ~ .fa-calendar:before, .form .form-group input:hover ~ .fa-calendar:before, .form-horizontal .form-group input:focus ~ .fa-calendar:before, .form-horizontal .form-group input:hover ~ .fa-calendar:before {
  color: #267abb;
}
.form .form-group.has-error input[type='text'], .form .form-group.has-error .fa-calendar, .form .form-group.has-error .dropdown-toggle, .form-horizontal .form-group.has-error input[type='text'], .form-horizontal .form-group.has-error .fa-calendar, .form-horizontal .form-group.has-error .dropdown-toggle {
  color: #a94442;
  border-color: #a94442;
}
.form .form-group.has-error input[type='text']:hover, .form .form-group.has-error input[type='text']:focus, .form .form-group.has-error .fa-calendar:hover, .form .form-group.has-error .fa-calendar:focus, .form .form-group.has-error .dropdown-toggle:hover, .form .form-group.has-error .dropdown-toggle:focus, .form-horizontal .form-group.has-error input[type='text']:hover, .form-horizontal .form-group.has-error input[type='text']:focus, .form-horizontal .form-group.has-error .fa-calendar:hover, .form-horizontal .form-group.has-error .fa-calendar:focus, .form-horizontal .form-group.has-error .dropdown-toggle:hover, .form-horizontal .form-group.has-error .dropdown-toggle:focus {
  border-color: #a94442;
}
.form .form-group.has-error input[type='text']:hover ~ .fa-calendar:before, .form .form-group.has-error input[type='text']:focus ~ .fa-calendar:before, .form .form-group.has-error .fa-calendar:hover ~ .fa-calendar:before, .form .form-group.has-error .fa-calendar:focus ~ .fa-calendar:before, .form .form-group.has-error .dropdown-toggle:hover ~ .fa-calendar:before, .form .form-group.has-error .dropdown-toggle:focus ~ .fa-calendar:before, .form-horizontal .form-group.has-error input[type='text']:hover ~ .fa-calendar:before, .form-horizontal .form-group.has-error input[type='text']:focus ~ .fa-calendar:before, .form-horizontal .form-group.has-error .fa-calendar:hover ~ .fa-calendar:before, .form-horizontal .form-group.has-error .fa-calendar:focus ~ .fa-calendar:before, .form-horizontal .form-group.has-error .dropdown-toggle:hover ~ .fa-calendar:before, .form-horizontal .form-group.has-error .dropdown-toggle:focus ~ .fa-calendar:before {
  color: #a94442;
}
.form .form-group.has-error .help-block, .form-horizontal .form-group.has-error .help-block {
  display: block;
}
.form .form-group.has-error .help-block-numeric, .form-horizontal .form-group.has-error .help-block-numeric {
  display: none;
}
.form .form-group.has-error-numeric input[type='text'], .form .form-group.has-error-numeric .fa-calendar, .form .form-group.has-error-numeric .dropdown-toggle, .form-horizontal .form-group.has-error-numeric input[type='text'], .form-horizontal .form-group.has-error-numeric .fa-calendar, .form-horizontal .form-group.has-error-numeric .dropdown-toggle {
  color: #a94442;
  border-color: #a94442;
}
.form .form-group.has-error-numeric input[type='text']:hover, .form .form-group.has-error-numeric input[type='text']:focus, .form .form-group.has-error-numeric .fa-calendar:hover, .form .form-group.has-error-numeric .fa-calendar:focus, .form .form-group.has-error-numeric .dropdown-toggle:hover, .form .form-group.has-error-numeric .dropdown-toggle:focus, .form-horizontal .form-group.has-error-numeric input[type='text']:hover, .form-horizontal .form-group.has-error-numeric input[type='text']:focus, .form-horizontal .form-group.has-error-numeric .fa-calendar:hover, .form-horizontal .form-group.has-error-numeric .fa-calendar:focus, .form-horizontal .form-group.has-error-numeric .dropdown-toggle:hover, .form-horizontal .form-group.has-error-numeric .dropdown-toggle:focus {
  border-color: #a94442;
}
.form .form-group.has-error-numeric input[type='text']:hover ~ .fa-calendar:before, .form .form-group.has-error-numeric input[type='text']:focus ~ .fa-calendar:before, .form .form-group.has-error-numeric .fa-calendar:hover ~ .fa-calendar:before, .form .form-group.has-error-numeric .fa-calendar:focus ~ .fa-calendar:before, .form .form-group.has-error-numeric .dropdown-toggle:hover ~ .fa-calendar:before, .form .form-group.has-error-numeric .dropdown-toggle:focus ~ .fa-calendar:before, .form-horizontal .form-group.has-error-numeric input[type='text']:hover ~ .fa-calendar:before, .form-horizontal .form-group.has-error-numeric input[type='text']:focus ~ .fa-calendar:before, .form-horizontal .form-group.has-error-numeric .fa-calendar:hover ~ .fa-calendar:before, .form-horizontal .form-group.has-error-numeric .fa-calendar:focus ~ .fa-calendar:before, .form-horizontal .form-group.has-error-numeric .dropdown-toggle:hover ~ .fa-calendar:before, .form-horizontal .form-group.has-error-numeric .dropdown-toggle:focus ~ .fa-calendar:before {
  color: #a94442;
}
.form .form-group.has-error-numeric .help-block, .form-horizontal .form-group.has-error-numeric .help-block {
  display: none;
}
.form .form-group.has-error-numeric .help-block-numeric, .form-horizontal .form-group.has-error-numeric .help-block-numeric {
  display: block;
  color: #a94442;
}

#modal-update-arret .modal-body p, #modal-supprimer-arret .modal-body p, #modal-saisie-arret .modal-body p, #modalReprise .modal-body p, #modalSubrogation .modal-body p {
  text-align: center;
}
#modal-update-arret .modal-body p span, #modal-supprimer-arret .modal-body p span, #modal-saisie-arret .modal-body p span, #modalReprise .modal-body p span, #modalSubrogation .modal-body p span {
  font-weight: bold;
}
#modal-update-arret .modal-body p span.notBold, #modal-supprimer-arret .modal-body p span.notBold, #modal-saisie-arret .modal-body p span.notBold, #modalReprise .modal-body p span.notBold, #modalSubrogation .modal-body p span.notBold {
  font-weight: normal;
}
#modal-update-arret .modal-body p .salarie, #modal-supprimer-arret .modal-body p .salarie, #modal-saisie-arret .modal-body p .salarie, #modalReprise .modal-body p .salarie, #modalSubrogation .modal-body p .salarie {
  text-transform: uppercase;
}
#modal-update-arret .modal-footer, #modal-supprimer-arret .modal-footer, #modal-saisie-arret .modal-footer, #modalReprise .modal-footer, #modalSubrogation .modal-footer {
  text-align: center;
}
#modal-update-arret .modal-footer button, #modal-supprimer-arret .modal-footer button, #modal-saisie-arret .modal-footer button, #modalReprise .modal-footer button, #modalSubrogation .modal-footer button {
  width: 50%;
}

#modal-update-arret .modal-header h4 {
  display: none;
}

#modal-saisie-arret .resultat-ok, #modal-saisie-arret .fermer, #modal-update-arret .resultat-ok, #modal-update-arret .fermer, #modal-supprimer-arret .resultat-ok, #modal-supprimer-arret .fermer {
  display: none;
}
#modal-saisie-arret.envoiSucess .resultat-ok, #modal-update-arret.envoiSucess .resultat-ok, #modal-supprimer-arret.envoiSucess .resultat-ok {
  display: block;
  position: relative;
  -moz-animation: zoomInSuccess 1s 0s forwards;
  -webkit-animation: zoomInSuccess 1s 0s forwards;
  animation: zoomInSuccess 1s 0s forwards;
}
#modal-saisie-arret.envoiSucess .resultat-ok .fa, #modal-update-arret.envoiSucess .resultat-ok .fa, #modal-supprimer-arret.envoiSucess .resultat-ok .fa {
  font-size: 5.5em;
  color: #007123;
}
#modal-saisie-arret.envoiSucess .modal-footer .fermer, #modal-update-arret.envoiSucess .modal-footer .fermer, #modal-supprimer-arret.envoiSucess .modal-footer .fermer {
  display: inline-block;
}
#modal-saisie-arret.envoi .modal-body .info-user, #modal-update-arret.envoi .modal-body .info-user, #modal-supprimer-arret.envoi .modal-body .info-user {
  display: none;
}
#modal-saisie-arret.envoi .modal-footer #envoi-arret-travail, #modal-saisie-arret.envoi .modal-footer #update-arret-travail, #modal-saisie-arret.envoi .modal-footer #annuler-arret-travail, #modal-update-arret.envoi .modal-footer #envoi-arret-travail, #modal-update-arret.envoi .modal-footer #update-arret-travail, #modal-update-arret.envoi .modal-footer #annuler-arret-travail, #modal-supprimer-arret.envoi .modal-footer #envoi-arret-travail, #modal-supprimer-arret.envoi .modal-footer #update-arret-travail, #modal-supprimer-arret.envoi .modal-footer #annuler-arret-travail {
  display: none;
}

#modal-saisie-arret .modal-body .date-accident-area {
  font-weight: normal;
}
#modal-saisie-arret .modal-body .date-accident-area .date-accident {
  font-weight: bold;
}

#modal-nouveau-site .modal-body {
  padding: 0;
  background-color: #267abb;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#modal-nouveau-site .modal-body h2 {
  text-align: left;
  padding-left: 15px;
}
#modal-nouveau-site .modal-body .close {
  position: absolute;
  right: 7px;
  color: #000;
  z-index: 10;
  font-size: 28px;
  opacity: 1;
  filter: alpha(opacity=100);
}
#modal-nouveau-site .modal-body #carousel-new-content img {
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  width: 100%;
}
#modal-nouveau-site .modal-body #carousel-new-content .carousel-indicators {
  margin-bottom: 0;
}
#modal-nouveau-site .modal-body #carousel-new-content .carousel-indicators li {
  border: 1px solid #fff;
  background-color: #fff;
}
#modal-nouveau-site .modal-body #carousel-new-content .carousel-indicators .active {
  border: 1px solid #ee7f00;
  background-color: #ee7f00;
}
#modal-nouveau-site .modal-body #carousel-new-content .carousel-caption {
  position: relative;
  left: 0;
  background-color: #267abb;
  color: #fff;
  text-shadow: none;
  margin-top: 20px;
  padding-top: 9px;
}
#modal-nouveau-site .modal-body #carousel-new-content .carousel-caption p {
  text-align: left;
  padding: 0 15px;
}
#modal-nouveau-site .modal-body .checkbox {
  margin: 0;
  text-align: right;
  padding: 0 10px 10px 0;
}
#modal-nouveau-site .modal-body .checkbox label {
  color: #fff;
}

#infoImportant .modal-body #carousel-infoImportant .carousel-indicators {
  position: relative;
  bottom: 0;
  margin-top: 25px;
}
#infoImportant .modal-body #carousel-infoImportant .carousel-indicators li {
  display: none;
  border: 1px solid #ee7f00;
}
#infoImportant .modal-body #carousel-infoImportant .carousel-indicators li.active {
  background-color: #ee7f00;
}

#honoraires .panel-body {
  padding-top: 0;
}
#honoraires .form-group.entdo, #honoraires .form-group.persdo {
  display: none;
}
#honoraires .form-group.entdo.obligatoire, #honoraires .form-group.persdo.obligatoire {
  display: block;
}
#honoraires .form-group .redborder {
  border-color: #C1392B;
}
#honoraires .inputSearch {
  margin-top: 10px;
}
#honoraires .inputSearch .filter {
  padding-right: 0px;
  width: calc(100% - 50px);
  margin-bottom: 8px;
}
#honoraires .boutonActionTab {
  cursor: pointer;
  font-size: 18px;
}
#honoraires .statutEnvoi {
  font-size: 18px;
}
#honoraires #ModalImporterN #listeHonoN label {
  display: block;
}
#honoraires #ModalImporterN #listeHonoN label .beneSpan, #honoraires #ModalImporterN #listeHonoN label .designationSpan, #honoraires #ModalImporterN #listeHonoN label .montantSpan, #honoraires #ModalImporterN #listeHonoN label .profSpan {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  top: 4px;
}
#honoraires #ModalImporterN #listeHonoN label .beneSpan {
  width: 200px;
}
#honoraires #ModalImporterN #listeHonoN label .montantSpan {
  width: 80px;
  text-align: right;
  margin-right: 15px;
}
#honoraires #ModalImporterN #listeHonoN label .profSpan {
  width: 150px;
}
#honoraires .text-center {
  text-align: center;
}
#honoraires #filterHonoraires {
  cursor: pointer;
  position: relative;
  top: 3px;
}
#honoraires #clearFilterHono {
  cursor: pointer;
  float: right;
  margin-right: 10px;
}
#honoraires #clearFilterHono .fa-remove {
  left: 11px;
}
#honoraires #clearFilterHono .fa-filter {
  font-size: 23px;
}
#honoraires #filtresHono {
  padding: 10px 0 5px 0;
  margin-bottom: 10px;
  background-color: #eee;
}
#honoraires .margintop {
  margin-top: 10px;
}
#honoraires #newBeneficiaire .form-group .mandatory {
  display: none;
}
#honoraires #newBeneficiaire .form-group.obligatoire .mandatory {
  display: inline;
}
#honoraires .nowrap {
  white-space: nowrap;
}
#honoraires .searchbox {
  display: inline-block;
  width: 110px;
  -moz-transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);
  -o-transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);
  transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);
}
#honoraires .searchbox:focus {
  width: 280px;
}
#honoraires #goToNewBene {
  font-size: 22px;
}
#honoraires #goToNewBene:hover {
  color: #267abb;
}
#honoraires .dt-buttons {
  float: right;
  margin: 1px 8px 0 0;
}
#honoraires .dt-buttons button {
  border-width: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
#honoraires .dt-buttons button i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin: 0 2px;
}
#honoraires .dt-buttons button:hover {
  border-color: #ccc;
  border-radius: 4px;
}
#honoraires #navHono {
  border-bottom: 3px solid #267abb;
}
#honoraires #navHono li.active {
  background-color: #267abb;
}
#honoraires #navHono li.active:first-child a {
  border-left-color: transparent;
}
#honoraires #navHono li.active a {
  margin-right: 0;
  border-top: 2px solid #267abb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #fff;
  background-color: #267abb;
}
#honoraires #navHono li.active a:hover, #honoraires #navHono li.active a:focus {
  color: #fff;
  background-color: #267abb;
}
#honoraires #navHono li a {
  color: #141f28;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid transparent;
  font-size: 0.929em;
  text-transform: uppercase;
}
#honoraires #navHono li a:hover, #honoraires #navHono li a:focus {
  background: #fff;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#honoraires #guideHonoraire {
  float: right;
  color: #333;
  font-size: 18px;
  cursor: pointer;
  margin-top: 5px;
}
#honoraires .alert-info {
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 20px;
}
#honoraires #alertEntEtrangere {
  font-size: 15px;
  font-weight: inherit;
}
#honoraires #insee_commune_bene {
  border: none;
  box-shadow: none;
}

#FacturesClient .searchbox {
  display: inline-block;
  width: 110px;
  -moz-transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);
  -o-transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);
  transition: width 0.6s cubic-bezier(0.4, 0, 1, 1);
}
#FacturesClient .searchbox:focus {
  width: 280px;
}
#FacturesClient .iconeCol i {
  font-size: 20px;
}
#FacturesClient .text-center {
  text-align: center;
}
#FacturesClient .dtrg-group.dtrg-start {
  background-color: #eee;
}
#FacturesClient .odd, #FacturesClient .even {
  background-color: white;
}

#conditions-exo #saveFormExo, #conditions-exo2 #saveFormExo {
  font-size: 16px;
  padding: 12px 50px;
}
#conditions-exo .alert-info, #conditions-exo2 .alert-info {
  background-color: transparent;
  border-color: #267abb;
  color: #333 !important;
}
#conditions-exo .btnActif, #conditions-exo2 .btnActif {
  background-color: #267abb;
  color: white;
  border-color: #267abb;
}
#conditions-exo .alert-danger, #conditions-exo2 .alert-danger {
  color: white;
}
#conditions-exo #listeExonerations tbody, #conditions-exo #totalMontant, #conditions-exo #totalBase, #conditions-exo2 #listeExonerations tbody, #conditions-exo2 #totalMontant, #conditions-exo2 #totalBase {
  font-size: 16px;
}
#conditions-exo .containerCenter, #conditions-exo2 .containerCenter {
  max-width: 1450px;
}
#conditions-exo #poui, #conditions-exo #pnon, #conditions-exo2 #poui, #conditions-exo2 #pnon {
  margin-top: 15px;
}
#conditions-exo h4, #conditions-exo2 h4 {
  margin-top: 35px;
}
#conditions-exo .txtJusti, #conditions-exo2 .txtJusti {
  text-align: justify;
}
#conditions-exo#conditions-exo input[type=radio][value=false], #conditions-exo2#conditions-exo input[type=radio][value=false] {
  margin-left: 5px;
}
#conditions-exo .mtop, #conditions-exo2 .mtop {
  margin-top: 20px;
}
#conditions-exo #saveFormExo, #conditions-exo2 #saveFormExo {
  margin: 20px;
}
#conditions-exo #ursaffsection, #conditions-exo2 #ursaffsection {
  margin-bottom: 20px;
}
#conditions-exo #caslistesection, #conditions-exo2 #caslistesection {
  margin-bottom: 10px;
}
#conditions-exo #codeentsection, #conditions-exo2 #codeentsection {
  margin-bottom: 15px;
}
#conditions-exo #noneligible, #conditions-exo2 #noneligible {
  padding-top: 20px;
}
#conditions-exo .m10, #conditions-exo2 .m10 {
  margin-top: 10px;
}
#conditions-exo .mb10, #conditions-exo2 .mb10 {
  margin-bottom: 10px;
}
#conditions-exo .lienexterne, #conditions-exo2 .lienexterne {
  font-size: 14px;
  margin-left: 15px;
}

/**Class pour les droits **/
.moduleCache {
  display: none !important;
}

.form-group label span.red {
  display: none;
}
.form-group label span.red.mandatory {
  display: inline;
}

/* style pour modal du mini guide nouveau module user #1234** */
.popover.tour {
  padding: 0;
  font-family: "Droid Sans", Helvetica Neue, Helvetica, Arial, sans-serif;
  max-width: 290px;
}
.popover.tour h3 {
  margin: 0;
  background-color: #ee7f00;
  color: white;
  padding: 5px;
  border-radius: 5px 5px 0 0;
}
.popover.tour .popover-title {
  padding: 0;
  background-color: transparent;
  border: none;
  font-size: 15px;
}
.popover.tour .popover-title p {
  text-align: center;
}
.popover.tour .popover-title p:first-child {
  margin-top: 5px;
  font-weight: bold;
}
.popover.tour .avance {
  float: right;
  font-size: 13px;
}
.popover.tour #fait {
  cursor: pointer;
}
.popover.tour .plustrad {
  float: right;
  cursor: pointer;
  background-color: #ee7f00;
  border: none;
  color: white;
}
.popover.tour .popover-navigation .btn {
  padding: 5px;
  border: none;
  background-color: transparent;
}
.popover.tour .popover-navigation .nav {
  color: #267abb;
  padding: 5px 2px;
  float: initial;
}
.popover.tour .quitter {
  color: #ccc;
  margin-left: 25px;
  background-color: transparent;
}
.popover.tour .fa {
  margin: 0;
}

@media (max-width: 1920px) {
  #infos-comp-section .bootstrap-switch-id-checkbox-reprise-anticipee, #infos-comp-section .bootstrap-switch-id-checkbox-prolongation {
    margin-top: 10px;
  }
}
@media (max-width: 1268px) {
  #infos-comp-section .bootstrap-switch-id-checkbox-subrogation {
    margin-top: 10px;
  }
}
@media (max-width: 1140px) {
  #salariesfiche #horaires .joursemaine {
    width: 150px;
  }
}
@media (max-width: 1101px) {
  #infos-comp-section .bootstrap-switch-id-checkbox-reprise-anticipee {
    margin-top: 15px;
  }
}
/* lorsque l'ecran fait moins de 1220 on masque les elements dans le bouton lorsque le menu est ouvert */
@media (max-width: 1220px) {
  .menu-actif #main-content #content #accueil .boxeIcon .sous-titre {
    display: none;
  }
}
@media (max-width: 1072px) {
  #salariesindex #infosboard .sectionboard {
    height: 130px;
  }

  #saisieEvp #outilsTab > div {
    top: 0px;
  }
}
@media (max-width: 950px) {
  .menu-actif #documentPDF .more-filter .form-group, .menu-actif #dsn .more-filter .form-group {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .menu-actif #main-content #content #accueil .boxeIcon .sous-titre {
    display: block;
  }

  #salariesindex #modalfichesalarie .etapescreationsal .etapecrea p {
    display: none;
  }
  #salariesindex #modalfichesalarie .etapescreationsal .etapecrea.active p {
    display: block;
  }
  #salariesindex #modalfichesalarie .etapescreationsal .etapecrea .ptitpointilles i {
    display: none !important;
  }
  #salariesindex #modalfichesalarie .etapescreationsal .etapecrea .deuxligne {
    position: static !important;
  }
  #salariesindex #modalfichesalarie .etapescreationsal .etapecrea .centrertextenb {
    width: auto !important;
  }

  #saisieEvp #outilsTab {
    margin-bottom: 62px;
  }
}
@media (max-width: 990px) and (min-width: 768px) {
  #salariesindex .champtri:first-child {
    margin-top: 35px;
  }
}
@media (max-width: 910px) {
  #header.navbar #nav-bar-right .navbar-right .hidden-xs {
    display: none;
  }

  #gestionSalTitre.ServiceHidden {
    position: initial !important;
  }
}
@media (max-width: 767px) {
  #saisieEvp .dupliquerMprec {
    margin-top: -24px !important;
    margin-left: 79px !important;
  }
  #saisieEvp #tabEvpSal_length {
    text-align: left;
  }
}
@media (max-width: 790px) {
  #header.navbar .navbar-branding {
    display: none;
  }

  .hamburger .text {
    display: none;
  }

  #saisieEvp #flecheNavTab i#flechegauche {
    float: none;
  }
}
@media (max-width: 768px) {
  #header.navbar #nav-bar-right #homeMobil {
    display: block;
  }
  #header.navbar #nav-bar-right #notifications .dropdown-menu {
    width: 100%;
    position: fixed;
    top: 52px;
    left: 0;
    right: 0;
  }
  #header.navbar #nav-bar-right #notifications .dropdown-menu:after {
    display: none;
  }
  #header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-menu {
    height: 34px;
    padding-top: 6px;
  }
  #header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-menu button {
    right: 0px;
    left: initial;
    top: -1px;
    position: absolute;
    height: 35px;
  }
  #header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-menu button i {
    position: relative;
  }
  #header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body {
    width: 100%;
    max-height: 250px;
  }
  #header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item {
    width: 100%;
  }
  #header.navbar #nav-bar-right #notifications .dropdown-menu .panel .panel-body .timeline-list .timeline-item .timeline-desc {
    width: 91%;
  }
  #header.navbar #nav-bar-right .navbar-right {
    float: right;
  }
  #header.navbar #nav-bar-right .navbar-right > li {
    float: left;
  }
  #header.navbar #nav-bar-right .navbar-right > li .navbar-btn {
    margin-top: 0;
  }
  #header.navbar #nav-bar-right .navbar-right > li .navbar-btn .dropdown-menu {
    left: auto;
    right: 0;
    position: absolute;
    background-color: #fff;
  }
  #header.navbar #nav-bar-right .navbar-right #account #user-account {
    margin-top: 0;
  }
  #header.navbar #nav-bar-right .navbar-right #account .dropdown-menu {
    position: absolute;
    float: left;
    background: #fff;
    left: auto;
    right: 0;
  }

  #main-content #content {
    margin-top: 20px;
  }
  #main-content #content #accueil #logo-spv-small-device {
    display: block;
  }
  #main-content #content #dsn-info .video-list-thumbs .glyphicon-play-circle {
    font-size: 7.143em;
    top: 25%;
  }
  #main-content #content #telechargement-fichier .panel-body .more-filter, #main-content #content #dsn .panel-body .more-filter, #main-content #content #statistiques-excel .panel-body .more-filter, #main-content #content #n4ds .panel-body .more-filter {
    display: none;
  }
  #main-content #content #arret-travail .panel-body .form-group {
    padding-left: 15px;
  }
  #main-content #content #arret-travail .panel-body .form-group label {
    text-align: left;
  }
  #main-content #content #arret-travail .panel-body #choix-action-salarie .panel .panel-body #gestion-arret-tab #historique-arret-tab tbody tr.child .form-group .bootstrap-switch-id-checkbox-reprise-anticipee-dynamic {
    margin-top: 0px;
  }
  #main-content #content #arret-travail .panel-body #choix-action-salarie .panel .panel-body #gestion-arret-tab #historique-arret-tab tbody tr.child .form-group .fa-calendar {
    top: 35px;
  }
  #main-content #content #documentPDF .panel-body .more-filter {
    display: none;
  }
  #main-content #content #documentPDF .panel-body #doc-pdf-tab .mobile {
    display: block;
  }
  #main-content #content #documentPDF .panel-body #doc-pdf-tab .desktop {
    display: none;
  }
  #main-content #content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-document-pdf .mobile, #main-content #content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-document-pdf .mobile {
    display: block;
  }
  #main-content #content #envoiEvp .panel-body #zone1 .dropzonePrev .dz-document-pdf .desktop, #main-content #content #envoiEvp .panel-body #zone2 .dropzonePrev .dz-document-pdf .desktop {
    display: none;
  }
  #main-content #content #fin-contrat #nouveau-fin-contrat-tab .navigation-bar-wrapper .content .navigation-step {
    padding: 0px 11px;
  }
  #main-content #content #salariesindex #gestionsal #tabsal .iconetab .desktop {
    display: none;
  }
  #main-content #content #salariesindex #gestionsal #tabsal .iconetab .mobile {
    display: block;
  }

  #modal-nouveau-site .modal-body .checkbox input {
    top: -2px;
  }

  .mobilehide {
    display: none;
  }

  .mobileshow {
    display: initial !important;
  }

  #salariesfiche .mobilehide, #salariescontrat .mobilehide {
    display: none;
  }
  #salariesfiche #rappel_nom1 #Rappelids, #salariesfiche #rappel_nom1 #Rappelidc, #salariesfiche #rappel_nom1 #RappelTypecontrat, #salariescontrat #rappel_nom1 #Rappelids, #salariescontrat #rappel_nom1 #Rappelidc, #salariescontrat #rappel_nom1 #RappelTypecontrat {
    display: none;
  }
  #salariesfiche .boutonsaction, #salariescontrat .boutonsaction {
    position: absolute;
    right: -5px;
    top: -45px !important;
  }
  #salariesfiche .boutonsaction button .fa, #salariescontrat .boutonsaction button .fa {
    margin: 0;
  }
  #salariesfiche .boutonsaction #annuler, #salariescontrat .boutonsaction #annuler {
    margin: 0 4px;
    background-color: #C1392B;
    border-color: #C1392B;
  }
  #salariesfiche .boutonsaction #brouillon, #salariescontrat .boutonsaction #brouillon {
    background-color: #E77E23;
    border-color: #E77E23;
  }
  #salariesfiche .boutonsaction #valider, #salariescontrat .boutonsaction #valider {
    background-color: #27AE61;
    border-color: #27AE61;
  }
}
@media (min-width: 768px) {
  #modal-nouveau-site .modal-dialog {
    width: 430px;
  }
  #modal-nouveau-site .carousel-indicators {
    bottom: 10px;
  }
}
@media (max-width: 590px) {
  .menu-actif #main-content #content #accueil .boxeIcon .sous-titre {
    display: none;
  }

  #login {
    background: #f1f2f4;
  }
  #login #logo-spv {
    background-image: url("../img/spv-logo.png");
    background-repeat: no-repeat;
    background-color: transparent;
    width: 230px;
    height: 72px;
    margin: auto;
    margin-top: 30px;
  }
}
@media (max-width: 590px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 590px) and (-o-min-device-pixel-ratio: 2.6 / 2), (max-width: 590px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 590px) and (min-device-pixel-ratio: 1.3), (max-width: 590px) and (min-resolution: 1.3dppx) {
  #login #logo-spv {
    background-image: url("../img/spv-logo@2x.png");
    background-size: 230px auto;
  }
}
@media (max-width: 590px) {
  #login #login-page {
    margin-top: 155px;
    width: 100%;
  }
  #login #login-page .form {
    background: none;
    box-shadow: none;
    padding: 0;
  }

  #main-content #content #telechargement-fichier .panel-body thead th:nth-child(5) {
    display: none;
  }
  #main-content #content #telechargement-fichier .panel-body tbody tr td:nth-child(5) {
    display: none;
  }
  #main-content #content #documentPDF .panel-body .more-filter {
    display: none;
  }
  #main-content #content #documentPDF .panel-body #doc-pdf-tab .mobile {
    display: block;
    color: #333;
    text-decoration: none;
    cursor: default;
    word-break: break-word;
  }
  #main-content #content #documentPDF .panel-body #doc-pdf-tab .desktop {
    display: none;
  }
  #main-content #content #documentPDF .panel-body #doc-pdf-tab thead tr th:nth-child(4), #main-content #content #documentPDF .panel-body #doc-pdf-tab thead tr td:nth-child(4), #main-content #content #documentPDF .panel-body #doc-pdf-tab tbody tr th:nth-child(4), #main-content #content #documentPDF .panel-body #doc-pdf-tab tbody tr td:nth-child(4) {
    display: none;
  }
  #main-content #content #documentPDF .panel-body #doc-pdf-tab thead tr th:nth-child(5), #main-content #content #documentPDF .panel-body #doc-pdf-tab thead tr td:nth-child(5), #main-content #content #documentPDF .panel-body #doc-pdf-tab tbody tr th:nth-child(5), #main-content #content #documentPDF .panel-body #doc-pdf-tab tbody tr td:nth-child(5) {
    display: table-cell;
    padding: 0 4px;
  }
  #main-content #content #documentPDF .panel-body #doc-pdf-tab tbody tr td:nth-child(2) {
    word-break: break-word;
  }
  #main-content #content #dsn .panel-body #dsn-tab tbody tr td .desktop {
    display: none;
  }
  #main-content #content #dsn .panel-body #dsn-tab tbody tr td .mobile {
    display: inline-block;
  }

  #ops table thead tr th:nth-child(1), #ops table thead tr th:nth-child(4) {
    display: none;
  }
  #ops table tbody tr td:nth-child(1), #ops table tbody tr td:nth-child(4) {
    display: none;
  }
}
@media (max-width: 560px) {
  #main-content #arret-travail #historique-arret-tab thead tr th:nth-child(6), #main-content #arret-travail #historique-arret-tab thead tr th:nth-child(7) {
    display: none;
  }
  #main-content #arret-travail #historique-arret-tab tbody tr td:nth-child(6), #main-content #arret-travail #historique-arret-tab tbody tr td:nth-child(7) {
    display: none;
  }
}
@media (max-width: 540px) {
  #header.navbar .navbar-branding {
    display: none;
  }
  #header.navbar #nav-bar-right #account #Welcome {
    display: none;
  }

  #main-content #dsn .panel-body #dsn-tab thead .sorting:after, #main-content #dsn .panel-body #dsn-tab thead .sorting_asc:after, #main-content #dsn .panel-body #dsn-tab thead .sorting_desc:after {
    top: 6px;
  }
  #main-content #statistiques-excel #stat-excel-tab thead th:nth-child(2), #main-content #statistiques-excel #stat-excel-tab thead th:nth-child(3) {
    display: none;
  }
  #main-content #statistiques-excel #stat-excel-tab tbody td:nth-child(2), #main-content #statistiques-excel #stat-excel-tab tbody td:nth-child(3) {
    display: none;
  }
  #main-content #n4ds .panel-body #n4ds-tab thead th:nth-child(3) {
    display: none;
  }
  #main-content #n4ds .panel-body #n4ds-tab tbody td:nth-child(3) {
    display: none;
  }
  #main-content #telechargement-fichier .panel-body thead th:nth-child(2) {
    display: none;
  }
  #main-content #telechargement-fichier .panel-body tbody tr td:nth-child(2) {
    display: none;
  }
  #main-content #documentPDF .panel-body .inputSearch .glyphicon-search, #main-content #n4ds .panel-body .inputSearch .glyphicon-search, #main-content #dsn .panel-body .inputSearch .glyphicon-search, #main-content #telechargement-fichier .panel-body .inputSearch .glyphicon-search, #main-content #statistiques-excel .panel-body .inputSearch .glyphicon-search {
    left: 23%;
  }
  #main-content #content #fin-contrat .panel-body #panel-container #nouveau-fin-contrat-tab .navigation-bar-wrapper.affix {
    width: 87%;
  }
  #main-content #content #fin-contrat .panel-body #panel-container #nouveau-fin-contrat-tab .navigation-bar-wrapper .content .navigation-step {
    padding: 0;
    font-size: 12px;
  }
  #main-content #content #fin-contrat .panel-body #panel-container #nouveau-fin-contrat-tab label {
    text-align: left;
  }
  #main-content #content #fin-contrat .panel-body #nouveau-fin-contrat-tab #infos-paie-section #elements-paie .list-group.list-group-root .list-group-item .action button {
    margin-right: 0px;
  }
  #main-content #content #fin-contrat .panel-body #nouveau-fin-contrat-tab .trumbowyg-editor, #main-content #content #fin-contrat .panel-body #nouveau-fin-contrat-tab .trumbowyg-box {
    min-height: 100px;
  }

  .menu-actif {
    overflow: hidden;
  }
  .menu-actif #main-content {
    overflow: hidden;
    margin-left: 0;
    position: relative;
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -webkit-transform: translateX(260px);
    transform: translateX(260px);
  }
}
@media (max-width: 480px) {
  #salariesfiche .smallmobilehide {
    display: none;
  }
  #salariesfiche .onglets li {
    max-width: 20%;
  }
}
@media (max-width: 420px) {
  #main-content #arret-travail #historique-arret-tab thead tr th:nth-child(5) {
    display: none;
  }
  #main-content #arret-travail #historique-arret-tab tbody tr td:nth-child(5) {
    display: none;
  }
  #main-content #n4ds .panel-body #n4ds-tab thead th:nth-child(4) {
    display: none;
  }
  #main-content #n4ds .panel-body #n4ds-tab tbody td:nth-child(4) {
    display: none;
  }
}
/* Portable android mode portrait */
@media (max-width: 390px) {
  #header.navbar .navbar-branding {
    display: none;
  }

  #main-content #content #accueil .boxeIcon a .sous-titre {
    display: none;
  }
  #main-content #content #dsn-info .video-list-thumbs .glyphicon-play-circle {
    font-size: 50px;
    top: 25%;
  }
  #main-content #content #depeches .panel .panel-heading .fa {
    right: -36px;
  }
  #main-content #content #arret-travail .panel-body #choix-action-salarie .holder-style {
    min-height: 147px;
  }
  #main-content #content #telechargement-fichier .panel-body .more-filter .form-group .checkbox-area label {
    width: 100%;
  }
  #main-content #content #statistiques-excel .panel-heading .panel-title {
    width: 200px;
    display: inline-table;
  }
  #main-content #content div.dataTables_wrapper div.dataTables_processing {
    top: 0%;
    height: 87px;
  }
}
/*¨Portrait Mode */
@media screen and (max-device-aspect-ratio: 1 / 1) and (orientation: portrait) {
  #header.navbar #nav-bar-right .navbar-right .hidden-xs,
  #header.navbar #nav-bar-right #account #Welcome,
  #header.navbar #nav-bar-right #account #user-account .caret-tp {
    display: none;
  }

  #header.navbar #nav-bar-right #account #user-account {
    margin-top: 1px;
  }

  #header.navbar #nav-bar-right #account .dropdown-menu {
    margin-top: 9px;
  }

  .d_tablet #header.navbar #nav-bar-right #homeMobil {
    margin-top: 6px;
  }
  .d_tablet #header.navbar #nav-bar-right #assistance, .d_tablet #header.navbar #nav-bar-right #notifications {
    margin-top: 4px;
  }

  #main-content #dsn .panel-body #dsn-tab thead .sorting:after, #main-content #dsn .panel-body #dsn-tab thead .sorting_asc:after, #main-content #dsn .panel-body #dsn-tab thead .sorting_desc:after {
    top: 6px;
  }

  #fin-contrat .marginIpadText2ligne input, #fin-contrat .marginIpadText2ligne .bootstrap-switch {
    margin-top: 10px;
  }
  #fin-contrat .marginIpadText2ligne .fa-calendar {
    top: 19px;
  }
  #fin-contrat .marginIpadText2ligne .bootstrap-select {
    margin-top: 6px;
  }
  #fin-contrat .panel-body #panel-container #nouveau-fin-contrat-tab .navigation-bar-wrapper.affix {
    width: 93%;
  }
}
/*¨landscape Mode */
/* VIdeo */
@media (min-width: 320px) and (max-width: 480px) {
  .video-list-thumbs .glyphicon-play-circle {
    font-size: 35px;
    right: 36%;
    top: 27%;
  }

  .video-list-thumbs h2 {
    bottom: 0;
    font-size: 12px;
    height: 22px;
    margin: 8px 0 0;
  }
}

/*# sourceMappingURL=main.css.map */