#videos {position:relative; top:0; left:0;}

#videos p.medium_titre_3 {margin:0 auto; line-height:2.1rem; font-size:1.9rem; color:var(--ShipColor); text-transform: inherit; text-align: left;}
#videos .titre_box p:first-child {text-align: right; margin-right: 1rem;}

/* start videos */
#videos .grey_box {width:100%; padding:1rem .5rem; margin:0 auto 3rem 0 ; background-color:#f1f1f1; color:var(--ShipColor); border-radius:1rem;}
#videos .grey_box p:not(.medium_titre_3) {text-align: justify;}
#videos .grey_box p:first-child {font-size:1.5rem; line-height:1.6rem; text-align:center}

#videos .grey_box p {margin-bottom:.8rem;}
#videos .grey_box p span {font-weight:400;}

#videos .grey_box .flex_contener {display:flex; flex-direction: column; width:100%; margin-top:1rem; justify-content:flex-start; align-items:flex-start;}
#videos .grey_box .flex_contener .imgc {width:100%; height:11.78rem; margin-right:1.5rem; background-position:center top; background-repeat: no-repeat; background-size:contain;}
#videos .grey_box .flex_contener .imgc p {position:relative; top:8.5rem; font-size:.75rem; text-align:center; }
#videos .grey_box .flex_contener .textc {width:100%}
#videos .grey_box .flex_contener div:nth-child(2) div p {font-size:.9rem; line-height:1.25rem;}


#videos .grey_box .my_btn:hover {background-color: var(--ParisColor); transition: .6s cubic-bezier(.14,.7,.93,.5);}
#videos .grey_box .my_btn:focus {background-color:var(--ParisColor);}

#videos .grey_box #playlist .video001 p.titre {position:relative; top:0rem; width: 100%; line-height: 1.1rem; margin-bottom: 0.5rem; font-size:1rem; text-align: center;}
#videos .grey_box #playlist .video001 p.titre span {align-self:flex-end;}
#videos #playlist .video001 {margin-bottom:3rem;}
#videos #playlist .video001:last-child {margin-right:0;}
#videos .grey_box .flex_contener .video001 img {width:100%;}

/* end videos */