@media (min-width: 1000px) {

.donation-clinique {
    position: absolute;
    left: 50%;
    top:8%;
}

}

@media (min-width: 750px) and (max-width: 1000px) {
    .donation-clinique {
        position: absolute;
        left: 70%;
        top: 8%;
    }
}

.child .view-content {
	margin-top:50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px; /* Adjust the gap as necessary */
}

.child .views-row {
  flex: 0 1 calc(20% - 10px); /* Adjust width to fit two boxes per row, considering the gap */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Example shadow */
  border: solid 1px #000; /* Example border, adjust color as needed */
  margin-bottom: 20px; /* Space between rows */
  transition: background-color 0.3s; /* Smooth transition for background color */
}

.child .views-field {
  background-color: #fff; /* Adjust background color as needed */
  border: solid 1px #ccc; /* Adjust border color as needed */
  text-align: center; /* Center text horizontally */
}

.child .views-field-title {
  margin: 0; /* Remove margin from title field if any */
}

.child .field-content a {
  display: block;
  padding: 10px; /* Adjust padding for links as necessary */
  text-decoration: none; /* Remove underline from links */
  color: #000; /* Adjust link color as necessary */
  background-color: #f8f8f8; /* Adjust link background color as necessary */
  border-radius: 5px; /* Optional: if you want rounded corners for links */
  transition: color 0.3s, background-color 0.3s; /* Smooth transition for colors */
}

.child .views-row:hover, .child .views-row:hover .field-content a {
  color: white !important;
  background: #005885; /* New background color on hover */
}

#ces-chiffres{
	display:none;
}

.block-title{
	color: #005885;
}