/* global */

#zone-centrale #popover-recherche-mob{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
  .container-fluid{
    width: 100%;
    max-width: 940px;
    margin: 30px auto;
    padding: 0;
  }
  #zone-centrale .wealth-management-section a:link,
  #zone-centrale .wealth-management-section a:visited{
    text-decoration: none;
    color: #3e3e3e;
  }
  #zone-centrale a:hover{
    text-decoration: none;
  }
  .wealth-management-section .text-center{
    text-align: center;
  }
  .sr-only{
      border: 0 none;
      clip: rect(0px, 0px, 0px, 0px);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
  }
  #zone-centrale .wealth-management-section a.bouton-action.principal{
    color: #FFF;
    font-size: 1rem; /* anciennement 1.3em */
  }
  #zone-centrale .wealth-management-section h2{
    margin: 2em 0 1em;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 400;
  }
  #zone-centrale .wealth-management-section h3{
     margin: .5em 0; 
    font-size: 18px;
    font-size: 1.125rem;
    color: #3e3e3e;
  }
  #zone-centrale .wealth-management-section p,
  #zone-centrale .wealth-management-section li{
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    padding-bottom: 16px;
  }
  #zone-centrale .wealth-management-section ul{
    padding: 0;
  }
  #zone-centrale .wealth-management-section ul > li{
    background: none;
    position: relative;
    padding-left: 15px;
  }
  #zone-centrale .wealth-management-section ul li:before{
    color: #007944;
    content: "• ";
    display: inline-block;
    font-size: 1.6rem;
    width: 15px;
    position: absolute;
    left: 0;
  }
  #zone-centrale .wealth-management-section .list-unstyled{
    list-style-type: none;
  }
  #zone-centrale .wealth-management-section .list-unstyled > li{
    background: none;
    padding: 0;
    margin-bottom: 20px;
  }
  #zone-centrale .wealth-management-section .list-unstyled > li:before{
    display: none;
  }
  #zone-centrale .wealth-management-section li a:hover{
    text-decoration: underline;
  }
  #zone-centrale .wealth-management-section .link-more,
  #zone-centrale .wealth-management-section .link-more:link,
  #zone-centrale .wealth-management-section .link-more:visited{
    background: url(/ressources/images/ic-link-circle-green.svg) no-repeat left center / 25px 25px;
    color: #007944;
    text-decoration: none;
    padding: 10px 0 10px 30px;
    display: block;
    font-size: 1.1rem;
  }
  #zone-centrale .wealth-management-section .link-more:hover{
    text-decoration: underline;
  }
  #zone-centrale .wealth-management-section .link-bullet{
    background: url(/ressources/images/ic-link-circle-green.svg) no-repeat center 96% / 25px 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-flow: column nowrap;
    height: 100%;
    min-height: 100%;
    padding: 10px 15px 30px;
  }
  #zone-centrale .wealth-management-section .link-bullet:hover{
    text-decoration: none;
  }
  #zone-centrale .wealth-management-section .link-bullet:hover p{
    text-decoration: underline;
  }
  .wealth-management-section .icone-video{
    background: url(/ressources/images/ic-video-player.svg) no-repeat right bottom / contain;
    display: block;
    width: 40px;
    height: 29px;
  }
  a.btn-chevron {
      background: url(/ressources/images/ic-link-simple-green.svg) no-repeat center right;
      padding: 10px 15px 10px 0;
      display: block;
      text-align: left;
  }
  #zone-centrale a.link-text:link,
  #zone-centrale a.link-text{
    text-decoration: underline;
    color: #007944 !important;
  }
  dd, dt{
    margin: 0;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
  dl div{
    border-top: 1px solid #acacac;
  }
  dl div:last-child{
    border-bottom: 1px solid #acacac;
  }
  dt{
    font-weight: 700;
  }
  /* bloc banner intro */
  .start{
    position: relative;
    margin: 0 0 30px;
    width: 100%;
    overflow: hidden; } .start img{
    float: right;
    display: block;
    height: auto;
    min-width: 800px;
    min-width: 50rem;
    max-width: 940px;
    max-width: 59rem;
  }
  #zone-centrale .wealth-management-section .start h2{
    line-height: 1.15;
    margin: 0 0 10px;
  }
  .start-content{
    position: absolute;
    padding: 15px;
    top: 30px;
    left: 30px;
    width: 25rem;
    min-width: 300px;
    background: rgba(255,255,255,.85);
  }
  .start-content ul li{
    margin: 5px 0 5px 5px;
  }
  #zone-centrale .wealth-management-section .tel,
  #zone-centrale .wealth-management-section .tel:link,
  #zone-centrale .wealth-management-section .tel:visited{
    color: #007944;
    font-size: 1.375rem;
    line-height: 1.6rem;
  }
  .separator {
    border-top: 1px solid #DDD;
    padding-top: 15px;
    margin: 25px 0 0;
  }
  /* bloc definition */
  .block-def{
    margin: 10px;
  }
  .block-def p{
    margin: 0 0 5px;
  }
  /* bloc gris 3 tuiles */
  .block-grey ul{
    background: #f1f1f1;
    padding: 10px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #zone-centrale .wealth-management-section .block-grey li{
    width: 33.3%;
    display: block;
    padding: 0;
    text-align: center;
    margin: 1em 0;
    border-right: 1px solid #acacac;
  }
  #zone-centrale .wealth-management-section .block-grey ul li:last-child{
    border: 0;
  }
  /* bloc with border */
  .blocks-border{
      display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin: 10px 0;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
  }
  .blocks-border .block-border{
      background: #FFF;
    border: 1px solid #acacac;
    padding: 0;
    margin: 10px 3% 10px 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30.33333%;
            flex: 1 1 30.33333%;
  }
  .blocks-border .block-border:nth-child(3n+3),
  .blocks-border .block-border:last-child{
    margin-right: 0;
  }
  .border{
     border: 1px solid #acacac;
  }
  .wealth-management-section .blocks-border.text-left h3,
  #zone-centrale .wealth-management-section .blocks-border.text-left ul{
    padding: 0 15px;
  }
  /* bloc img left / content right */
  .bloc-link-right{
    background: #FFF url(/ressources/images/b23-gp-plan-financier.jpg) no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    min-height: 220px;
    clear: both;
    border: 1px solid #acacac;
    margin: 20px auto;
  }
  @media (min-width: 540px){
    .bloc-link-right .bloc-content{
      min-height: 220px;
    }
  }

 /* bloc img left / content right / image garage */
  .bloc-link-right-garage{
    background: #FFF url(/ressources/images/b23-gp-940x300-garage.jpg) no-repeat;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    min-height: 220px;
    clear: both;
    border: 1px solid #acacac;
    margin: 20px auto;
  }
  @media (min-width: 540px){
    .bloc-link-right-garage .bloc-content{
      min-height: 220px;
    }
  }


  .img-left{
    width: 45%;
    background: #FFF;
    padding: 15px;
  }
  #zone-centrale .wealth-management-section .img-left .link-bullet {
    padding: 0 0 30px;
  }
  /* bloc liste simple */
  .list-block-flex{
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -ms-justify-content: justify;
    justify-content: space-between;
  }
  .list-block-flex li{
    width: 30%;
    text-align: center;
  }
  .list-block-flex h3{ color: green;}
  .block-container-bg-img{
    background: url(/ressources/images/b23-gp-besoins.jpg) no-repeat;
    background-size: 100% auto;
    padding-top: 20.1%;
    margin: 2em 0;
  }
  .testimony .block-container-bg-img { /* Page de témoignage */
      background: none;
      padding-top: 0;
      margin: 0 0 2em;
  }
  #zone-centrale .wealth-management-section .block-container-bg-img .link-bullet{
    padding: 0 0 10px;
  }
  #zone-centrale .wealth-management-section .block-container-bg-img .list-unstyled .link-bullet:hover p{
    text-decoration: none;
  }
  #zone-centrale .wealth-management-section .block-container-bg-img .list-unstyled .link-bullet:hover p span{
    text-decoration: underline;
  }
  /* bloc bannière et 5 vignettes centrées / et bloc vignettes left img-full */
  .block-container-bg-img ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #zone-centrale .wealth-management-section .block-container-bg-img li{
    width: 28%;
    margin: 15px 2%;
    display: block;
    background: #f1f1f1;
    text-align: center;
  }
  #zone-centrale .wealth-management-section .block-container-bg-img .block-container-homepage li{
    width: 21%;
  }
  #zone-centrale .wealth-management-section .block-container-bg-img .block-container-two li{
    width: 45%;
  }
  
      #zone-centrale .mailto-section a:link{
      color: #007944;
  }
  
    #zone-centrale .mailto-section a:hover{
    text-decoration: underline;
  }
  
  .block-container-bg-img li img{
    width: 100%;
    display: block;
    height:auto;
  }
  .block-container-bg-img li p{
    padding: 10px;
  }
  .block-container-bg-img li p strong{
    display: block;
    padding: 0 0 10px;
  }
  .bg-img-full{
    background: url(/ressources/images/b23-gp-trouver-conseiller.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    padding: 40px 0;
  }
  #zone-centrale .wealth-management-section .bg-img-full ul{
    -ms-flex-pack: left;
    justify-content: left;
    padding: 0 2%;
  }
  #zone-centrale .wealth-management-section .bg-img-full ul > li{
    background: rgba(255,255,255,.85);
    text-align: left;
    margin: 20px 2%;
    width: 29.33%;
    padding: 0;
    border: 1px solid #acacac;
  }
  #zone-centrale .wealth-management-section .bg-img-full h3{
    text-transform: uppercase;
    font-weight: 400;
  }
  #zone-centrale .wealth-management-section .bg-img-full h3:after{
    content:"";
    display: block;
    height: 2px;
    width: 50px;
    margin-top: 8px;
    background: #acacac;
  }
  #zone-centrale .wealth-management-section .bg-img-full p{
    padding: 0;
  }
  #zone-centrale .wealth-management-section .bg-img-full .link-bullet{
    padding: 10px 10px 25px;
  }
  /* bloc liste faux tiroir */
  #zone-centrale .wealth-management-section .list-tiroir > li{
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    padding: 0;
    margin: -1px 0;
    width: 100%;
  }
  /* bloc vidos vedette & liste videos/articles */
  .video-section{
    background: #f1f1f1;
  }
  .video-section article{
    border-top: 1px solid #acacac;
    padding: 20px 15px 15px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .video-section article:first-child{
    border: 0;
  }
  /*.video-section article:first-child div{
    max-width: 553px;
  }*/
  .video-section article figure{
    margin: 0 15px 0 0;
  }
  @media (min-width: 540px){
      .video-section article figure{
          flex: 1 0 auto; /* Fix pour vieux iOS */
      }
  }
  /*.video-section article figure + div{
    max-width: 733px;
  }*/
  .video-section article figure a{
    position: relative;
  }
  .video-section article img{
    width: auto !important;
    height: auto !important;
    border: 1px solid #acacac;
  }
  .video-section article figure .icone-video{
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
  #zone-centrale .video-section article h3{
    margin-top: 0;
  }
  #zone-centrale .video-section article h3,
  #zone-centrale .video-section article h3 a:link,
  #zone-centrale .video-section article h3 a:visited{
    color: #007944;
  }
  #zone-centrale .video-section article h3 a:hover{
    text-decoration: underline;
  }
  .video-section article h3 span{
    color: #777;
    font-weight: 400;
    font-size: 1rem;
  }
  /* bloc list phone */
  #zone-centrale .list-phone{
    margin: 20px 0;
  }
  #zone-centrale .list-phone > li{
    background: none;
    margin: 10px 0 5px;
    float: left;
    width: 50%;
  }
  #zone-centrale .list-phone a:link{
    display: block;
    color: #007944;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 25px;
    line-height: 1.6rem;
  }
  /* Medias queries */
  @media (max-width: 767px){
    .video-section .video-first img{
      max-width: 250px;
    }
  }
  
  @media (max-width: 539px){
    #zone-centrale .block-def dt p{
      margin-bottom: 0;
    }
    #zone-centrale .block-def dd p:first-child{
      margin-top: 0;
    }
    #zone-centrale .wealth-management-section .block-grey ul, 
    #zone-centrale .wealth-management-section .blocks-border,
    .video-section article{
      flex-direction: column;
    }
    #zone-centrale .wealth-management-section .block-grey li{
      width: auto; 
      border-right: 0;
      margin: 0;
      border-bottom: 1px solid #acacac;
    }
   #zone-centrale .wealth-management-section .blocks-border .block-border{ margin: 10px 0;}
    .bloc-link-right{ 
      background-position: fixed;
      background-size: 100% auto; 
      display: block;
    }
    .img-left{width: 100%; margin-top: 35%;}
    .start img{
      min-width: 100%;
      width: 100%;
      height: auto;
      float: none;
    }
    .start-content{ 
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      min-width: 100%;
      background: #FFF;
    }
    .list-block-flex{
      display: block;
    }
    #zone-centrale .wealth-management-section .list-block-flex li,
    #zone-centrale .list-phone li{
      width: 100%;
    }
    #zone-centrale .wealth-management-section .block-container-bg-img li, 
    #zone-centrale .wealth-management-section .block-container-bg-img .block-container-homepage li,
    #zone-centrale .wealth-management-section .block-container-bg-img .block-container-two li,
    #zone-centrale .wealth-management-section .bg-img-full ul li{
      width: 94%;
    }
    .block-container-bg-img li img,
    .bg-img-full li p{
      display: none;
    } .bg-img-full{
      padding: 20px 0;
    }
    #zone-centrale .wealth-management-section .bg-img-full ul li {
      margin: 10px;
    }
    #zone-centrale .wealth-management-section .bg-img-full h3{
      margin: 0;
    }
    .bg-img-full .link-bullet{
      background-position: 98% center;
    }
    .video-section .video-first img{
      width: 100% !important;
      height: 100% !important;
    }
    .video-section article figure{
      margin: 0;
    }
    #zone-centrale .list-phone > li{
      float: none;
      width: 100%;
    }
    #zone-centrale .video-section article h3{
      margin-top: .5em;
    }
  }
  
  
  
  /* Liste des metaux */
  .list-metal{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
    -webkit-box-pack: center;  
        -ms-flex-pack: center;  
            justify-content: center;
  }
  
  @media (max-width: 575px){
    .list-metal{
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
    }
  }
  
  @media (min-width: 576px){
    .list-metal{
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
    }
  }
  
  .list-metal > [class*="metal-"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: 1px solid #999;
    box-sizing: border-box;
    padding: 0 .75rem !important;
      color: #3E3E3E;
      fill: #3E3E3E
  }
  
  @media (max-width: 575px){
    .list-metal > [class*="metal-"]{
      width: 50%;
    }
    
    .list-metal > [class*="metal-"]:nth-child(odd){
      border-left: 1px solid #999;
    }
  }
  
  @media (min-width: 576px){
    .list-metal > [class*="metal-"]{
      width: 8.75rem;
    }
    
    .list-metal > [class*="metal-"]:first-child{
      border-left: 1px solid #999;
    }
  }
  
  .metal-svg{
    margin-bottom: .25rem;
      width: 3.125rem;
      height: 1.5rem;
  }
  
  .metal-text{
      width: 100%;
    margin-top: auto;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .8125rem;
    line-height: 1.1;
  }
  
  
  /*code ajouter le 30 avril 2018 pour la page régler succession*/
  
  #zone-centrale .tiroir .entete-tiroir .titre{
    font-size: 1rem;
  }
  
  #zone-centrale .wealth-management-section .tiroirs ul.options li{
    padding-left:0;
  }
  
  #zone-centrale .wealth-management-section .tiroirs ul.options li:before{
    display:none;
  }


  /* 02-Oct-2018 Modifs pour la page Service signature*/

