.field-multiple-table{
  border-left: 1px solid #bfbfba;
  border-right: 1px solid #bfbfba;
}
.field-multiple-drag + td{
  padding-right: 10px!important;
}


.echo-table{
  margin: auto;
}
.echo-table .is-invalid{
  color: red;
}
.tdvl_module_slider--bottom{
  padding: 2rem;
  margin: auto;
  display: table;
}
.tdvl_module_slider--head{
  padding: 1rem 0;
}
.tdvl_module_slider--container{
  background-color: #e0e0d8;
  overflow: hidden;
  position: relative;
}
.tdvl_module_slider--container .overlay{
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  background-color: rgba(224,224,216, 0.8);
  top: 0;
  left: 0;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
  -webkit-box-align:center;-ms-flex-align:center;align-items:center;
}
.tdvl_module_slider--container .picto{
  width: 100px;
  position: absolute;
  top: 2rem;
  left: 2rem;
}
.tdvl_module_slider--container:after{
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50% - 147px);
  bottom: 0;
  z-index: 3;
  pointer-events: none;
  background-color: rgba(255,255,255, 0.6);
}
.tdvl_module_slider--container:before{
  content:"";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% - 147px);
  bottom: 0;
  z-index: 3;
  pointer-events: none;
  background-color: rgba(255,255,255, 0.6);
}
.tdvl_module_slider--wrapper{
  position: relative;
  padding: 4rem;
}
.tdvl_module_slider--wrapper:after{
  content:"";
  display: block;
  position: absolute;
  bottom: 0;
  left: calc(50% - 147px);
  width: 294px;
  height: 4rem;
  z-index: 3;
  pointer-events: none;
  background-color: rgba(255,255,255, 0.6);
}
.tdvl_module_slider--wrapper:before{
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 147px);
  width: 294px;
  height: 4rem;
  z-index: 3;
  pointer-events: none;
  background-color: rgba(255,255,255, 0.6);
}
.tdvl_module_slider--image{
  width: 294px;
  height: 590px;
  position: relative;
  margin: auto;
  user-select: none;
  /*overflow: hidden;*/
}
.tdvl_module_slider--image:after{
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
  background-image: url("../images/demi-cercle-negatif.svg");
}
.tdvl_module_slider--image .mask{
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 200%;
  width: 200%;
  border-radius: 100%;
  z-index: 2;
  /*overflow: hidden;*/
}

.tdvl_module_slider--image img{
  height: 100%;
  width: auto;
  object-fit: cover;
  max-width: none;
  /*object-position: left top;*/
  position: absolute;
  top: 0;
  touch-action: none;
}
.tdvl_image-cadre{
  position: absolute;
  z-index: 2;
  outline: 2px solid #0074bd;
  pointer-events: none;
}
.tdvl_image-cadre:after{
  content:"";
  display: block;
  width: 10px;
  height: 10px;
  background-color: white;
  border: 2px solid #0074bd;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
    pointer-events: none;
}
.tdvl_image-cadre:before{
  content:"";
  display: block;
  width: 10px;
  height: 10px;
  background-color: white;
  border: 2px solid #0074bd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
    pointer-events: none;
}
.tdvl_image-cadre div:after{
  content:"";
  display: block;
  width: 10px;
  height: 10px;
  background-color: white;
  border: 2px solid #0074bd;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.tdvl_image-cadre div:before{
  content:"";
  display: block;
  width: 10px;
  height: 10px;
  background-color: white;
  border: 2px solid #0074bd;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(50%, 50%);
  pointer-events: none;
}