/* Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. Normally you'd just add a quick snippet of CSS to fix this: */

@-ms-viewport {
  width: device-width;
}

.fix-layout-1230 {
  margin-right: auto!important;
  margin-left: auto!important;
  max-width: 974px;
  /*max-width: 1250px; */
  /* or 950px */
}

.container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

.navbar>.container-fluid .navbar-brand {
  margin-left: -10px;
}

.isolation-bootstrap-3 .form-horizontal #tableauDettes .form-group, .isolation-bootstrap-3 .form-horizontal #tableauAutresDettes .form-group, .isolation-bootstrap-3 .form-horizontal #tableauButsFinancement .form-group {
  margin-left: 0;
  margin-right: 0;
}

body {
  background-color: #292b2f;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.investissement, .confirmation-desc {
  margin-top: 6px;
}

.isolation-bootstrap-3 .form-group.has-error .control-label.second-label {
  padding-top: 0px!important;
  margin-top: 0px!important;
}

.refere-demandeur-nom, .refere-demandeur-prenom, .refere-codetenteur-nom, .refere-codetenteur-prenom {
  font-weight: bold;
}

#produit-titre {
  font-weight: bold;
}

.isolation-bootstrap-3 #modalReprise .tableau-presentation {
  border: none;
  margin: 0;
}

.isolation-bootstrap-3 #modalReprise .tableau-presentation .date {
  padding-top: 13px;
}

.isolation-bootstrap-3 .has-success .help-block, .isolation-bootstrap-3 .has-success .control-label, .isolation-bootstrap-3 .has-success .radio, .isolation-bootstrap-3 .has-success .checkbox, .isolation-bootstrap-3 .has-success .radio-inline, .isolation-bootstrap-3 .has-success .checkbox-inline, .isolation-bootstrap-3 .has-success.radio label, .isolation-bootstrap-3 .has-success.checkbox label, .isolation-bootstrap-3 .has-success.radio-inline label, .isolation-bootstrap-3 .has-success.checkbox-inline label {
  color: #3E3E3E!important;
}

.isolation-bootstrap-3 .nav.nav-tabs>li a, .isolation-bootstrap-3 .nav.nav-tabs>li a:visited {
  color: inherit;
}

.modal-dialog {
  z-index: 10000;
}

#waitModal .close {
  display: none;
}

#modalReprise .close:first-child {
  display: none;
}

#infos-produit-choisi ul {
  padding-left: 0px!important;
}

.vitrine {
  width: 205px;
  float: left;
  margin: 0 10px 0 0;
}

.vitrine .positionnement {
  position: relative;
  width: 174px;
}

.isolation-bootstrap-3 .vitrine .panel-body {
  padding: 10px;
}

.vitrine .panel-collapse {
  width: 174px;
}

.vitrine .positionnement .colored {
  position: absolute;
  width: 156px;
  height: 7px;
  top: -25px;
  left: -10px;
}

.vitrine .carte-titre {
  height: 40px;
}

.vitrine .positionnement .carte {
  margin-top: 15px;
  min-height: 138px;
}

.vitrine .positionnement .soustitre-extra {
  min-height: 35px;
}

.vitrine .libelle {
  margin: 5px 0;
}

.vitrine .choisir {
  text-align: center;
  margin: 10px 0;
}

.isolation-bootstrap-3 .panel-group.arbre .panel-tiroir {
  height: 25px;
}

.hors-ecran {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  margin: 0;
  padding: 0;
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.isolation-bootstrap-3 p.avantages {
  margin: 30px 0;
}

.isolation-bootstrap-3 p.avantages a.avantage-membre {
  /*display: inline-block;*/
  color: #4D4D4F !important;
  background-color: #FFC20E;
  margin-left: 16px !important;
  position: relative;
  padding: 8px 10px 8px 21px;
  border: 2px solid #FFC20E !important;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left !important;
  text-decoration: none !important;
  width: 370px;
  cursor: default;
}

.isolation-bootstrap-3 p.avantages a.avantage-membre:before {
  content: url('//www.desjardins.com/ressources/images/b35-pastille-amd.png');
  display: block;
  position: absolute;
  width: 32px;
  height: 38px;
  left: -17px;
  top: -3px;
}

.error-img {
  background: url("https://pservices.desjardins.com/ressources/n3_3.3/interne/fwd-bootstrap/3.3/img/e35-icone-erreur.png") no-repeat scroll left top transparent;
  width: 16px;
  height: 16px;
  float: left;
}

.error-msg {
  margin-left: 23px;
}

.error-block .help-block {
  margin-left: 25px;
}

#step1, #step2, #step3, #step4, #step5 {
  margin: 10px;
}

