@media (min-width: 768px){
.cd-bloc-info.cd-vitrine.bloc-info-transparent > div{
  background-color: rgba(0, 0, 0, 0);

}
/*a mettre dans composantes.css*/
html:not([style='font-size: 150%;']):not([style='font-size: 200%;']) .cd-layout-horizontal:not(.cd-icone) > *:last-child:before {
  border-left: none;
  border-left: transparent;
}
}
@media (max-width: 768px){
.cd-bloc-info.cd-vitrine.bloc-info-transparent {
  background-position-x: 69%;

}
}
.cd-panel.centre.pannel-vir-interac *:not(a):not(span):not(image){
  margin-top: .8rem;
  margin-bottom: .8rem;
  line-height: 1.5;
}

.cd-panel.centre.pannel-vir-interac {
  border-bottom: 1px solid #acacac;
  padding-bottom: 3rem;
  margin-bottom: 3rem !important;
}

.ic-cadeau:before{
  background-image: url('/ressources/images/b05-ic-cadeaux.svg');
}
.ic-chalet:before {
  background-image: url('/ressources/images/b05-ic-maison.svg');
}
.ic-spectacle:before {
  background-image: url('/ressources/images/b05-ic-spectacle.svg');
}

.zone-interactive button, 
.zone-interactive input {
    position: absolute;
}
button#btnMobVirer{

top: 455px;
left: 10px;
width: 50px;
height: 45px;
}
div.en button#btnMobVirer{
left: 4px;
}

button#btnMobVirementInetract{

top: 200px;
left: 1px;
width: 278px;
height: 46px;
}
div.en button#btnMobVirementInetract{

top: 183px;
left: 1px;
width: 278px;
height: 46px;
}
button#btnMobChoixDestinataire{

top: 63px;
left: 1px;
width: 279px;
height: 68px;
}
button#btnMobChoixCompte{

top: 153px;
left: 1px;
width: 278px;
height: 45px;
}
button#btnMobChoixDuCompte{

top: 132px;
left: 1px;
width: 280px;
height: 83px;
}
button#btnMobValider{
top: 441px;
left: 148px;
width: 126px;
height: 45px;
}
button#btnMobCheck{
  top: 297px;
  left: 242px;
  width: 45px;
  height: 45px;
}
button#btnMobConfirmer{

top: 390px;
left: 149px;
width: 125px;
height: 45px;

}

button#btnMobMontant{

top: 142px;
left: 171px;
width: 73px;
height: 45px;
}
div.en button#btnMobMontant{
left: 182px;
}
button#btnMobAjoutDestinataire{
top: 142px;
left: 150px;
width: 124px;
height: 45px;
}
div.en button#btnMobAjoutDestinataire{
  top: 145px;
}
button#btnMobNomDestinataire{
top: 85px;
left: 32px;
width: 174px;
height: 45px;
}
button#btnMobmodeVirement{
  top: 222px;
  left: 225px;
  width: 45px;
  height: 46px;
}
button#btnMobQuestionRepSecurite{

top: 334px;
left: 158px;
width: 115px;
height: 45px;
}
div.en button#btnMobQuestionRepSecurite{
top: 338px;
left: 142px;
width: 134px;
}
button#btnMobConfirmerAjoutDest{

top: 441px;
left: 149px;
width: 127px;
height: 45px;
}

/* ##################################################################### */
/* ############################# Responsive ############################ */
/* ##################################################################### */

@media (max-width: 767px) {
  /* button top - 350px */
  button#btnMobVirer{
    top: 192px;
  }
  button#btnMobValider{
    top: 184px;
    left: 147px;
    width: 8rem;
    height: 2.5rem;
  }
  button#btnMobCheck{
    top: 37px;
    left: 243px;
    width: 45px;
    height: 45px;
  }
  button#btnMobConfirmer{
    top: 131px;
    left: 148px;
    width: 126px;
    height: 45px;
  }
  button#btnMobQuestionRepSecurite{
    top: 77px;
    left: 158px;
    width: 115px;
    height: 45px;
  }
  div.en button#btnMobQuestionRepSecurite{
    top: 78px;
    left: 143px;
    width: 134px;
    height: 45px;
  }
  button#btnMobConfirmerAjoutDest{
    top: 182px;
  }
  ul.cd-onglets-horizontaux.tut-video-desktop{
    display: none!important;   
  }
}

