/* ### Custom Bouygues ### */
.bouyguesColor{
  color:#109db9;
}
.slick-dots {
  bottom:-12px;
}
.slick-dots li.slick-active button {
  background-color: #109db9;
}
.ftlHTML .pillBtn--bouygues{      
  border-color: #FFF;
  background-color: #FFF;
  color:#109db9;
}
.ftlHTML .pillBtn--bouygues:hover,
.ftlHTML .pillBtn--bouygues:focus,
.ftlHTML .pillBtn--bouygues:active{
  border-color: rgba(256,256,256,0.8);
  background-color: rgba(256,256,256,0.8);
  color:#109db9;
}

/* ### HEADER ### */
.sectionHeader {
  display: flex;
  justify-content: flex-start;
  padding: 0;
  margin: 1em auto 2em auto;
}
  .sectionHeader:before {
    display: block;
    content:"";
    flex-basis:50%;
    border-radius: var(--radius);
    align-items: stretch;
    background-image: url(../images/deco/bg-header.jpg) ;
    background-size:100%;
    background-repeat:no-repeat;
    background-position: center;
  }
  .sectionHeader-main{
    flex-basis:50%;
    padding-left:4%;
  }
    .sectionHeader-title {
      color: var(--dark);
      font-family: var(--font-title);
      font-size: 2.1em;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.2;
      margin:0 auto;
    }
    .sectionHeader-title-sm{
      display:block;
      font-size: 0.85em;
    }
    .sectionHeader-subtitle {
      font-size:0.9em !important;
      margin:0.75em auto 0 auto !important;
    }

/* ### MAIN ### */
.blkWithDeco.bouygues{
  border: 2px solid #109db9;
  padding:1.2em;
  position:relative;
}
  .blkWithDeco.bouygues .blkWithDeco-main{
    min-height:200px;
    display: flex;
    align-items: center;
  }
.blkForfait{
  flex-grow:1;
  background-color:#FFF;
}
  .blkForfait-title{
      line-height:1.1;
      font-weight:normal;
      margin:0;
  }
      .blkForfait-title strong{
          display:inline-block;
          font-family: Party, 'Arial Narrow', 'Trebuchet MS', sans-serif;   
          font-weight:700;
          font-size:2em;
      }        
      .blkForfait-title em{
          font-family: Party, 'Arial Narrow', 'Trebuchet MS', sans-serif;   
          font-weight:700;
          font-size:16px;
          font-style: normal;   
          margin-left:0.5em; 
      }
  .blkForfait-buyBox{
      display:flex;
      justify-content: space-between;
      align-items:flex-end;
      margin:0.75em 0 0 0 ;
  }
      .blkForfait-pricer{
          flex-grow: 1;
          font-family: Party, 'Arial Narrow', 'Trebuchet MS', sans-serif;   
          font-weight:700;
          line-height:1.1;
          margin:0
      }
          .blkForfait-pricer em{
              display:block;   
              font-size:16px;
              font-style: normal;     
          }
          .blkForfait-pricer strong{
              display:block;   
              font-size:1.5em;
              font-weight:normal;
          }
              .blkForfait-pricer span{
                  font-size:1.333333em;
              }
      .blkForfait-cta{
          margin:0;
      }
          .blkForfait-cta .pillBtn{
              display:block;
          }
  .blkForfait-promo{
      color:#E21212;
      font-size:0.85em;
      font-weight:700;
      line-height:1.1;
      margin:1em 0 0 0;
  }
      .blkForfait-promo-link{
          text-decoration: underline;
      }
      .blkForfait-promo-link:hover{
          text-decoration: none;
      }
      .blkForfait-voir{
          font-size: 0.65em !important;
          color: #777;
          text-align: right;
          margin: 0;
          position: absolute;
          bottom: 1em;
          right: 2em;
      }
      /* ## block magasin ##*/
      .checklist{
        font-size:0.85em;
      }      

/* *** RESPONSIVE *** */

@media (max-width: 767px) {
  .sectionHeader {
    display: block;
  }
    .sectionHeader:before {
      width:100%;
      height:0;
      padding-top:62%;
      margin-bottom:1em;
    }
    .sectionHeader-main{
      padding-left:0;
      text-align: center;
    }

    /**/
    .sectionTitle,
    .sectionSubtitle{
      text-align: center;
    }
    /**/
    .blkWithDeco.bouygues .blkWithDeco-main{
      min-height:unset;
    }
}
@media (max-width: 480px){  
	.sectionHeader-title{
		font-size:1.5em;
	}
}