.carte-tabs { width: 100%; flex-direction: column; padding-bottom: 5rem;}
.tab-titles {justify-content: center; align-content: center; align-items:center; list-style: none; padding: 2rem; margin: 0;  row-gap: 0.5rem; bottom: 0; left: 0; width: 100%; }
.tab-titles a { text-decoration: none; display: block; cursor: pointer;  padding: 0 20px; padding: 1rem 2rem;border: 2px solid white;border-radius: 4rem; text-align: center; font-size: 1.5rem;}
.tab-titles a.active,.tab-titles li:hover a{font-weight: 700;color: var(--couleur-cta);border: 2px solid var(--couleur-cta);}


.carte-tabs .categorie h3 {font-size: 1.8rem;font-weight:700; margin-top:0px; line-height:10px;  margin-bottom: 10px; border-bottom: 1px solid var(--couleur-texte); padding-bottom: 20px;font-family: Lato;text-transform: uppercase;}
.prestation li {align-items: baseline; padding: 10px 0 0; break-inside: avoid-column; margin-bottom: 8px;}
.prestation li span.menu-prix {font-size: 1.6rem; font-weight:400; letter-spacing: 0px; padding-left: 5px;}
.prestation li strong {font-size: 1.6rem; letter-spacing:0; text-transform: uppercase; font-weight: 500; padding-right: 6px; width: 100%;}
.prestation li p {font-size: 1.4rem; width: 100%; margin: 5px 0;font-style: italic;}
.prestation li span.dots {flex: 1; height: 3px; display: inline-block; background-image: radial-gradient(circle closest-side, #000000 80%, rgba(0, 0, 0, 0) 1%); background-position: bottom;  background-size: 6px 3px; background-repeat: repeat-x; min-width: 1px;}

.tab-content {display: none;padding: 20px;}
.tab-content.active {display: block;}
.carte-tabs .categorie { margin: 20px 0 50px;}
.prestation { list-style: none; padding: 0; margin:0; }

.duree{margin-right: 5px;color: var(--couleur-cta);font-size: 1.5rem;font-style: italic;}

@media (min-width: 768px) {
    .carte-tabs {padding-bottom: 2rem;}
    .tab-titles {order: 0; margin: 0 0 40px; position: static; padding: 0; }
    .tab-titles a { line-height: 22px; margin: 1rem; font-size: 1.6rem;}
    .carte-tabs .tab-content {column-count: 2; gap: 50px;}
    .carte-tabs .tab-content.une-colonne{column-count: 1; }
    .prestation li {padding: 6px 0 0;}
    .prestation li strong {font-size: 1.6rem; padding-bottom: 0; }
    .prestation li span.menu-prix {font-size: 1.4rem;}
    .carte-tabs .categorie { margin: 0 0 35px;}
    .carte-tabs .categorie h3 {font-size: 2rem; padding-bottom: 15px;}
    .tab-titles a.active { font-weight: 500;}
	.carte-tabs .une-colonne .categorie {max-width: 600px; margin-left: auto; margin-right: auto; }
    .bloc-tarifs-accueil {max-width: 90rem; margin-left: auto; margin-right: auto;}
}

@media (min-width: 1200px) {
    .prestation li strong {width: max-content; max-width: 70%;}
	.tab-titles { flex-wrap: nowrap; }
}