/*  DESKTOP */

/*  .cadre.web button{border: 1px yellow solid} */


.cadre.web button#btnVirer{
  
  top: 200px;
  left: 387px;
  width: 108px;
  height: 45px;
}
div.en .cadre.web button#btnVirer{
  
  top: 212px;
  left: 392px;
  width: 110px;
  height: 45px;
}
.cadre.web button#btnVirementInetract{
  
  top: 273px;
  left: 352px;
  width: 109px;
  height: 45px;
}
.cadre.web button#btnAjoutDestinataire{
  
  top: 151px;
  left: 16px;
  width: 109px;
  height: 45px;
}
div.en .cadre.web button#btnAjoutDestinataire{
  
  top: 143px;
  left: 5px;
  width: 92px;
  height: 45px;
}
.cadre.web button#btnAjoutDestNom{
  
  top: 203px;
  left: 143px;
  width: 174px;
  height: 45px;
}
div.en .cadre.web button#btnAjoutDestNom{
  top: 202px;
  left: 163px;
  width: 148px;
  height: 45px;
}
.cadre.web button#btnAjoutDestMode{
  
  top: 139px;
  left: 146px;
  width: 111px;
  height: 109px;
}
div.en .cadre.web button#btnAjoutDestMode{
  left: 159px;
}
.cadre.web button#btnAjoutDestQuestion{
  
  top: 248px;
  left: 184px;
  width: 174px;
  height: 45px;
}
div.en .cadre.web button#btnAjoutDestQuestion{
  top: 246px;
  left: 196px;
  width: 142px;
}
.cadre.web button#btnAjoutDestConfirmer{
  
  top: 314px;
  width: 47px;
  left: 234px;
  height: 45px;
}
div.en .cadre.web button#btnAjoutDestConfirmer{
  
  top: 309px;
  width: 45px;
  left: 234px;
  height: 45px;
}
.cadre.web button#btnMontant{
  
  top: 81px;
  left: 146px;
  width: 75px;
  height: 45px;
}
div.en .cadre.web button#btnMontant{
  top: 78px;
  width: 61px;;
}
.cadre.web button#btnValider{
  
top: 307px;
  left: 237px;
  width: 45px;
  height: 45px;
}
div.en .cadre.web button#btnValider{
  
  top: 294px;
  left: 234px;
  width: 45px;
  height: 45px;
}
.cadre.web button#btnChoixDuCompte{
  
  top: 257px;
  left: 17px;
  width: 437px;
  height: 45px;
}

.cadre.web button#btnCheck{
  
  top: 265px;
  left: 0px;
  width: 45px;
  height: 45px;
}
div.en .cadre.web button#btnCheck{
  top: 260px;
  left: 0px;
  width: 45px;
  height: 45px;
}
.cadre.web button#btnConfirmer{
  top: 295px;
  left: 269px;
  width: 3rem;
  height: 3rem; 
}
div.en .cadre.web button#btnConfirmer{
  top: 298px;
  left: 266px;
  width: 46px;
  height: 45px;
}
#transcript-video-0.tiroir-allege.tut{padding-bottom: 1rem;}



.cd-bloc-info,
.cd-vitrine {
background-color: #F8B9BE;

}

.cd-bloc-info:after,
.cd-vitrine:after {
content: '';
position: absolute;
top: 600px;
left: 0;
z-index: 2;
width: 100%;
height: 28px;
height: calc(100% - 600px);
background: linear-gradient(to bottom, transparent 0, #F8B9BE 28px, #F8B9BE 100%);
background: linear-gradient(to bottom, transparent 0, currentColor 28px, currentColor 100%);
color: #F8B9BE;
}