.tiroir .contenu-tiroir .texte .row .col-sm-3 img{
    margin-top:16px;
    }

    #signature-service-section{
        background: url(/ressources/images/b23-gp-936x388_SS_Produitepargne_bateau.jpg) no-repeat;
        background-size: 100% auto;
        padding-top: 20.1%;
        margin: 2em 0;
      }



/***** Hero banner component (start) ADDED January 15, 2019 *****/
  /**** D.com: 1rem = 16px ****/

	/**** Hero banner container ****/
	.hero{
	 /** Default values **/
	 --hero-body-bg-color: #b5a69f;
	 --hero-body-min-height: 23.4375rem;
    --hero-content-bg-color: rgba(255, 255, 255, .85);
	 --hero-content-mobile-margin-top: 15rem;
	 --hero-img-desktop-position: 50% 50%;
	 --hero-img-mobile-height: 480px;
    --hero-img-mobile-position: 80% 0;

	 /** Basic rules **/
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -webkit-flex-direction: column;
	         flex-direction: column;
    margin-bottom: 3rem;
	}

	/**** Hero banner body (inner) container. Extra div for IE bug fix. ****/
	.hero-body{
	 -webkit-box-align: center;
	 -webkit-align-items: center;
	         align-items: center; /* Default alignment */
	 background-color: #b5a69f; /* var() fallback */
	 background-color: var(--hero-body-bg-color);
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-box-pack: start;
	 -webkit-justify-content: flex-start;
	         justify-content: flex-start; /* Default alignment */
	 position: relative;
	}

	@media (min-width: 768px){
	 .hero-body{
	  min-height: 23.4375rem; /* var() fallback */
	  min-height: var(--hero-body-min-height);
	 }
	}

	/**** Hero banner alignement utilities class (component default alignment : hero-align-left-middle) ****/
	/**** Model = .hero-align-X_axis-Y_axis :
	.hero-align-left-top
	.hero-align-left-middle
	.hero-align-left-bottom
	.hero-align-center-top
	.hero-align-center-middle
	.hero-align-center-bottom
	.hero-align-right-top
	.hero-align-right-middle
	.hero-align-right-bottom
	****/

	.hero-align-left-top > .hero-body,
	.hero-align-left-middle > .hero-body,
	.hero-align-left-bottom > .hero-body{
	 -webkit-box-pack: start;
	 -webkit-justify-content: flex-start;
	         justify-content: flex-start;
	}

	.hero-align-center-top > .hero-body,
	.hero-align-center-middle > .hero-body,
	.hero-align-center-bottom > .hero-body{
	 -webkit-box-pack: center;
	 -webkit-justify-content: center;
	         justify-content: center;
	}

	.hero-align-right-top > .hero-body,
	.hero-align-right-middle > .hero-body,
	.hero-align-right-bottom > .hero-body{
	 -webkit-box-pack: end;
	 -webkit-justify-content: flex-end;
	         justify-content: flex-end;
	}

	.hero-align-left-top > .hero-body,
	.hero-align-center-top > .hero-body,
	.hero-align-right-top > .hero-body{
	 -webkit-box-align: start;
	 -webkit-align-items: flex-start;
	             -ms-grid-row-align: flex-start;
	         align-items: flex-start;
	}

	.hero-align-left-middle > .hero-body,
	.hero-align-center-middle > .hero-body,
	.hero-align-right-middle > .hero-body{
	 -webkit-box-align: center;
	 -webkit-align-items: center;
	             -ms-grid-row-align: center;
	         align-items: center;
	}

	.hero-align-left-bottom > .hero-body,
	.hero-align-center-bottom > .hero-body,
	.hero-align-right-bottom > .hero-body{
	 -webkit-box-align: end;
	 -webkit-align-items: flex-end;
	             -ms-grid-row-align: flex-end;
	         align-items: flex-end;
	}

	/**** Hero banner content container ****/
	.hero-content{
	 background-color: rgba(255, 255, 255, .85); /* var() fallback */
	 background-color: var(--hero-content-bg-color);
	 position: relative;
	}

	#zone-centrale .hero-content > :first-child{
	 margin-top: 0;
	}

	@media (max-width: 375.98px){
	 .hero-content{
	  margin: 0.625rem;
	  padding: 1rem;
	 }
	}
	@media (min-width: 376px){
	 .hero-content{
	  margin: 1.25rem;
	  padding: 1.25rem;
	 }
	}

	@media (max-width: 767.98px){
	 .hero-content{
	  margin-top: 15rem; /* var() fallback */
	  margin-top: var(--hero-content-mobile-margin-top);
	 }
	}

	@media (min-width: 768px){ .hero-content{ max-width: 21.25rem; } }
	@media (min-width: 992px){ .hero-content{ max-width: 23.75rem; } }
	@media (min-width: 1200px){ .hero-content{ max-width: 26.25rem; } }

	/**** Hero banner image container ****/
	.hero-image{
	 bottom: 0;
	 left: 0;
	 overflow: hidden;
	 position: absolute;
	 right: 0;
	 top: 0;
	}

	.hero-image > img{
	 height: auto; /* (1) Fallback value for browser that doesn't support "object-fit" */
	 width: 100%;
	}

	@supports (object-fit: cover){
	 .hero-image > img{
	  object-fit: cover;
	 }

	 @media (max-width: 767.98px){
	  .hero-image:after{
     background: linear-gradient(to bottom, transparent, #b5a69f 90%); /* var() fallback */
	   background: linear-gradient(to bottom, transparent, var(--hero-body-bg-color) 90%);
	   content: "";
	   display: block;
	   height: 5rem;
	   position: absolute;
	   top: calc(480px - 5rem); /* Image height (px) minus gradient height (rem) */ /* var() fallback */
	   top: calc(var(--hero-img-mobile-height) - 5rem); /* Image height (px) minus gradient height (rem) */
	   width: 100%;
	  }

	  .hero-image > img{
	   height: 480px;  /* (1) Override fallback */ /* var() fallback */
	   height: var(--hero-img-mobile-height);  /* (1) Override fallback */
	   object-position: 80% 0; /* Default focus */  /* var() fallback */
	   object-position: var(--hero-img-mobile-position); /* Default focus */
	  }

	  /*** Mobile image focus position (hero image default focus: hero-image-focus-right) ***/
	  .hero-image-focus-left > img{
	   object-position: 20% top;
	  }
	  .hero-image-focus-center > img{
	   object-position: center top;
	  }
	  .hero-image-focus-right > img{
	   object-position: 80% top;
	  }
	 }

	 @media (min-width: 768px){
	  .hero-image > img{
	   height: 100%;  /* (1) Override fallback */
	   object-position: 50% 50%; /* var() fallback */
	   object-position: var(--hero-img-desktop-position);
	  }
	 }
	}
/***** Hero banner component (end) *****/


/***** Liste avec icone top-centre *****/

#zone-centrale .wealth-management-section .cd-layout-horizontal[class*=ic-]:not([class*=-ic])
{
margin-top: 5rem !important;
}

#zone-centrale .wealth-management-section .cd-layout-horizontal li:before
{
content: '';
}
#zone-centrale .wealth-management-section .cd-layout-horizontal li:first-child:before
{
border: 0;
}
@media (max-width: 768px){
	#zone-centrale .wealth-management-section .cd-layout-horizontal:not(.cd-icone) > *:before,
    #zone-centrale .wealth-management-section .cd-layout-horizontal li:first-child:before {
        content: '';
        width: auto;
        position: absolute;
        right: 20px;
        bottom: 0;
        left: 20px;
        z-index: 1;
        border-bottom: 1px solid #cbcccc;
    }
    #zone-centrale .wealth-management-section .cd-layout-horizontal li:last-child:before
    {
	border: 0;
	}
}

