/* styles.css ou dans tailwind.config.js avec safelist */

.custom_divider{
  @apply h-px bg-base-200/0 my-1 w-full
}

.surligne{
  @apply bg-base-100 
  rounded-xl px-1.5 inline-block 
  border-[5px] border-secondary
}

.btn-nav {
  @apply btn btn-ghost 
  sm:text-lg
  text-secondary 
  sm:h-15
  px-5
  font-semibold
  font-sans
  h-13;
}

.btn-nav:hover {
  @apply text-primary bg-base-100;
}
.bande-demarcation {
  @apply
  text-base-100
  flex-col
  mx-auto 
  w-full
  h-4
  text-xl
  bg-secondary

}

.card-petite {
  @apply 
  card 
  bg-base-100 
  shadow-2xl 
  border-8 
  border-secondary 
  w-11/12 
  sm:w-3/4 
  md:w-2/3 
  lg:w-1/4 
  p-6
}
.card-event{
  @apply 
  card 
  bg-base-100 
  shadow-2xl 
  border-8 
  border-secondary 
  lg:w-1/2
}

.card-land {
  @apply 
  card 
  bg-base-100 
  shadow-2xl 
  border-8 
  border-secondary 
  w-full 
  p-6 
  sm:text-lg 
  text-sm 
  text-justify
  mb-10
}
.card-land-negatif{
  @apply 
  card 
  bg-base-100 
  shadow-2xl 
  border-8 
  border-secondary 
  w-full 
  p-6 
  sm:text-lg 
  text-sm 
  text-justify
  mb-10
}