@media (max-width:769px) {
                    .tooltip1 {
                        position: relative;
                        display: inline-block;
                    }
                }

                @media (min-width:770px) {
                    .tooltip1 {
                        position: relative;
                        display: inline-block;
                        border-bottom: 1px dotted black;
                    }
                }

                .tooltip1 .tooltiptext {
                    visibility: hidden;
                    width: 200px;
                    background-color: #555;
                    color: #fff;
                    text-align: center;
                    border-radius: 6px;
                    padding: 5px 0;
                    position: absolute;
                    z-index: 1;
                    bottom: 125%;
                    left: 50%;
                    margin-left: -100px;
                    opacity: 0;
                    transition: opacity 0.3s;
                }

                .tooltip1 .tooltiptext::after {
                    content: "";
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    margin-left: -5px;
                    border-width: 5px;
                    border-style: solid;
                    border-color: #555 transparent transparent transparent;
                }

                .tooltip1:hover {
                    cursor: help;
                }

                .tooltip1:hover .tooltiptext {
                    visibility: visible;
                    opacity: 0.9;
                }

                .a-ecouter {
                    transition: all 0.1s ease-out;
                }

                .a-ecouter:hover {
                    background: #c31432;
                    border: #c31432 1px solid;
                    transform: scale(1.1)
                }