.card-img-top {
    width: fit-content;
    min-width: fit-content;
    max-height: 100%;
}
.pr-4 {
    padding-right: 0rem!important;
}

 
#diplome{
  color:#EE6F35
}
@media (min-width: 1530px  ) {
  .container   {
width: 88%;
    max-width: 54%;
}
}
 
 @media (min-width: 1090px  ) and  (max-width: 1090px  ) {
  .container   {
width: 71%;
    max-width: 100%;
}
 }
@media (min-width: 1228px  ) and  (max-width: 1529px  ) {
  .container   {
width: 70%;
    max-width: 100%;
}
@media  (max-width: 992px  ) {
  .container   {
width: 98% !important;
    max-width: 54% ;
}
}
}
@import url("https://fonts.googleapis.com/css2?family=Vollkorn&display=swap");

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.l-card__userImage {
    width: auto !important;
}
     

.row img {
  height: inherit;
  width: 90% !important;
}
 
.l-card {
    width: auto !important;
    min-width: 360px !important;
    max-width: 360pc !important;
    height: auto !important;
    background: #ffffffe3 !important;
    color: #272727 !important;
    padding: 50px!important;
    border-radius: 21px!important;
    box-shadow: 0px 2px 5px rgba(100, 100, 100, 0.4)!important;
}

.l-card__text p {
	font-size: 30px;
	font-family: "Vollkorn", serif;
	font-weight: 400;
	color: #3f3f55;
	text-align: left;
}

.l-card__text p::after {
	content: "\201D";
	display: inline;
	color: #999;
}

.l-card__text p::before {
	content: "\201C";
	display: inline;
	color: #999;
}

.l-card__user {
	display: flex;
	flex-direction: row;
	padding-top: 24px;
	margin-top: 12px;
	/* border-top: 1px solid #c1c1c1; */
	align-items: center;
}
.l-card__userImage {
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 50%;
}

.l-card__userImage img {
	width: 100%;
	height: 100%;
	object-filt: cover;
}

.l-card__userInfo {
	display: flex;
	flex-direction: column;
	margin-left: 16px;
}

.l-card__userInfo span:nth-child(1) {
	font-weight: bold;
	font-family: sans-serif;
	font-size: 14px;
	color: #3f3f55;
}
.l-card__userInfo span:nth-child(2) {
	color: #adada6;
	font-family: sans-serif;
	font-size: 12px;
	margin-top: 2px;
}

.l-card {
    width: auto;
    min-width: 360px;
    max-width: fit-content;
    height: auto;
    background: #f5f5f5;
    color: #272727;
    padding: 50px;
    border-radius: 21px;
    box-shadow: 0px 7px 8px rgba(100, 100, 100, 0.4);
}
.l-card__text p {
    text-align: left;
    font-family: Gravity-Regular;
    font-size: 16px;
    color: #3E3E3E;
    padding-top: 20px;
}
.l-card__text{
  
    padding-left: 7%;
}
#section-description-video{
  display: flex;
}
#video, iframe{
  width: 117% !important;
}

#member-nom {
  border-bottom-color: white !important;
}
#equip-reg {
  background: #1568b1c2;
  padding: 5px 11px;

  border-radius: 7px;
  color: white;
}
.l-card__text p {
  padding: 0 !important
}
#competence {
  background: #ee6f35ba;
  padding: 2px 11px !important;

  text-align: center;
  border-radius: 7px;
  color: white;
  width: max-content;
}
.equipe-member.active {
  border: 1px solid #EE6F35
}
.l-card__text p::after,
.l-card__text p::before {
  content: none !important;
}
table {
  border-color: #ffffff !important;
}
@media (min-width: 1530px)
{
.container {
width: max-content;
max-width: fit-content;
}

}
.l-card {
opacity: 0.5;
padding:21px!important
}
.equipe-member.active {
box-shadow: 2px 6px 23px rgba(100, 100, 100, 7.4)!important;
border:none;
opacity: 1;
}

.card-img-top {
padding-right: 10px;

min-width: auto !important;
}
@media (min-width: 1228px) and (max-width: 1529px)
{
.container {
width: max-content !important;
}
}
@media screen and (min-width: 615px) and (max-width: 1200px)
{
.section-services .col-md-6, .formation-box .col-md-3, .small-col> .row {
margin-top: 3em !important;
width: 100% !important;
}
}
.table>:not(caption)>*>* {
padding: 3px;
}

#test:hover{
opacity: 1 !important;
cursor : pointer;

}
.l-card.equipe-member.active:hover    
{
box-shadow: 2px 6px 23px rgba(100, 100, 100, 7.4)!important;
border:none
}
.section-gallery {
padding: 0;
}
 
.col-sm-5.col-md-6.active
{ order: -1; }  

.col-md-6 { 
  padding-bottom: 26px !important;
}
.row{
  margin-left: 40px;
}

p#competence {
  width: auto;
  text-align: left;
}