.donneesPage{
    width:100%;
    text-align:center;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color:#353535;
    background-color:#f5f5f5;
    padding:20px 10px 50px 10px;
}
.donneesPage h1 {
    text-align:left;
    margin:20px 0;
    padding:0;
    font-size:18px;
}
.donneesPage h2 {
    text-align:left;
    margin:0;
    padding:0;
    font-size:16px;
}
.donneesPage p {
    text-align:left;
    margin:20px 0;
    padding:0 0;
    font-size:14px;
}
.donneesPage .container {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
.donneesPage .container #faq {
	width:656px;
	background-color: #fff;
    padding: 20px;
	border-radius: 5px;
}
.donneesPage .container #faq .question {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	border-bottom: 1px solid #d8d8d8;
    padding: 20px 0;
	cursor:pointer;
}
.donneesPage .container #faq .cardfaq:first-child .question {
	padding: 0 0 20px 0;
}
.donneesPage .container #faq .cardfaq:last-child .question {
	border-bottom: none;
}
.donneesPage .container #faq .question img {
	height: 9px;
    margin-top: 5px;
}
.donneesPage .container #faq .question .flechebas {
	display:block;
}
.donneesPage .container #faq .question .flechehaut {
	display:none;
}
.donneesPage .container #faq .question-open .flechebas {
	display:none;
}
.donneesPage .container #faq .question-open .flechehaut {
	display:block;
}
.donneesPage .container #faq .reponse {
	display:none;
	font-size: 12px;
}
.donneesPage .container #faq .reponse p {
	font-size: 12px;
}
.donneesPage .container #faq .reponse strong{
	font-size: 14px;
}
.donneesPage .container #faq .reponse ul {
	font-size: 12px;
    text-align: left;
    padding-left: 15px;
}
.donneesPage .container #faq .reponse ul li {
	margin-bottom:15px;
}
.donneesPage .container #faq .reponse .container-tableau {
	overflow-x:scroll;
}
.donneesPage .container #faq .reponse table tr td {
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding:5px;
	text-align:left;
	font-size:12px;
}
.donneesPage .container #faq .reponse table tr td:first-child {
	border-left:1px solid #000;
}
.donneesPage .container #faq .reponse table thead tr td {
	border-top:1px solid #000;
	text-align:center;
}
.donneesPage .container #menu {
	width: 304px;
    height: fit-content;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
}
.donneesPage .container #menu .topmenu{
	display: flex;
}
.donneesPage .container #menu .topmenu img{
	height:46px;
	margin-top:15px;
}
.donneesPage .bouton {
	background-color:#f2f2f2;
	padding: 10px 15px;
	font-size:14px;
	color:#fff;
	border-radius:5px;
	display: inline-block;
	text-decoration:none;
	text-align:center;
	width:100%;
}

.donneesPage .redbouton {
	background-color:#ed1c27 !important;
}
.donneesPage .bluebouton {
	background-color:#045ead !important;
}

@media (max-width: 480px) {
	.donneesPage .container {
		flex-direction: column-reverse;
	}
	.donneesPage .container #faq .reponse .container-tableau {
		overflow-x:auto;
	}
	.donneesPage .container #faq .reponse .container-tableau > table{
		width: 100%;
		border-collapse: collapse;
		-webkit-overflow-scrolling: touch;
	}
	.donneesPage .container #faq {
		width:100%;
	}
    .donneesPage .container #menu {
		width: 100%;
		margin-bottom: 20px;
	}
}