/* simulateurs */
#simul {
  padding-top: 20px;
  padding-bottom: 30px; }
  #simul #header-simulateurs-parrainage {
    line-height: 1.35;
  }
  #simul #header-simulateurs-parrainage .wp-block-columns,
  #simul #header-simulateurs .wp-block-columns {
    gap: 0 !important;
    margin-bottom: 1rem !important; }
    #simul #header-simulateurs .wp-block-columns .wp-block-column {
      position: relative;
      padding-top: 25px;
      margin-left: 0; }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner,
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner,
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner,
      #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner,
      #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner {
        min-height: 320px;
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: contain; }
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner p,
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner p,
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner p,
        #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner p,
        #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner p {
          margin-left: 38%;
          font-size: 2.25rem;
          font-family: "gotham-bold", "Arial", "Helvitica", "sans-serif"; }
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner p:first-child,
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner p:first-child {
          margin-left: 10%;
        }
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner p {
          margin-left: 50%;
        }
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner p:nth-of-type(1),
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner p:nth-of-type(2) {
          margin-left: 20%;
        }
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner p:nth-of-type(1) {
          padding-top: 1rem;
        }
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner p strong,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner p strong,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner p strong,
          #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner p strong,
          #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner p strong {
            font-size: 4rem; }
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner .nouveau,
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner .nouveau,
        #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner .nouveau,
        #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner .nouveau {
          background-color: #fff;
          float: right;
          padding: 0 10px;
          margin-top: 6%;
          margin-right: 5%;
          transform: rotate(-4deg); }
          #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner .nouveau strong,
          #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner .nouveau strong {
            font-size: 2.2rem; }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur,
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-energie,
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper #open-parrainage,
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur,
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-energie {
        min-height: auto;
        margin-bottom: 0 !important; }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur,
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur {
        background-color: #d9434a !important;
      }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper #open-parrainage {
        background-color: #544c4e !important;
      }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-energie,
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-energie {
        background-color: #2baf86 !important;
      }
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur > div,
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-energie > div,
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper #open-parrainage > div,
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur > div,
        #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-energie > div {
          padding-top: 0; }
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur > div p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-energie > div p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper #open-parrainage > div p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur > div p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-energie > div p {
            font-size: 2rem;
            text-align: right;
            padding-top: 1rem;
            padding-bottom: 1rem;
            width: 100%;
            font-family: "gotham-bold", "Arial", "Helvitica", "sans-serif"; }
            #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur > div p a,
            #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-energie > div p a,
            #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper #open-parrainage > div p a,
            #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur > div p a,
            #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-energie > div p a {
              background-color: #fff;
              padding: 3px 12px;
              margin-top: 0;
              text-align: center; }
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur > div:nth-of-type(1) p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-energie > div:nth-of-type(1) p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper #open-parrainage > div:nth-of-type(1) p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur > div:nth-of-type(1) p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-energie > div:nth-of-type(1) p {
            padding-left: 15px;
            padding-right: 0; }
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur > div:nth-of-type(2) p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-energie > div:nth-of-type(2) p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper #open-parrainage > div:nth-of-type(2) p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur > div:nth-of-type(2) p,
          #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-energie > div:nth-of-type(2) p {
            padding-left: 0;
            padding-right: 0;
            height: 100%;
            vertical-align: middle;
            display: flex;
            align-items: center;
            justify-content: center; }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner,
      #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner {
        background-image: url(../images/fond-simulateur-credit.png); }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner {
        background-size: 65%;
        background-position: bottom left -25%; }
      #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner .nouveau {
        margin-left: 50%;
        color: #d9434a; }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur > div:nth-of-type(2) p a {
        color: #d9434a !important; }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner,
      #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner {
        background-image: url(../images/fond-simulateur-energie.png); }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner {
        background-size: 55%;
        position: bottom left; }
      #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner .nouveau {
        margin-left: 60%;
        color: #2baf86; }
      }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #energie-wrapper #open-energie > div:nth-of-type(2) p a {
        color: #2baf86 !important; }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner {
        background-image: url(../images/femme-parrainage.png); }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper .wrapper-inner {
        background-size: 60%;
        background-position: bottom -50px left; }
      }
      #simul #header-simulateurs-parrainage .wp-block-columns .wp-block-column #parrainage-wrapper #open-parrainage > div:nth-of-type(2) p a {
        color: #d9434a !important; }
      #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-passez,
      #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez {
        position: absolute;
        top: 0;
        padding-top: 25px;
        width: 100%;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        margin-left: 0; }
        #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-passez > div,
        #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez > div {
          min-height: 320px; }
          #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-passez > div p,
          #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez > div p {
            font-size: 3.6rem;
            line-height: 1.15;
            font-family: "gotham-bold", "Arial", "Helvitica", "sans-serif"; }
            #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-passez > div p.nota-bene,
            #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez > div p.nota-bene {
              font-size: 1rem;
              position: absolute;
              bottom: 0.5rem;
              left: 1rem; }
      #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-passez {
        background-image: url(../images/fond-simulateur-passez.jpg); }
      #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez {
        background-image: url(../images/fond-energie-passez.jpg); }
        #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez > div p:first-child {
          padding-top: 35%; }
  #simul .if-energie,
  #simul .if-credit {
    display: none;
    opacity: 0;
    height: 0; }
    #simul .if-energie.open-simulateur, 
    #simul .if-energie.open-energie,
    #simul .if-energie.if-credit.open-parrainage,
    #simul .if-credit.open-simulateur,
    #simul .if-credit.open-energie {
      font-size: 2rem;
      padding-top: 15px;
      padding-left: 0;
      font-family: "gotham-bold", "Arial", "Helvitica", "sans-serif"; }
      #simul .if-energie.open-simulateur a, 
      #simul .if-energie.open-energie a,
      #simul .if-energie.if-credit.open-parrainage a,
      #simul .if-credit.open-simulateur a,
      #simul .if-credit.open-energie a {
        padding: 5px 10px;
        color: #fff !important; }
    #simul .if-energie.open-simulateur,
    #simul .if-credit.open-simulateur {
      color: #d9434a; }
      #simul .if-energie.open-simulateur a,
      #simul .if-credit.open-simulateur a {
        background-color: #d9434a; }
    #simul .if-energie.open-energie,
    #simul .if-credit.open-energie {
      color: #2baf86; }
      #simul .if-energie.open-energie a,
      #simul .if-credit.open-energie a {
        background-color: #2baf86; }
    #simul .if-energie.if-credit.open-parrainage a {
      background-color: #c3a24d; }
    #simul .if-energie.if-credit.open-parrainage {
      color: #c3a24d; }
    #simul .if-energie.active,
    #simul .if-credit.active {
      display: block;
      opacity: 1;
      height: auto; }
  #simul #form-simulateur,
  #simul #couts-energie {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height 0.5s, opacity 0.5s;
    -moz-transition: height 0.5s, opacity 0.5s;
    transition: height 0.5s, opacity 0.5s; }
    #simul #form-simulateur.active,
    #simul #couts-energie.active {
      height: auto;
      opacity: 1;
      -webkit-transition: height 1s, opacity 1s;
      -moz-transition: height 1s, opacity 1s;
      transition: height 1s, opacity 1s; }

