#page{
    display: flex;
    flex-direction: row;
  }
  
  
  .paginations, .pagination {
    display: flex;
  }
  
  .paginations button {
    color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
  }
  
  .paginations button.active_pagi {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
  }
  
  .paginations button:hover:not(.active_pagi) {background-color: #ddd;}
  
  .success::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
  
  }
  
  .danger::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\58";
  
  }
  
  .media_event {
    object-fit: cover;
  }
  

input:invalid{
    border-color: #ca0926;
  }
  
  .formData[data-error]::after {
    content: attr(data-error);
    font-size: 0.9em;
    font-weight: 700;
    color: #ca0926;
    display: block;
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 5px;
    text-align: left;
    line-height: 0.3;
    opacity: 0;
    transition: 0.3s;
  }
  .formData[data-error-visible="true"]::after {
    opacity: 1;
  }
  .formData[data-error-visible="true"] .text-control {
    border: 2.5px solid #ca0926;
  }
  
  .homme_select{
    display: none;
  }
  
  .femme_select{
    display: none;
  }
  
  .neutre_select{
    display: none;
  }
  
  .container_formulaire{
    display: flex;
    flex-wrap: wrap;
    flex:1;
    gap:50px;
    justify-content: space-evenly;
    /* background-color: #ca0926; */
  }

  .theme_sd{
    display: block;
  }
  #page {
    display: flex;
    flex-direction: row;
  }

  #example-2_paginate{
    display: flex;
    justify-content: center;
  }

  .paginations li.active_pagi a{
    z-index: 1;
    color: #fff;
    background-color: #6512ae;
    border: 1px solid #6512ae;
  }
  
  .danger::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2ed";
    color: #fff;
  }

  .add::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f067";
    color: #fff;
  }

  .modify::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    content: "\f044";
    color: #fff;
  }

  .list_group_hidden {
    display: none;
  }