Copy code <div class="toolbar">
<button type="button" disabled class="btn btn--secondary btn--icon">
<span class="btn__content">
<span class="u-sr-accessible">Première page</span>
<div class="svg-icon svg-icon-arrow-button-left-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="arrow-button-left-1" clip-path="url(#clip0_3_3250)">
<path id="Vector" d="M11.689 23.25L0.969998 12.53C0.900334 12.4604 0.845068 12.3778 0.80736 12.2869C0.769653 12.1959 0.750244 12.0984 0.750244 12C0.750244 11.9016 0.769653 11.8041 0.80736 11.7131C0.845068 11.6222 0.900334 11.5396 0.969998 11.47L11.689 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M22.939 23.25L12.22 12.53C12.1503 12.4604 12.0951 12.3778 12.0574 12.2869C12.0197 12.1959 12.0002 12.0984 12.0002 12C12.0002 11.9016 12.0197 11.8041 12.0574 11.7131C12.0951 11.6222 12.1503 11.5396 12.22 11.47L22.939 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
<button type="button" disabled class="btn btn--secondary btn--icon">
<span class="btn__content">
<span class="u-sr-accessible">Page précédente</span>
<div class="svg-icon svg-icon-arrow-left-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-left-1"><path id="Vector" d="M16.2501 23.25L5.53006 12.53C5.46039 12.4604 5.40513 12.3778 5.36742 12.2869C5.32971 12.1959 5.3103 12.0984 5.3103 12C5.3103 11.9016 5.32971 11.8041 5.36742 11.7131C5.40513 11.6222 5.46039 11.5396 5.53006 11.47L16.2501 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
</div>
</span>
</button>
<button type="button" class="btn btn--secondary btn--active">
<span class="btn__content">
<span class="btn__label">1</span>
</span>
</button>
<button type="button" class="btn btn--secondary">
<span class="btn__content">
<span class="btn__label">2</span>
</span>
</button>
<button type="button" class="btn btn--secondary">
<span class="btn__content">
<span class="btn__label">3</span>
</span>
</button>
<button type="button" class="btn btn--secondary">
<span class="btn__content">
<span class="btn__label">4</span>
</span>
</button>
<button type="button" class="btn btn--secondary">
<span class="btn__content">
<span class="btn__label">5</span>
</span>
</button>
<button type="button" class="btn btn--secondary btn--icon">
<span class="btn__content">
<span class="u-sr-accessible">Page suivante</span>
<div class="svg-icon svg-icon-arrow-right-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-right-1"><path id="Vector" d="M5.5 0.75L16.22 11.47C16.2897 11.5396 16.3449 11.6222 16.3826 11.7131C16.4203 11.8041 16.4398 11.9016 16.4398 12C16.4398 12.0984 16.4203 12.1959 16.3826 12.2869C16.3449 12.3778 16.2897 12.4604 16.22 12.53L5.5 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
</div>
</span>
</button>
<button type="button" class="btn btn--secondary btn--icon">
<span class="btn__content">
<span class="u-sr-accessible">Dernière page</span>
<div class="svg-icon svg-icon-arrow-button-right-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-button-right-1" clip-path="url(#clip0_3_3192)"><path id="Vector" d="M12.311 0.75L23.03 11.47C23.0997 11.5396 23.155 11.6222 23.1927 11.7131C23.2304 11.8041 23.2498 11.9016 23.2498 12C23.2498 12.0984 23.2304 12.1959 23.1927 12.2869C23.155 12.3778 23.0997 12.4604 23.03 12.53L12.311 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M1.06104 0.75L11.78 11.47C11.8497 11.5396 11.905 11.6222 11.9427 11.7131C11.9804 11.8041 11.9998 11.9016 11.9998 12C11.9998 12.0984 11.9804 12.1959 11.9427 12.2869C11.905 12.3778 11.8497 12.4604 11.78 12.53L1.06104 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3_3192"><rect width="24" height="24" fill="white"/></clipPath></defs></svg> </div>
</span>
</button>
</div>Copy code <div class="toolbar">
<button type="button" disabled class="btn btn--secondary btn--icon">
<span class="btn__content">
<span class="u-sr-accessible">Première page</span>
<div class="svg-icon svg-icon-arrow-button-left-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="arrow-button-left-1" clip-path="url(#clip0_3_3250)">
<path id="Vector" d="M11.689 23.25L0.969998 12.53C0.900334 12.4604 0.845068 12.3778 0.80736 12.2869C0.769653 12.1959 0.750244 12.0984 0.750244 12C0.750244 11.9016 0.769653 11.8041 0.80736 11.7131C0.845068 11.6222 0.900334 11.5396 0.969998 11.47L11.689 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M22.939 23.25L12.22 12.53C12.1503 12.4604 12.0951 12.3778 12.0574 12.2869C12.0197 12.1959 12.0002 12.0984 12.0002 12C12.0002 11.9016 12.0197 11.8041 12.0574 11.7131C12.0951 11.6222 12.1503 11.5396 12.22 11.47L22.939 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
<button type="button" disabled class="btn btn--secondary btn--icon">
<span class="btn__content">
<span class="u-sr-accessible">Page précédente</span>
<div class="svg-icon svg-icon-arrow-left-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-left-1"><path id="Vector" d="M16.2501 23.25L5.53006 12.53C5.46039 12.4604 5.40513 12.3778 5.36742 12.2869C5.32971 12.1959 5.3103 12.0984 5.3103 12C5.3103 11.9016 5.32971 11.8041 5.36742 11.7131C5.40513 11.6222 5.46039 11.5396 5.53006 11.47L16.2501 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
</div>
</span>
</button>
<button type="button" class="btn btn--secondary btn--active">
<span class="btn__content">
<span class="btn__label">1</span>
</span>
</button>
<button type="button" disabled class="btn btn--secondary btn--icon">
<span class="btn__content">
<span class="u-sr-accessible">Page suivante</span>
<div class="svg-icon svg-icon-arrow-right-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-right-1"><path id="Vector" d="M5.5 0.75L16.22 11.47C16.2897 11.5396 16.3449 11.6222 16.3826 11.7131C16.4203 11.8041 16.4398 11.9016 16.4398 12C16.4398 12.0984 16.4203 12.1959 16.3826 12.2869C16.3449 12.3778 16.2897 12.4604 16.22 12.53L5.5 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
</div>
</span>
</button>
<button type="button" disabled class="btn btn--secondary btn--icon">
<span class="btn__content">
<span class="u-sr-accessible">Dernière page</span>
<div class="svg-icon svg-icon-arrow-button-right-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-button-right-1" clip-path="url(#clip0_3_3192)"><path id="Vector" d="M12.311 0.75L23.03 11.47C23.0997 11.5396 23.155 11.6222 23.1927 11.7131C23.2304 11.8041 23.2498 11.9016 23.2498 12C23.2498 12.0984 23.2304 12.1959 23.1927 12.2869C23.155 12.3778 23.0997 12.4604 23.03 12.53L12.311 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M1.06104 0.75L11.78 11.47C11.8497 11.5396 11.905 11.6222 11.9427 11.7131C11.9804 11.8041 11.9998 11.9016 11.9998 12C11.9998 12.0984 11.9804 12.1959 11.9427 12.2869C11.905 12.3778 11.8497 12.4604 11.78 12.53L1.06104 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3_3192"><rect width="24" height="24" fill="white"/></clipPath></defs></svg> </div>
</span>
</button>
</div>Copy code <div class="toolbar">
<button type="button" disabled class="btn btn--secondary btn--icon btn--small">
<span class="btn__content">
<span class="u-sr-accessible">Première page</span>
<div class="svg-icon svg-icon-arrow-button-left-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="arrow-button-left-1" clip-path="url(#clip0_3_3250)">
<path id="Vector" d="M11.689 23.25L0.969998 12.53C0.900334 12.4604 0.845068 12.3778 0.80736 12.2869C0.769653 12.1959 0.750244 12.0984 0.750244 12C0.750244 11.9016 0.769653 11.8041 0.80736 11.7131C0.845068 11.6222 0.900334 11.5396 0.969998 11.47L11.689 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M22.939 23.25L12.22 12.53C12.1503 12.4604 12.0951 12.3778 12.0574 12.2869C12.0197 12.1959 12.0002 12.0984 12.0002 12C12.0002 11.9016 12.0197 11.8041 12.0574 11.7131C12.0951 11.6222 12.1503 11.5396 12.22 11.47L22.939 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
<button type="button" disabled class="btn btn--secondary btn--icon btn--small">
<span class="btn__content">
<span class="u-sr-accessible">Page précédente</span>
<div class="svg-icon svg-icon-arrow-left-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-left-1"><path id="Vector" d="M16.2501 23.25L5.53006 12.53C5.46039 12.4604 5.40513 12.3778 5.36742 12.2869C5.32971 12.1959 5.3103 12.0984 5.3103 12C5.3103 11.9016 5.32971 11.8041 5.36742 11.7131C5.40513 11.6222 5.46039 11.5396 5.53006 11.47L16.2501 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
</div>
</span>
</button>
<button type="button" class="btn btn--secondary btn--small btn--active">
<span class="btn__content">
<span class="btn__label">1</span>
</span>
</button>
<button type="button" class="btn btn--secondary btn--small">
<span class="btn__content">
<span class="btn__label">2</span>
</span>
</button>
<button type="button" class="btn btn--secondary btn--small">
<span class="btn__content">
<span class="btn__label">3</span>
</span>
</button>
<button type="button" class="btn btn--secondary btn--small">
<span class="btn__content">
<span class="btn__label">4</span>
</span>
</button>
<button type="button" class="btn btn--secondary btn--small">
<span class="btn__content">
<span class="btn__label">5</span>
</span>
</button>
<button type="button" class="btn btn--secondary btn--icon btn--small">
<span class="btn__content">
<span class="u-sr-accessible">Page suivante</span>
<div class="svg-icon svg-icon-arrow-right-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-right-1"><path id="Vector" d="M5.5 0.75L16.22 11.47C16.2897 11.5396 16.3449 11.6222 16.3826 11.7131C16.4203 11.8041 16.4398 11.9016 16.4398 12C16.4398 12.0984 16.4203 12.1959 16.3826 12.2869C16.3449 12.3778 16.2897 12.4604 16.22 12.53L5.5 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
</div>
</span>
</button>
<button type="button" class="btn btn--secondary btn--icon btn--small">
<span class="btn__content">
<span class="u-sr-accessible">Dernière page</span>
<div class="svg-icon svg-icon-arrow-button-right-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-button-right-1" clip-path="url(#clip0_3_3192)"><path id="Vector" d="M12.311 0.75L23.03 11.47C23.0997 11.5396 23.155 11.6222 23.1927 11.7131C23.2304 11.8041 23.2498 11.9016 23.2498 12C23.2498 12.0984 23.2304 12.1959 23.1927 12.2869C23.155 12.3778 23.0997 12.4604 23.03 12.53L12.311 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M1.06104 0.75L11.78 11.47C11.8497 11.5396 11.905 11.6222 11.9427 11.7131C11.9804 11.8041 11.9998 11.9016 11.9998 12C11.9998 12.0984 11.9804 12.1959 11.9427 12.2869C11.905 12.3778 11.8497 12.4604 11.78 12.53L1.06104 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3_3192"><rect width="24" height="24" fill="white"/></clipPath></defs></svg> </div>
</span>
</button>
</div>Copy code <div class="toolbar">
<button type="button" disabled class="btn btn--secondary btn--icon btn--small">
<span class="btn__content">
<span class="u-sr-accessible">Première page</span>
<div class="svg-icon svg-icon-arrow-button-left-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="arrow-button-left-1" clip-path="url(#clip0_3_3250)">
<path id="Vector" d="M11.689 23.25L0.969998 12.53C0.900334 12.4604 0.845068 12.3778 0.80736 12.2869C0.769653 12.1959 0.750244 12.0984 0.750244 12C0.750244 11.9016 0.769653 11.8041 0.80736 11.7131C0.845068 11.6222 0.900334 11.5396 0.969998 11.47L11.689 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M22.939 23.25L12.22 12.53C12.1503 12.4604 12.0951 12.3778 12.0574 12.2869C12.0197 12.1959 12.0002 12.0984 12.0002 12C12.0002 11.9016 12.0197 11.8041 12.0574 11.7131C12.0951 11.6222 12.1503 11.5396 12.22 11.47L22.939 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_3_3250">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
</div>
</span>
</button>
<button type="button" disabled class="btn btn--secondary btn--icon btn--small">
<span class="btn__content">
<span class="u-sr-accessible">Page précédente</span>
<div class="svg-icon svg-icon-arrow-left-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-left-1"><path id="Vector" d="M16.2501 23.25L5.53006 12.53C5.46039 12.4604 5.40513 12.3778 5.36742 12.2869C5.32971 12.1959 5.3103 12.0984 5.3103 12C5.3103 11.9016 5.32971 11.8041 5.36742 11.7131C5.40513 11.6222 5.46039 11.5396 5.53006 11.47L16.2501 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
</div>
</span>
</button>
<button type="button" class="btn btn--secondary btn--small btn--active">
<span class="btn__content">
<span class="btn__label">1</span>
</span>
</button>
<button type="button" disabled class="btn btn--secondary btn--icon btn--small">
<span class="btn__content">
<span class="u-sr-accessible">Page suivante</span>
<div class="svg-icon svg-icon-arrow-right-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-right-1"><path id="Vector" d="M5.5 0.75L16.22 11.47C16.2897 11.5396 16.3449 11.6222 16.3826 11.7131C16.4203 11.8041 16.4398 11.9016 16.4398 12C16.4398 12.0984 16.4203 12.1959 16.3826 12.2869C16.3449 12.3778 16.2897 12.4604 16.22 12.53L5.5 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
</div>
</span>
</button>
<button type="button" disabled class="btn btn--secondary btn--icon btn--small">
<span class="btn__content">
<span class="u-sr-accessible">Dernière page</span>
<div class="svg-icon svg-icon-arrow-button-right-1">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="arrow-button-right-1" clip-path="url(#clip0_3_3192)"><path id="Vector" d="M12.311 0.75L23.03 11.47C23.0997 11.5396 23.155 11.6222 23.1927 11.7131C23.2304 11.8041 23.2498 11.9016 23.2498 12C23.2498 12.0984 23.2304 12.1959 23.1927 12.2869C23.155 12.3778 23.0997 12.4604 23.03 12.53L12.311 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M1.06104 0.75L11.78 11.47C11.8497 11.5396 11.905 11.6222 11.9427 11.7131C11.9804 11.8041 11.9998 11.9016 11.9998 12C11.9998 12.0984 11.9804 12.1959 11.9427 12.2869C11.905 12.3778 11.8497 12.4604 11.78 12.53L1.06104 23.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_3_3192"><rect width="24" height="24" fill="white"/></clipPath></defs></svg> </div>
</span>
</button>
</div>