.form-group select {
  width: 100%;
}

#recap h3.carte-title {
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}

/*
h2, h3, h4 {
  margin: 10px 0 20px!important;
}
*/

.pointer {
  cursor: pointer;
}

.panel-body h2:first-of-type, #recap h3 {
  margin: 10px 0 20px!important;
}

.mleft0 {
  margin-left: 0!important;
}

.mleft10 {
  margin-left: 10!important;
}

.mright0 {
  margin-right: 0!important;
}

.mright10 {
  margin-right: 10!important;
}

.mtop40 {
  margin-top: 40px;
}

.mtop0 {
  margin-top: 0px!important;
}

.mtop10 {
  margin-top: 10px!important;
}

.mtop1 {
  margin-top: 1px!important;
}

.mtop2 {
  margin-top: 2px!important;
}

.mtop10-0 {
  margin: 10px 0 0!important;
}

.pright5 {
  padding-right: 5px!important;
}

.pleft20 {
  padding-left: 20px;
}

.mbottom0 {
  margin-bottom: 0px;
}

.mheight160 {
  min-height: 160px;
}

.form-actions-btn {
  /*margin: 10px 0;*/
  padding-bottom: 10px;
}

.inline-float {
  float: left;
  width: auto;
}

.inline-float.en {
  padding-left: 10px;
}

#zone-middle-right-reserved h3, h5 {
  margin: 10px 0 10px!important;
}

.isolation-bootstrap-3 .control-label.unimportant-label label {
  font-weight: normal!important;
}

.isolation-bootstrap-3 .radio label, .isolation-bootstrap-3 .checkbox label {
  padding-left: 0;
}

.isolation-bootstrap-3 .form-group, .isolation-bootstrap-3 form .form-group {
  margin-bottom: 10px;
}

/* Boutons de localisation */

.button-box {
  text-align: center;
  margin-bottom: 10px;
}

.button-box .melocaliser {
  float: left;
  width: 50%;
}

/* Fin */

/* Boutons */

#zone-middle-left-buttons .btn {
  margin-left: 20px;
  margin-bottom: 10px;
}

#zone-middle-left-buttons .btn:first-child {
  margin-left: 0;
}

/* Fin */

#zone-centrale {
  padding-bottom: 50px;
  z-index: 0;
  color: #3e3e3e;
  background: #fff url("//www.desjardins.com/ressources/images/a00-fond-contenu.gif") repeat-x left top;
  background: -moz-linear-gradient(top, #e5e7e8 0%, #fff 177px);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e7e8), color-stop(177px, #fff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e5e7e8 0%, #fff 177px);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e5e7e8 0%, #fff 177px);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e5e7e8 0%, #fff 177px);
  /* IE10+ */
  background: linear-gradient(to bottom, #e5e7e8 0%, #fff 177px);
  /* W3C */
}

.reset {
  padding: 0!important;
}

#page {
  /* background-color: white; */
  margin: 35px 0 0;
}

.big-title {
  margin-bottom: 10px;
  padding-left: 0!important;
}

