.titreNoirPetit{
	color:black;
	text-align:center;
	margin-top: 2%;
	font-size: 1.8em;
}

@media(max-width:459px){
	.titreNoir{
		display: none;
		}
	.titreNoirPetit{
		display: block;
	}
}

@media(min-width:460px){
	.titreNoir{
		display: block;
		}
	.titreNoirPetit{
		display:none;
	}
}

/*page contact*/

.conteneurFormulaire {
	max-width: 900px;
	margin-right: 65px;
	margin-left:65px;
}

.contactDivers{
	font-style:normal;
	margin-left: 65px;
	margin-right:65px;
	
}

.conteneurPContact{
	margin-top: 50px;
	margin-bottom: 30px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width: 100%;
}

.devis-form .form-group {
    margin-bottom: 15px;
	display: flex;
    align-items: center;
}

.devis-form .from-group label {
    display: inline-block;
    font-weight: bold;
    margin: 0;
}


.devis-form input,
.devis-form select,
.devis-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size: 16px;
}

.devis-form input:focus,
.devis-form select:focus,
.devis-form textarea:focus {
    border-color: #007bff;
    outline: none;
}

.devis-form button {
    width: 100%;
    padding: 10px;
    background-color: #42210B;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}

.devis-form button:hover {
    background-color: #45773B;
}

.form-row {
    display: flex;
    justify-content: space-between;
}

.form-group{
	display:flex;
	flex-direction:column;
}


address{
	font-family: 'Helvetica', 'Arial';
	margin:0;
}

address p{
	font-size: 1.05em;
	text-align: left;
	font-style:normal;
}
address h2{
	text-align: left;
}

.contactText{
	margin-bottom: 1em;
}



.contactInsta{
	display: flex;
	align-items:center;
	
	}

.contactInsta p{
	margin:0;
	font-size: 1.05em;
	
	}

textarea{
	font-family: 'Helvetica', 'Arial';
}



@media(max-width:899px){
	.contactDivers{
		margin:0;
		width: 55%;
		margin-top: 2em;
	}
	.conteneurFormulaire{
		margin:0;
		width: 55%;
	}
	
	.conteneurPContact{
		margin-top:1em;
	}
}

@media(max-width:700px){
	.contactDivers{
		width: 65%;
	}
	.conteneurFormulaire{
		width: 65%;
	}
}

@media(max-width:600px){
	.contactDivers{
		width: 70%;
	}
	.conteneurFormulaire{
		width: 70%;
	}
}

@media(max-width:500px){
	.form-row{
	display:flex;
	flex-direction:column;
	}
	.conteneurFormulaire{
		width:70%;
	}
	.contactDivers{
		width:70%;
		margin-top:0.5em;
	}
	

}


#messageFeedback {
            display: none; /* Masqué par défaut */
            padding: 15px;
            margin: 20px 0;
            border-radius: 5px;
            font-size: 16px;
            font-weight: bold;
            text-align: center;
               
        }
        /* Styles pour un message de succès */
#messageFeedback.success {
            background-color: #dff0d8;
            color: #3c763d;
            border: 1px solid #3c763d;
        }
        /* Styles pour un message d'erreur */
#messageFeedback.error {
            background-color: #f2dede;
            color: #a94442;
            border: 1px solid #a94442;
        }