#faq .question details{
	border: 2px solid #F37221;
	border-radius : 0.5rem;
	padding : 0.5rem 1rem;
	margin-bottom : 0.5rem;
}

#faq .question details > div{
	border-top : 1px solid #888888;
	padding-top : 0.5rem;
	margin : 0.5rem 0 0 0;
}

#faq .question details p:last-child{
	margin-bottom: 1rem;
}

#faq .question details:hover:not([open]){
	background-color : rgba(128,128,128,0.125);
}

#faq .question details summary{
	cursor : pointer;
	font-weight : bold;
	user-select : none;
	-webkit-user-select : none;
}

#faq .question{
	width : 100%;

}

.container{
	width : 100%;
	display : flex;
	align-items: center;
	justify-content : center;
	flex-direction : column;
}

#nous_contacter, #faq{
	width : 100%;
	max-width : 40rem;
	flex-direction : column;
	display : flex;
	align-items : center;
	justify-content : center;
}

#nous_contacter{
	border : 3px solid #F37221;
	border-radius : 0.5rem;
}

#nous_contacter form{
	flex-direction : column;
	display : flex;
	align-items : center;
	justify-content : center;
}

#nous_contacter form .input{
	display : flex;
	flex-direction : column;
	justify-content : space-between;
	padding : 0.5rem;
}

/***************/
/*** Buttons ***/
/***************/

#contact{
	margin : 0;
	padding : 0;
	display : flex;
	justify-content : center;
	align-items : center;
	flex-direction : column;
}

.buttons{
	display : flex;
	justify-content : center;
	align-items : center;
	flex-direction : row;
}


.button {
	position : relative;
    display: inline-block;
    background-color: #F37221;
    color: white;
    padding: 1rem 2rem;
    text-align: center;
   	text-decoration: none;
    font-size: 1rem;
    margin: 2rem 1rem;
    border : 3px solid #F37221;
    cursor : pointer;
    border-radius : 5px;
    height : auto;
}

.button:hover {
    border : 3px solid #000000;
}