.elementor-28865 .elementor-element.elementor-element-7c753d3{padding:0% 8% 0% 8%;}.elementor-28865 .elementor-element.elementor-element-8706186 > .elementor-element-populated{margin:172px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-28865 .elementor-element.elementor-element-4f70c69{text-align:left;}.elementor-28865 .elementor-element.elementor-element-4f70c69 .elementor-heading-title{font-family:"Suisse Int Bold", Sans-serif;font-size:48px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:67px;letter-spacing:-0.48px;word-spacing:0em;}.elementor-28865 .elementor-element.elementor-element-1664064 > .elementor-widget-container{margin:0px 0px 160px 0px;}.elementor-28865 .elementor-element.elementor-element-1664064{text-align:left;}.elementor-28865 .elementor-element.elementor-element-1664064 .elementor-heading-title{font-family:"SuisseIntl-works", Sans-serif;font-size:48px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:67px;letter-spacing:-0.48px;word-spacing:0em;}.elementor-28865 .elementor-element.elementor-element-378df4a{--grid-columns:1;}.elementor-28865 .elementor-element.elementor-element-378df4a > .elementor-widget-container{margin:0px 0px 200px 0px;}.elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination{text-align:left;margin-top:19px;}.elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(.dots){color:#A5A5AB;}.elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-primary );}.elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers.current{color:var( --e-global-color-2edb900 );}body:not(.rtl) .elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 14px/2 );}body:not(.rtl) .elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 14px/2 );}body.rtl .elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 14px/2 );}body.rtl .elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 14px/2 );}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-28865 .elementor-element.elementor-element-8706186 > .elementor-element-populated{margin:160px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}body:not(.rtl) .elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 0px/2 );}body:not(.rtl) .elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 0px/2 );}body.rtl .elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 0px/2 );}body.rtl .elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 0px/2 );}.elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination{margin-top:0px;}}@media(max-width:1024px){.elementor-28865 .elementor-element.elementor-element-7c753d3{padding:0% 5% 0% 5%;}.elementor-28865 .elementor-element.elementor-element-8706186 > .elementor-element-populated{margin:100px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-28865 .elementor-element.elementor-element-4f70c69 .elementor-heading-title{font-size:42px;letter-spacing:-0.42px;}.elementor-28865 .elementor-element.elementor-element-1664064 > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-28865 .elementor-element.elementor-element-1664064 .elementor-heading-title{font-size:42px;letter-spacing:-0.42px;}.elementor-28865 .elementor-element.elementor-element-378df4a{--grid-columns:1;}}@media(max-width:767px){.elementor-28865 .elementor-element.elementor-element-7c753d3{margin-top:0px;margin-bottom:0px;padding:0% 5% 0% 5%;}.elementor-28865 .elementor-element.elementor-element-8706186 > .elementor-element-populated{margin:72px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-28865 .elementor-element.elementor-element-4f70c69 .elementor-heading-title{font-size:28px;line-height:42px;letter-spacing:-0.28px;}.elementor-28865 .elementor-element.elementor-element-1664064 > .elementor-widget-container{margin:0px 0px 72px 0px;}.elementor-28865 .elementor-element.elementor-element-1664064 .elementor-heading-title{font-size:28px;line-height:42px;letter-spacing:0.28px;}.elementor-28865 .elementor-element.elementor-element-378df4a{--grid-columns:1;}.elementor-28865 .elementor-element.elementor-element-378df4a .elementor-pagination{margin-top:32px;}}/* Start custom CSS for loop-grid, class: .elementor-element-378df4a *//* Style de base pour les boutons de pagination */
span.page-numbers.prev, a.page-numbers.next, a.page-numbers.prev {
    font-size: 14px; /* Ajustez la taille de la flèche */
    text-decoration: none; /* Enlevez les soulignements */
    display: inline-block; /* Assurez-vous que les boutons sont visibles */
    color: #E9E9EA; /* Couleur par défaut des flèches */
 
}

/*******************/
/* Style de base pour les boutons de pagination */
span.page-numbers.prev, a.page-numbers.next, a.page-numbers.prev, span.page-numbers.next {
    font-size: 14px; /* Ajustez la taille de la flèche */
    text-decoration: none; /* Enlevez les soulignements */
    display: inline-block; /* Assurez-vous que les boutons sont visibles */
    color: #E9E9EA; /* Couleur par défaut des flèches */
    
}

/* Pour ajouter la flèche "Précédent" à span */
span.page-numbers.prev::before {
    content: "\2190"; /* Flèche gauche */
    margin-right: 5px; /* Ajustez l'espacement entre le texte et la flèche */
    color: inherit; /* Hérite de la couleur du bouton */
}

/* Pour ajouter la flèche "Suivant" à a */
a.page-numbers.next::after {
    content: "\2192"; /* Flèche droite */
    margin-left: 5px; /* Ajustez l'espacement entre la flèche et le texte */
    color: inherit; /* Hérite de la couleur du bouton */
}

/* Pour ajouter la flèche "Précédent" à a */
a.page-numbers.prev::before {
    content: "\2190"; /* Flèche gauche */
    margin-right: 5px; /* Ajustez l'espacement entre le texte et la flèche */
    color: inherit; /* Hérite de la couleur du bouton */
}

/* Pour ajouter la flèche "Suivant" à span */
span.page-numbers.next::after {
    content: "\2192"; /* Flèche droite */
    margin-left: 5px; /* Ajustez l'espacement entre la flèche et le texte */
    color: inherit; /* Hérite de la couleur du bouton */
}

/* Style pour les boutons de pagination inactifs */
span.page-numbers.prev.inactive, a.page-numbers.next.inactive, a.page-numbers.prev.inactive, span.page-numbers.next.inactive {
    color: red; /* Couleur rouge pour les boutons inactifs */
}

/* Assurez-vous que les flèches sont visibles même quand les boutons sont inactifs */
span.page-numbers.prev.inactive::before, a.page-numbers.next.inactive::after, a.page-numbers.prev.inactive::before, span.page-numbers.next.inactive::after {
    color: red; /* Couleur rouge pour les flèches inactives */
}

/*******************/




/* Pour ajouter la flèche "Précédent" à span */
span.page-numbers.prev::before {
    content: "\2190"; /* Flèche gauche */
    margin-right: 5px; /* Ajustez l'espacement entre le texte et la flèche */
    color: inherit; /* Hérite de la couleur du bouton */

}

/* Pour ajouter la flèche "Suivant" à a */
a.page-numbers.next::after {
    content: "\2192"; /* Flèche droite */
    margin-left: 5px; /* Ajustez l'espacement entre la flèche et le texte */
    color: inherit; /* Hérite de la couleur du bouton */
}

/* Pour ajouter la flèche "Précédent" à a */
a.page-numbers.prev::before {
    content: "\2190"; /* Flèche gauche */
    margin-right: 5px; /* Ajustez l'espacement entre le texte et la flèche */
    color: inherit; /* Hérite de la couleur du bouton */
}



/*old*/

@media (min-width: 1200px) {
  .page-numbers {
    border: 1px solid #A5A5AB;
    margin-left: 10px;
  }
}


/* Pour les éléments de pagination */
.page-numbers {
    cursor: pointer; /* Change le curseur pour indiquer que l'élément est cliquable */
}

/* Pour les éléments de pagination actifs */
.page-numbers.current, .page-numbers.active {
    background-color: black;
    color: white;
   
}

/* Pour les flèches de navigation, ajustez selon vos classes spécifiques */
.elementor-pagination .prev,
.elementor-pagination .next {
    cursor: pointer;
}

.elementor-pagination .prev.active,
.elementor-pagination .next.active {
    background-color: black;
    color: white;
}

/* Pour ajouter une indication visuelle lors du focus avec le clavier */
.page-numbers:focus,
.elementor-pagination .prev:focus,
.elementor-pagination .next:focus {
    outline: 1px solid black; /* Ajustez selon vos préférences */
}

.page-numbers {
    display: inline-flex; /* Utilise flex pour mieux contrôler l'alignement et la taille */
    align-items: center; /* Centrer le contenu verticalement */
    justify-content: center; /* Centrer le contenu horizontalement */
    width: 40px; /* Définir une largeur fixe */
    height: 40px; /* Définir une hauteur fixe */
    border: 1px solid #A5A5AB; /* Bordure de 2px, ajuster selon besoin */
    
    box-sizing: border-box; /* Inclut la bordure et le padding dans les dimensions totales */
    border-radius: 0%; /* Optionnel, pour rendre les boutons circulaires */
}

/* Sélectionne les numéros de pagination pour obtenir les dimensions par défaut */
nav.elementor-pagination .page-numbers {
    padding: 8px; /* Ajuster cette valeur selon le padding par défaut trouvé */
}

/* Applique le même padding aux boutons précédent et suivant */
span.page-numbers.prev,
a.page-numbers.next {
    padding: 8px; /* Utiliser le même padding pour maintenir la cohérence */
}

/* Assure-toi que les boutons sont de la même taille */
span.page-numbers.prev
 {
    display: inline-flex; /* Utiliser flex pour un meilleur contrôle */
    align-items: center; /* Centrer verticalement le contenu */
    justify-content: center; /* Centrer horizontalement le contenu */
    border: 1px solid #A5A5AB; /* Définir une bordure (ajuster couleur et épaisseur) */
     
    box-sizing: border-box; /* Inclure la bordure et le padding dans les dimensions totales */
}
a.page-numbers.next {
    display: inline-flex; /* Utiliser flex pour un meilleur contrôle */
    align-items: center; /* Centrer verticalement le contenu */
    justify-content: center; /* Centrer horizontalement le contenu */
    border: 1px solid #000;
    color: #000!important;/* Définir une bordure (ajuster couleur et épaisseur) */
     
    box-sizing: border-box; /* Inclure la bordure et le padding dans les dimensions totales */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Suisse Int Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.dms-conseils.ch/wp-content/uploads/2024/07/SuisseIntl-Bold-WebM.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SuisseIntl-works';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://dev.dms-conseils.ch/wp-content/uploads/2024/07/SuisseWorks-RegularItalic-WebS.woff') format('woff');
}
/* End Custom Fonts CSS */