.sidebar-info {
  margin: 0;
  padding: 10px;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

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

.head-img {
  padding: 16px 10px;
}

.input-space {
  margin: 10px 0;
}

.menu-bar {
  border-bottom: 1px solid #eaeaea;
  min-height: 64px!important;
}

.header-bg {
  z-index: 1;
  color: #595959;
  background: #fff url("//www.desjardins.com/ressources/images/a00-entete-fond-degrade.png") repeat-x left bottom;
  background: -moz-linear-gradient(top, #fff 80%, #fbfbfb 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #fff), color-stop(100%, #fbfbfb));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 80%, #fbfbfb 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fff 80%, #fbfbfb 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fff 80%, #fbfbfb 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 80%, #fbfbfb 100%);
  /* W3C */
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#bbbbbb'), progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#fbfbfb)";
}

#produit-image {
  width: 70px;
}

.well.smile {
  margin: 0!important;
  padding-left: 20px;
}

.img_logo {
  /*margin-left: 20px;*/
}

.has-error .form-control {
  border-color: #a94442!important;
}

.hide {
  /*display: none;*/
  visibility: hidden;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.vertical-align {
  display: flex;
  align-items: center;
}

.spacer {
  clear: both;
}

#zone-middle {
  padding-left: 0px;
}

.modal-vertical-centered {
  transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important;
  /* IE 9 */
  -webkit-transform: translate(0, 50%) !important;
  /* Safari and Chrome */
}

.full.contenu {
  /* margin: 0 10px; */
}

.full.contenu .tab-pane {
  margin: 0!important;
}

.informations-hypotheque {
  clear: both;
}

/***
 GMAPS
***/

#map {
  width: 100%!important;
  height: 400px!important;
  border: 1px solid #d5d5d5;
}

/***
 Fin GMAPS
***/

/***
 Click to chat/Call
***/

#desjr-widget-ctc {
  width: 100%;
  max-width: 230px;
  padding-top: 10px!important;
  margin-bottom: 20px;
}

#agendize img {
  width: 200px;
  height: 44px;
}

/***
 Click to chat/Call
***/

/***
 Avantages Membre 
***/

#avantage_carte_supp {
  margin-bottom: 20px;
  clear: both;
  font-size: 13px;
  padding-top: 10px;
}

#avantage_carte_supp .boite {
  position: relative;
}

#avantage_carte_supp .glyph {
  width: 55px;
  height: 63px;
  position: absolute;
  top: -19px;
}

#avantage_carte_supp .avantages {
  border: 3px solid #ffc20e;
  margin-left: 26px;
}

#avantage_carte_supp .avantages .titre {
  height: 26px;
  text-transform: uppercase;
  font-weight: bold;
  color: #4d4d4f;
  padding: 3px 41px;
  background-color: #ffc20e;
}

#avantage_carte_supp .avantages .description {
  padding: 10px 41px;
  text-align: justify;
}

/***
 Fin Avantages Membre 
***/

/***
 Confirmation
***/

#span-confirmationElectronique-email, #span-confirmationElectronique-numeroConfirmation, #span-confirmationPapier-numeroConfirmation {
  font-weight: bold;
}

/***
 FIN Confirmation
***/

/***
 FOOTER
***/

#zone-foot {
  clear: both;
  color: #fff;
  min-height: 150px;
}

#zone-legale {
  text-align: center;
  padding: 1em 0;
  font-size: 0.917em;
  color: #cbcbcb;
  border-top: 1px solid #3e3e3e;
  overflow: hidden;
}

#zone-legale ul {
  position: relative;
  float: left;
  left: 50%;
  margin: 0.5em 0;
  padding: 0;
  list-style: none;
}

#zone-legale ul li {
  position: relative;
  float: left;
  right: 50%;
  padding: 0 5px;
  border-left: 1px solid #cbcbcb;
}

#zone-legale ul li:first-child {
  border: none;
}

#zone-legale ul li a {
  white-space: nowrap;
}

#zone-legale a:link, #zone-legale a:visited {
  text-decoration: none;
  color: #cbcbcb;
}

#zone-legale a:active, #zone-legale a:hover, #zone-legale a:focus {
  text-decoration: underline;
  color: #cbcbcb;
}

#zone-legale p.copyright {
  clear: both;
  margin: 0.5em 0;
  padding: 0;
}

/***
 END FOOTER
***/

/***
 FORM
***/

form .error-block a {
  text-decoration: underline;
  color: #CC0000!important;
}