#form-simulateur,
#couts-energie {
  background-color: #f0e7d6 !important;
  overflow: hidden;
  -webkit-transition: height 0.5s, opacity 0.5s;
  -moz-transition: height 0.5s, opacity 0.5s;
  transition: height 0.5s, opacity 0.5s; }
  #form-simulateur p.titre-form-simulateur,
  #form-simulateur p.titre-couts-energie,
  #couts-energie p.titre-form-simulateur,
  #couts-energie p.titre-couts-energie {
    font-family: "gotham-bold", "Arial", "Helvitica", "sans-serif";
    font-size: 3rem;
    margin-bottom: 10px; }
  #form-simulateur p.titre-form-simulateur,
  #couts-energie p.titre-form-simulateur {
    color: #d9434a; }
  #form-simulateur p.titre-couts-energie,
  #couts-energie p.titre-couts-energie {
    color: #2baf86; }

@media screen and (max-width: 500px) {
  #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner,
  #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner {
    min-height: 180px; }
    #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner p,
    #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner p {
      font-size: 1.5rem; }
      #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner p strong,
      #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner p strong {
        font-size: 2.5rem; }
    #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper .wrapper-inner:last-child p,
    #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper .wrapper-inner:last-child p {
      font-size: 2.6rem; }
  #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur > div p,
  #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper #open-energie > div p,
  #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur > div p,
  #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper #open-energie > div p {
    font-size: 1.5rem; }
  #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper #open-simulateur > div:nth-of-type(1) p,
  #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-wrapper #open-energie > div:nth-of-type(1) p,
  #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper #open-simulateur > div:nth-of-type(1) p,
  #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-wrapper #open-energie > div:nth-of-type(1) p {
    padding-left: 0px; }
  #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-passez > div,
  #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez > div {
    min-height: 180px; }
    #simul #header-simulateurs .wp-block-columns .wp-block-column #credit-passez > div p,
    #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez > div p {
      font-size: 2.6rem; }
  #simul #header-simulateurs .wp-block-columns .wp-block-column #energie-passez > div p:first-child {
    padding-top: 25%; }
  #simul #header-simulateurs .wp-block-columns > .wp-block-column:nth-of-type(2) {
    margin-top: -2px; }
  #form-simulateur p.titre-form-simulateur,
  #form-simulateur p.titre-couts-energie,
  #couts-energie p.titre-form-simulateur,
  #couts-energie p.titre-couts-energie {
    font-size: 2.25rem; } }

@media screen and (min-width: 501px) and (max-width: 768px) {
  #simul #header-simulateur .wp-block-columns .wp-block-column {
    min-height: 280px; }
    #simul #header-simulateur .wp-block-columns .wp-block-column:last-child {
      background-position: center;
      background-size: cover; }
  #simul #header-simulateur #open-simulateur {
    text-align: center; } }