@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");

@charset "UTF-8";
/* CSS Document */

/*body {font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande", sans-serif; font-size: 17px; color: #000; margin: 20px;}*/

.fichier_externe {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
@media print { .fichier_externe, .fichier_externe * { display: none !important; } }
.degrade_fond_prenium { background: linear-gradient(45deg, white 25%, #FAFAFA 25%, #FAFAFA 50%,  white 50%, white 75%, #FAFAFA 75%); background-size: 10px 10px;}

.link-degrade-primary {
    color: inherit;
    text-decoration: none;

    -webkit-transition: color 300ms;
       -moz-transition: color 300ms;
        -ms-transition: color 300ms;
         -o-transition: color 300ms;
            transition: color 300ms;

}
.link-degrade-primary:hover {
    color: #2c7be5;
    text-decoration: none;
}

.nav-pills-perso .nav-link {
  position: relative;
}
.nav-pills-perso .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 0px; /* Ajustez cette valeur pour déplacer la flèche plus haut ou plus bas */
  left: 50%;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #FFFFFF; /* Utilisez la couleur désirée pour la flèche */
}

[data-checkbox] {
  cursor: pointer;
}