form .col {
  margin-bottom: 10px;
}

.form-horizontal label {
  font-size: 13px;
}

form header {
  color: inherit;
  display: block;
  font-size: 17px;
  background: #fff;
  font-weight: bold;
  padding: 8px 30px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 0px;
  margin: 0px 3px;
  clear: both;
}

#div-dateNaissance .big, #div-codetenteur-dateNaissance .big, #div-pieceIdentite-optionnel .big {
  text-align: center;
}

.souslabel {
  font-weight: normal;
}

.help-box {
  font-size: 13px;
  color: #595959!important;
}

.popover-content {
  color: #595959!important;
}

.form-horizontal .control-label label {
  display: inline;
}

.sideinfo {
  padding: 10px 0;
}

.sideinfo .avantage-carte {
  font-size: 15px;
}

.lien-correction {
  margin-top: 8px;
}

/* Recap rows */

.recap-ligne {
  margin: 7px 0;
}

.recap-ligne .libelle {
  padding-top: 0px!important;
}

.recap-ligne .valeur {
  font-weight: bold;
}

/* Popover */

.popover {
  max-width: 600px;
  min-width: 300px;
  width: auto;
}

.help-box {
  cursor: pointer;
}

.isolation-bootstrap-3 .nav.nav-tabs.onglets-etapes+.tab-content, .isolation-bootstrap-3 .nav.nav-tabs+.tab-content.onglets-etapes, .isolation-bootstrap-3 .tab-content.onglets-etapes {
  overflow: visible;
}

/***
 FIN FORM
***/

/***
 SIDEBAR
***/

.tab-content #zone-middle-right-reserved .btn-clavarder {
  padding: 0;
}

#zone-middle-right-reserved .btn-clavarder {
  padding: 0;
}

#zone-middle-right-reserved .btn-appelle {
  margin: 0 0 10px;
  padding: 10px 0 10px;
  /*  clear: both;  */
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* // Make inputs at least the height of their button counterpart*/
  /*.box-sizing(border-box); // Makes inputs behave like true block-level elements*/
  box-sizing: border-box;
}

/***
 FIN SIDEBAR
***/

#tableauRemboursement, #tableauDepot {
  cursor: pointer;
}

/***
 PANELS
***/

.isolation-bootstrap-3 .contenu .panel-primary {
  /* margin-top: 10px; */
}

/***
 PANELS
***/

/***
 ZONE RÉSERVÉ
***/

#securite .image {
  /*text-align: center;*/
}

#produit {
  /*margin: 25px 0;*/
}

/***
 ZONE RÉSERVÉ
***/

/***
 ONGLETS
***/

#zone-tabs-mobile {
  /*margin: 0 10px;*/
}

@media (min-width: 0px) {
  #zone-middle-left-buttons .primary-buttons, #zone-middle-left-buttons .tertiary-buttons {
    text-align: center;
  }
  #zone-tabs-mobile {
    display: block;
  }
  #zone-tabs {
    display: none;
  }
  .tab-content.onglets-etapes {
    background: none!important;
    border-top: 0!important;
  }
}

@media (min-width: 767px) {
  #zone-middle-left-buttons .primary-buttons, #zone-middle-left-buttons .tertiary-buttons {
    text-align: left;
  }
  #zone-tabs-mobile {
    display: none;
  }
  #zone-tabs {
    display: block;
  }
  .center-desktop {
    text-align: center !important;
  }
  .left-desktop {
    text-align: left !important;
  }
  .right-desktop {
    text-align: right !important;
  }
  .tab-content.onglets-etapes {
    background: url("https://pservices.desjardins.com/ressources/n3_3.3/interne/fwd-bootstrap/3.3/img/a00-onglets-filet-degrade.gif") left top no-repeat, url("https://pservices.desjardins.com/ressources/n3_3.3/interne/fwd-bootstrap/3.3/img/a00-onglets-filet-degrade.gif") right top no-repeat!important;
    border: none!important;
    border-top: 1px solid #DDDDDD!important;
  }
}

/***
 ONGLETS
***/

/***
twitter-typeahead 
***/

