.bloc-50 {
     display: grid;
     grid-template-columns: repeat(2, 3fr);
     position: relative;
     padding-bottom: 40px;
     grid-gap: 50px;
     min-height: 500px;
}
.bloc-50-border {
     border-bottom: 1px solid #ccc;
}

.bloc-50 > div {
     text-align: left;
     display: flex;
     flex-direction: column;
     align-content: center;
     justify-content: center;
     height: 100%;
     transition: all .5s cubic-bezier(.19,1,.22,1);
}
.bloc-50-portrait {
     text-align: center;
     transition: all .5s cubic-bezier(.19,1,.22,1);
  
}
.bloc-50-portrait img {
     width: 80%;
     height: auto;
     border-radius: 40px;
     transition: all .5s cubic-bezier(.19,1,.22,1);
}
.bloc-50-left{
     text-align: left;

}
.bloc-50-right{

     text-align: right;

}
.bloc-50-scotch {
     position: absolute;
     text-align: center;
     width: 50%;
     transform: translateY(-25px);
     z-index: 99;
}
.bloc-50-scotch-right {
     position: absolute;
     text-align: center;
     width: 50%;
     transform: translateY(-25px);
     z-index: 99;
     right: 0;
}
.bloc-white{
  

}
.bloc-black{
     background-color: #1E1E31;

}
.bloc-black h3 {
     color: #ffffff;
     padding-bottom: 0px;
     max-width: 500px;
}
.bloc-black p {
     color: #ffffff;
     padding-bottom: 10px;
}
.bloc-black-date p {
     color: #EEDCC3;
}

.bloc-brown{
     background-color: #533128;
}

.bloc-brown h3 {
     color: #ffffff;
     padding-bottom: 0px;
     max-width: 500px;
}
.bloc-brown p {
     color: #ffffff;
     padding-bottom: 10px;
}