/* Styles que materialize à qu'on réplique afin de faire fonctionner le footer */
footer.page-footer {
    padding-top: 20px;
    background-color: #FF8500;
}

footer.page-footer .footer-copyright {
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(51, 51, 51, 0.08);
}

footer .row {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

footer .row:after {
    content: "";
    display: table;
    clear: both;
}

footer .row .col {
    float: left;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
}

footer .row .col.l4 {
    width: 33.33333%;
    margin-left: auto;
    left: auto;
    right: auto;
}

/* on veut pas utiliser les sizes en rem du footer car notre size de root est différent */
body footer.page-footer .footerLiens a,
footer .footerDescriptionText {
    font-size: 15px;
}

body footer.page-footer .footerLogo .footerLogoTitle {
    font-size: 36px;
    line-height: 36px;
    min-height: 36px;
}

/* début _footer.scss */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

footer.page-footer {
  background-color: #212121;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  -ms-flex-negative: 0;
      flex-shrink: 0; }
  footer.page-footer .container {
    width: 90%; }
  footer.page-footer .footerLiens a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #FFFFFF;
    font-size: 1.0rem;
    font-weight: 500; }
    footer.page-footer .footerLiens a.wordBreak {
      word-break: break-all; }
    footer.page-footer .footerLiens a .footerLienIcon {
      min-width: 35px;
      height: 2.25rem;
      background-color: #424242;
      border-radius: 100%;
      line-height: 2.25rem;
      text-align: center;
      vertical-align: middle;
      display: inline-block;
      margin-right: 20px; }
      footer.page-footer .footerLiens a .footerLienIcon i.material-icons {
        line-height: inherit;
        font-size: 1.6875rem; }
    footer.page-footer .footerLiens a:not(:last-child) {
      margin-bottom: 10px; }
  footer.page-footer .footerDescription {
    text-align: center; }
    footer.page-footer .footerDescription .footerDescriptionTitle {
      color: #FFFFFF;
      display: block;
      font-weight: 500;
      font-size: 1.125rem;
      min-height: 2rem;
      line-height: 1.5rem;
      padding-top: 0.328125rem;
      padding-bottom: 0.328125rem;
      box-sizing: inherit;
    }
    footer.page-footer .footerDescription .footerDescriptionText {
      color: #bdbdbd; }
  footer.page-footer .footerLogo {
    text-align: right; }
    footer.page-footer .footerLogo .footerLogoTitle {
      color: #ff8f00;
      display: block;
      font-size: 2.25rem;
      font-family: Arial, Roboto, Helvetica,sans-serif;
      line-height: 2.25rem;
      min-height: 2.25rem;
    }
    footer.page-footer .footerLogo .footerLogoText {
      color: #bdbdbd;
      text-decoration: none;
      display: inline-block; }

/*Media Query pour mode mobile*/
@media only screen and (max-width: 600px) {
  footer.page-footer .container .footerLiens {
    display: table !important;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    float: none; }
  footer.page-footer .container .footerLogo {
    text-align: center; }
  footer.page-footer .container .footerLiens, footer.page-footer .container .footerDescription {
    margin-bottom: 30px; } }

/* fin _footer.scss */

/* styles nécessaires pour les interceptions */
#MasterWrapper > tbody > tr:nth-child(1){height: 100%;}
#aspnetForm{height:100%;}
table.spacer_b{margin:0 auto}


/* Ajouts des liens ouvrant des modals dans le footer Omnivox - TODO : Enlever quand intraflex_menu.master va avoir intégré materialize
   NOTE : Je n'ai pas mis les styles mobiles car on n'a pas de version mobile encore du menu intraflex.
*/
.footerModalTriggers {
    width: 100%;
    text-align: center;
}

.footerModalTriggers a,
.footerModalTriggers a:hover {
    color: #bdbdbd;
}

.footerModalTriggers a:not(:last-child) {
    margin-right: 15px;
}

.footer-link-modal h4,
.footer-link-modal h5 {
    margin-bottom: 20px;
    font-weight: 400;
}

.footer-link-modal h4 {
    font-size: 32px;
}

.footer-link-modal h5 {
    font-size: 20px;
}

.footer-link-modal p {
    margin: 0 0 20px 0;
}

.footer-link-modal .browser-default {
    margin-bottom: 20px;
}