.twitter-typeahead {
  width: 100%;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu {
  cursor: pointer;
  width: 422px;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion p {
  margin: 0;
}

/***
 BOOTSTRAP REECRITURES
***/

@media (max-width: 991px) {
  .form-horizontal .control-label {
    text-align: left;
  }
}

.isolation-bootstrap-3 .nav.nav-tabs.onglets-etapes li a:link {
  min-width: 115px;
  width: 120px;
  height: 63px;
}

/***
 FIN BOOTSTRAP REECRITURES
***/

/***
 N3 FIX
***/

.isolation-bootstrap-3 .tableau-donnees.tableau-responsive {
  display: inline-block;
  overflow-x: auto;
}

.isolation-bootstrap-3 .form-group.has-error .control-label {
  padding-top: 0px;
}

.isolation-bootstrap-3 .container-fluid .note-bas-page {
  background: url("https://pservices.desjardins.com/ressources/n3_3.3/interne/fwd-bootstrap/3.3/img/a00-filet-notes.gif") no-repeat scroll left top transparent;
  color: #3E3E3E;
  font-size: 0.846em;
  margin: 1em 0;
  padding-top: 1px;
}

.isolation-bootstrap-3 .container-fluid h3.section, .isolation-bootstrap-3 .container-fluid h4.section {
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 2px;
  margin-bottom: 10px;
}

.isolation-bootstrap-3 .btn.input-block-level {
  white-space: normal!important;
}

/***
 FIN N3 FIX
***/

/***
 Media Query
***/

/**
* Impression - print
*/

.print-only {
  display: none;
}

@media print {
  .margingChart {
    margin-left: 0px;
  }
  a[href]:after {
    content: none !important;
  }
  .isolation-bootstrap-3 .col-sm-12 {
    width: 100%;
  }
  .avoid-break {
    page-break-inside: avoid;
  }
  .page-break {
    display: block;
    page-break-before: always;
  }
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block;
  }
  .margin-top-print {
    margin-top: 5mm;
  }
  .notes-margin-bottom-print {
    margin-bottom: -5mm;
  }
}

/* Small devices (tablets, 768px and up) */

@media (min-width: 0px) {
  #zone-middle-right {
    padding: 0 10px 0 0;
  }
  .isolation-bootstrap-3 .panel-body {
    padding: 10px;
  }
  .isolation-bootstrap-3 .nav.nav-tabs.onglets-etapes+.tab-content, .isolation-bootstrap-3 .nav.nav-tabs+.tab-content.onglets-etapes, .isolation-bootstrap-3 .tab-content.onglets-etapes {
    padding: 6px 0px 0 0px;
  }
  .isolation-bootstrap-3 .form-horizontal .control-label {
    text-align: left;
  }
  .isolation-bootstrap-3 .form-group.has-error .control-label.unimportant-label, .isolation-bootstrap-3 form .form-group.has-error .control-label.unimportant-label {
    padding-top: 0px!important;
  }
  .isolation-bootstrap-3 .form-group.has-error .grouped input {
    margin-top: 0px!important;
  }
  .mtop40.grouped {
    margin-top: 10px;
  }
  #zone-middle-right-reserved .btn-clavarder {
    margin-top: 10px;
  }
  #zone-middle-right-reserved .btn-appelle {
    margin: 0 0 10px;
    padding: 10px 0 10px 10px;
  }
}

/* Small devices (desktops, 767px and up) */

