.containsAdmin{
    flex-grow: 1;
    padding: 8px;
    overflow: auto;
}
.admin-card {
    margin-right: 10px;
    background-color: white;
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-md */
    padding: 1.5rem; /* p-6 */
 }
 h3{
    text-transform: uppercase;
    text-align: start;
 }
 h4{
    font-size: 1.5rem;
    font-weight: 800;
 }
 .section-head{
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 8px;
 }
 .tabBord{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
 }
 .dataText{
    text-align: center;
    font-weight: bold;
    font-size: 2.5rem;
    color: indigo;
 }
.input-field {
   width: 100%;
   padding: 0.75rem; 
   border: 1px solid #d1d5db; 
   border-radius: 0.5rem;
   transition: all 0.2s ease-in-out;
 }
.input-field:focus {
   outline: none;
   border-color: #6366f1; 
   box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2); 
}
 .card-grid{
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
 }
 .admin-card ul li{
    list-style: none;
 }
 .admin-card ul li p{
    display: inline;
    line-height: 1.5rem;
    font-size: 1rem;
 }
 /*partie de style pour le formulaire article */
 .titre-form{
   display: block;
    color: #374151;         
    font-size: 1rem;    
    font-weight: 500;     
    margin-bottom: 0.5rem; 
    font-weight: 800; 
 }
 .button-article{
   display: flex;
   justify-content: end;
 }
 form div{
   margin-bottom: 15px;
 }
 #articles-section h1{
   text-align: start;
 }
 .admin-card h2{
   text-align: start;
   font-family: inherit;
   color: #6366f1;
 }

.last-article{
   margin-top: 10px;
   overflow: auto;
}

 
 /*fin de mise en style de form article*/
 @media (min-width: 768px) {
  .mon-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}