.temoignage {
    padding: 2.5em 1em;
}
.temoignage-info-auteur {
    text-align: right;
    font-style: italic;
}

@media screen and (min-width: 480px) {
   .temoignage-mandala{
    background:
        url(../../../../squelettes/img/mandala-blanc.svg) no-repeat -10% 5%, 
        url(../../../../squelettes/img/mandala-blanc.svg) no-repeat -10% 5%, 
        url(../../../../squelettes/img/mandala-blanc.svg) no-repeat -10% 5%, 
        url(../../../../squelettes/img/mandala-blanc.svg) no-repeat -10% 5%,  
        url(../../../../squelettes/img/mandala-blanc.svg) no-repeat -10% 5%;
        background-size: 80%;
    } 
}

@media screen and (min-width: 768px) {
   .temoignage {
        padding: 2.5em 5em;
        background-size: 65%;
    } 
}

@media screen and (min-width: 1000px) {
    .temoignage {
            padding: 2.5em 10em;
            background-size: 40%;
    }
}
.temoignage-caption {
	 max-width: 80%;
    /* margin: 0 auto; */
    /* background-size: 82%; */
    color: rgb(127, 27, 50);
    /* background-repeat: no-repeat; */
    /* background-position: 0; */
    /* padding: 20px 0px 0px 80px; */
}

.temoignage-button {
    display: inline-block;
    background-color: rgb(127, 27, 50);
    border: none;
    border-radius: 5px;
    padding: 5px 8px;
    color: #fff;
    float: right;
    margin-top: 1em;
    margin-bottom: 2em;
}
.temoignage-button:hover,  {
    color:rgba(235,223,209,.85);
}

/*Liste de témoignages*/
.temoignages-liste .pagination {
    display: block;

}

.temoignages-liste .bg-clair {
    background-color: transparent;
}

@media screen and (min-width: 480px) {
  .temoignages-liste {
    background:
        url(../../../../squelettes/img/mandala-blanc.svg) no-repeat 0% 5%, 
        url(../../../../squelettes/img/mandala-blanc.svg) no-repeat 0% 5%, 
        url(../../../../squelettes/img/mandala-blanc.svg) no-repeat 0% 5%;
        background-size: 80%;
    } 
}

@media screen and (min-width: 768px) {
   .temoignages-liste {
        background-size: 45%;
    }
       .temoignages-liste .temoignage-mandala {
        background-size: 24%;
        background-position: 88% 80%;
    } 
}

@media screen and (min-width: 1100px) {
    .temoignages-liste {
            background-size: 40%;
    }
       .temoignages-liste .temoignage-mandala {
        background-size: 20%;
        /*background-position: 50% 80%;*/
    } 
}