.temoignages:not(.owl-loaded){display: flex;}
.temoignages .temoin{color: #FFF;padding: 2rem}
.temoignages:not(.Alone)>.temoin{ display: inline-block;max-width: 33%; min-width:33%; }
.temoignages>.temoin:nth-child(1n),.owl-stage>*:nth-child(1n){background-color: var(--color1)}
.temoignages>.temoin:nth-child(2n),.owl-stage>*:nth-child(2n){background-color: var(--color2)}
.temoignages>.temoin:nth-child(3n),.owl-stage>*:nth-child(3n){background-color: var(--color3)}

.temoignages .temoin .logoWrap{filter: grayscale(100%) invert(1) brightness(1.5); mix-blend-mode: screen;display: inline-flex; position: relative; justify-content: center; align-items: center; width: 38%; padding-top: 25%}
  .temoignages .temoin .logo{position:absolute; top: 50%; left:50%; transform:translate(-50%, -50%); mix-blend-mode: multiply; height: 100%;width: 85%; max-height:150px}
  .temoignages .temoin img{filter:grayscale(100%) invert(0);
    height: 100%;width: 100%; object-fit: contain;
  }

.temoignages .temoin .intitule{display: inline-block; width: 62%; vertical-align: top}
.temoignages .temoin .content p{text-align: justify; font-size: 2em;}
.temoignages:not(.Alone) .temoin .content p.hideText{
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.temoignages .temoin .date p{text-align: right; font-size: 1.2em; margin-top: 2em}
.temoignages .temoin .intitule *{font-weight: bold; text-align: left;color:#FFF}
.temoignages .temoin .intitule h3{margin-bottom: 0.7em;}
.temoignages .temoin .entete{margin-bottom: 2rem;}
.temoignages .owl-stage{display: flex;}

.temoignages .owl-dots span::before{content:"•"; font-size: 3rem; color: var(--color3); opacity: 0.55; }
.temoignages .owl-dots button.active span::before{opacity: 1}

.temoignages .content{position: relative;}
.temoignages .content::after, .temoignages .content::before{display: block; position: absolute; font-size: 6em; opacity: 0.3; z-index: 2; color: #FFF}
.temoignages .content::after{content:"“";left: -0.3em; top:-0.3em}
.temoignages .content::before{content:"”"; right: -0.3em; bottom: -0.5em}

.seeMore{text-align: right;font-weight: bold; font-size: 1.5em;margin-top: 1em;}


.temoignages.Alone{margin-bottom: 40px;}
.temoignages.Alone .temoin .logoWrap{padding-top: 10%}
.temoignages.Alone .content{padding-right: 35px; padding-left: 35px}
.temoignages.Alone .content::after, .temoignages.Alone .content::before{font-size: 155px;}
.temoignages.Alone .content::after{left: -0.1em; top:-0.15em}
.temoignages.Alone .content::before{right: -0.1em; bottom: -0.5em}