/* Style pour la liste des interventions */
.otium-interventions-search-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.otium-interventions-search-form label {
    margin-right: 5px;
}

.otium-interventions-titre{
	font-size:20px !important;	
}

.otium-interventions-search-form input,
.otium-interventions-search-form select,
.otium-interventions-search-form button,
.otium-interventions-search-form .button-reset {
    margin-right: 10px;
	width:auto !important;
}

.button-reset{
	color:red;
	margin-top:1%;
}

.otium-interventions-container {
	max-width: 100% !important;
}

.otium-interventions-container-liste {
	max-width: 100% !important;
	margin-top: 10%;
}

.otium-interventions-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.otium-intervention {
    flex: 1 1 calc(50% - 20px); /* Trois éléments par ligne avec un espace entre les éléments */
    display: flex;
    border: 1px solid var(--main-color);
    padding: 10px;
    box-sizing: border-box;
	flex-grow:0;
}

.otium-intervention-info {
    flex-grow: 1;
}

.otium-intervention-info h5 {
    margin: 0 !important;
}

.aucun-resultat {
    border: 1px solid #ccc;
    background-color: #fae0e9;
    padding: 10px;
    margin-bottom: 10px;
}

.otium-intervention h3 {
    font-size: 20px;
    margin-bottom: 5px;
}

.otium-intervention p{
	margin-bottom:5px !important;	
}

.otium-intervention .titre {
    font-weight: bold;
}

.otium-intervention .description {
    font-style: italic;
}

.button-form {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #2B426C;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

.button-form:hover {
    color: white !important;
}

.button-form:hover {
    background-color: #2B426C;
}

@media (max-width: 840px) {
	.otium-interventions-search-form input,
	.otium-interventions-search-form select,
	.otium-interventions-search-form button,
	.otium-interventions-search-form .button-reset {
		margin-right: 10px;
		width:100% !important;
	}
	
    .otium-intervention {
        flex: 1 1 100%; /* Un seul élément par ligne sur les écrans moyens */
    }
	
	.otium-interventions-container {
		max-width: 100% !important;
	}
    
    .otium-interventions-search-form {
        flex-direction: column;
        align-items: stretch;
    }
	
	.otium-interventions-container-liste {
		max-width: 100% !important;
		margin-top: 25%;
	}
}