main.page,
    main.body {
      /*height: 180vh; //99vh */
      min-height: 100%;
      padding-top: 0px !important;
    }

    div {
      display: block;
    }

    hr.line {
      border: 0.1rem solid #005A7D;
    }

    section.page {
      background-image: url('images/la_jolla_sp_login_background.png');
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #3A3F50;
    }

    section.page main.body:before {
      display: block;
      background-color: #3A3F50;
      opacity: 0.75;
    }

    .gigya-container-layout {
      /* text-align: center; */
      align-self: center;
      width: 490px;
      /* position: absolute; */
      background-color: #F9FAFB;
      /* #C4C4C4 = trop fonce  eee*/
      height: 668px;
      margin: 0 auto;
      clip-path: polygon(40px 0, 490px 0, 490px 628px, 450px 668px, 0 668px, 0 40px);
    }

    .list-inline {
      padding-left: 0;
      list-style: none;
      margin-left: -0.5rem;
    }

    .footer-basic ul {
      list-style: none;
      display: inline;
    }

    .footer-link ul {
      padding: 0;
      list-style: none;
      text-align: left;
      font-size: 1.4rem;
      line-height: 1.6;
      margin-bottom: 0;
    }

    .footer-basic {
      background-color: #F9FAFB;
      color: #005A7D;
      padding: 2.5rem;
    }

    .social-footer-left {
      float: left;
    }

    .footer-basic li {
      padding-right: 3rem;
      display: inline;
    }

    .footer-link li {
      padding: 0 1rem;
      padding-right: 9rem;
      font-weight: bold;
    }

    .social-footer-icons {
      float: right;
    }

    .fa {
      font-size: 2rem;
    }
    

    .fa, .fas, .fa-solid, .far, .fa-regular, .fal, .fa-light, .fat, .fa-thin, .fad, .fa-duotone, .fab, .fa-brands {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
    }    
    .social-footer-icons {
        float: right;
    }

    .gigya-image{
      margin: 0% !important;
    }
    
    #connexion_btn_gigya {
      background-color: #337B97;
      width: 50%;
      display: grid;
      font-size: 1.5rem;
      border-radius: 0.5rem;
    }

    #pursue_button_gigya {
      background-color: #337B97;
      width: 50%;
      display: grid;
      font-size: 15px;
      border-radius: 5px;
    }