.sr-only {
	border: 0;
	clip: rect(0,0,0,0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px
}
.flip-tiles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
	margin-bottom: 3rem;
	margin-top: 1rem
}
@media (min-width:768px) {
.flip-tiles {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}
.flip-tiles .flip-tile:not(:first-child) {
padding-left:.5rem
}
.flip-tiles .flip-tile:not(:last-child) {
padding-right:.5rem
}
}
.flip-tiles .flip-tile {
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
@media (max-width:767.98px) {
.flip-tiles .flip-tile {
	margin-bottom: 1rem
}
}
.flip-tiles .flip-tile.flip .backside {
	-webkit-transform: rotateX(0);
	transform: rotateX(0)
}
.flip-tile.flip .frontside {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg)
}
.flip-tile .backside, .flip-tile .frontside, .flip-tiles .flip-tile {
	width: 100%
}
.flip-tile .flip-container {
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.flip-tile .backside, .flip-tile .frontside {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box;
	left: 0;
	line-height: 1.5;
	padding: 36px 18px;
	position: absolute;
	top: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: .6s cubic-bezier(.68, 1.24, .82, 1.07);
	transition: .6s cubic-bezier(.68, 1.24, .82, 1.07)
}
.flip-tile .frontside {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #d9ede4;
	border: 1px solid #ddd;
	color: #000;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	z-index: 2
}
.flip-tile .backside {
	background-color: #00884e;
	border: 1px solid #00884e;
	color: #fff;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg)
}
.flip-tile .question {
	margin-bottom: auto;
	text-align: center;
	width: 100%
}
.flip-tile .controls {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	min-height: 50px;
	margin-top: 1rem
}
.flip-tile .btn-flip {
	cursor: pointer;
	-webkit-transition: -webkit-transform 150ms ease;
	transition: -webkit-transform 150ms ease;
	transition: transform 150ms ease;
	transition: transform 150ms ease, -webkit-transform 150ms ease
}
.flip-tile .btn-flip:active {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}
.flip-tile .btn-answer {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 3px rgba(0,0,0,.1);
	display: inline-block;
	font-size: 1rem;
margin:0 .5rem;
	min-width: 5.625rem;
	padding: 18px 15px;
	text-align: center
}
.flip-tile .answer-title {
	font-weight: 700;
	margin-bottom: 2rem;
	text-transform: uppercase
}
.flip-tile .btn-return {
	background-color: transparent;
	background-image: url(/ressources/images/ic-fermer-inverse.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	border: none;
	height: 2.75rem;
	position: absolute;
	right: 0;
	top: 0;
	width: 2.75rem
}