@media (min-width: 767px) {
  .margingChart {
    margin-left: 75px;
  }
  #zone-middle-right-reserved .btn-clavarder {
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 0px;
  }
  .isolation-bootstrap-3 .panel-body {
    padding: 10px;
  }
  .mleft10desktop {
    margin-left: 10!important;
  }
  .mright10desktop {
    margin-right: 10!important;
  }
  #zone-middle-right-reserved .btn-appelle {
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 0px;
  }
  .isolation-bootstrap-3 .nav.nav-tabs.onglets-etapes+.tab-content, .isolation-bootstrap-3 .nav.nav-tabs+.tab-content.onglets-etapes, .isolation-bootstrap-3 .tab-content.onglets-etapes {
    padding: 6px 12px 0 12px;
  }
  #zone-middle-left, #zone-middle-right-reserved {
    margin-top: inherit;
  }
  #zone-middle-right-reserved .btn-clavarder {
    margin: 8px 0 0;
  }
  #reserved_1 .reset, #reserved_2 .reset {
    padding: 10px!important;
  }
  #zone-middle-right {
    padding-left: 10px;
    padding-right: 10px;
  }
  .isolation-bootstrap-3 .form-horizontal .control-label {
    text-align: right;
  }
  .isolation-bootstrap-3 .form-group.has-error .control-label.unimportant-label, .isolation-bootstrap-3 form .form-group.has-error .control-label.unimportant-label {
    padding-top: 20px!important;
  }
  .isolation-bootstrap-3 .form-group.has-error .grouped input {
    margin-top: 20px!important;
  }
  .mtop40.grouped {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .isolation-bootstrap-3 .container, .isolation-bootstrap-3 .container-fluid, .isolation-bootstrap-3 .col-xs-1, .isolation-bootstrap-3 .col-xs-2, .isolation-bootstrap-3 .col-xs-3, .isolation-bootstrap-3 .col-xs-4, .isolation-bootstrap-3 .col-xs-5, .isolation-bootstrap-3 .col-xs-6, .isolation-bootstrap-3 .col-xs-7, .isolation-bootstrap-3 .col-xs-8, .isolation-bootstrap-3 .col-xs-9, .isolation-bootstrap-3 .col-xs-10, .isolation-bootstrap-3 .col-xs-11, .isolation-bootstrap-3 .col-xs-12, .isolation-bootstrap-3 .col-xs-13, .isolation-bootstrap-3 .col-xs-14, .isolation-bootstrap-3 .col-xs-15, .isolation-bootstrap-3 .col-xs-16, .isolation-bootstrap-3 .col-xs-17, .isolation-bootstrap-3 .col-xs-18, .isolation-bootstrap-3 .col-xs-19, .isolation-bootstrap-3 .col-xs-20, .isolation-bootstrap-3 .col-xs-21, .isolation-bootstrap-3 .col-xs-22, .isolation-bootstrap-3 .col-xs-23, .isolation-bootstrap-3 .col-xs-24 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .isolation-bootstrap-3 .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .center-mobile {
    text-align: center !important;
  }
}

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
  /*
  .isolation-bootstrap-3 .form-horizontal .control-label {
    text-align: right;
  }
  */
  .isolation-bootstrap-3 .panel-body {
    padding: 15px;
  }
  #reserved_1 .reset, #reserved_2 .reset {
    padding: 0!important;
  }
  #zone-middle-right-reserved .btn-clavarder {
    padding: 0;
  }
  #zone-middle-right-reserved .btn-appelle {
    padding: 0;
    margin-bottom: 20px;
  }
}

/***
 FIN Media Query
***/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/ressources/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(/ressources/MaterialIcons-Regular.woff2) format('woff2'), url(/ressources/MaterialIcons-Regular.woff) format('woff'), url(/ressources/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  /*font-size: 24px;  */
  color: #00884e;
  font-size: 30px;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.boutonPosition {
  color: #F35044;
}

.signature-block {
  margin: 5mm 0 5mm 0;
}

.signature {
  margin-top: 6mm;
}

html, body {
  height: auto;
}

/**
 *  Fix pour les graph highcharts ...
 */

 .highchart-datalabel-fix-10-008C53{
  margin-top: -25px;
}

.highchart-datalabel-fix-10-383838{
  margin-top: -35px;
}

.highchart-datalabel-fix-20-008C53{
  margin-top: -20px;
}

.highchart-datalabel-fix-20-383838{
  margin-top: -55px;
  margin-right: -5px;
}

.highchart-datalabel-fix-0-383838{
  margin-top: -45px;
  padding-left: 25px;
  display: grid!important;
}

.highchart-datalabel-fix-100-008C53{
  margin-top: 15px;
}