body{
		font-family: "Open Sans", Sans-serif;
	 }

	 .container_2{
                        display: grid;
                    }

	 .container_2 .card_link{
	     display : flex;
	     flex-direction : column;
	     justify-content: space-between;
	     height: 100%;
	 }
	 
          .side_left img, .side_left_b1 img, .side_left_b2 img, .side_right_b1 img, .side_right_b2 img{
                 width: 100%;
          }

          .header,.side_left, .main, .side_right, .side_left_b1, .side_left_b2, .side_right_b1, .side_right_b2{
                 padding: 15px;
		 border: solid 0.5px lightgrey;
		 border-radius: 10px;
		 background-color: rgb(220, 220, 220);
		 box-sizing: border-box;
          }
	  
	  h1, h2, h3{
		text-align: center;
    		/*font-family: "Playfair Display", serif;*/
  
	  }

	  .container_2 h2{
		font-size: 1em;
	  }

	  .container_2 h3{
		font-size: 1em;
		color: red;
	  }
	  
	  .detail_description{
		padding: 30px;
		border: solid 0.5px;
		border-radius: 10px;
		margin-top: 10px;
	  }

	  #nb_disponibles{
  		display: none;
		font-size: 18px;
	  }
	  
	  img{
		border-radius: 10px;
		max-width: unset;
	  }

	  .container_2 img{
		aspect-ratio: 1/1;
		object-fit: cover;
	  }

	  .container_2 ul{
		list-style-type :none;
		padding: 10px;
	  }

	  .container_2 ul li{
		margin: 2px;
          }

	@media (min-width : 750px) {
                 
		.container_2{
                        
                        grid-template-columns: 24% 24% 24% 24%;
                        gap: 10px;
                        width: 95%;
                        margin: auto;
			
                }
                .header{
                        grid-column-start : 1;
                        grid-column-end: 5;
                }

		.main{
			grid-column-start: 2;
			grid-column-end: 4;
			width: 100%;
		}

		.container_2 h2{
                	font-size: 2em;
          	}

          	.container_2 h3{
                	font-size: 1.2em;
                	color: red;
          	}

                

	}
		
		    .container_2{
			display: grid;
			padding: 15px;
		    }

		
        .detail_description h4{
		color: red;
	}


 .container_2  .btn-no-anime {
    display: inline-block;
    background-color: #007BFF; /* bleu */
    color: white;
    padding: 12px 0 12px 0;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    transition: background-color 0.3s, transform 0.2s;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    font-size: 1em;
    width: 100%;
  }

  .btn:hover {
    background-color: #0056b3; /* bleu foncé au survol */
    transform: translateY(-2px); /* petit effet de "lift" */
  }

  .btn:active {
    background-color: #004494;
    transform: translateY(0); /* clic -> bouton appuyé */
  }