body{padding: 0; font-family: 'Futura-Normal', arial; margin: 0 auto; font-size: 17px; color: #262262; text-align: justify; }
.containerSection{
	width: 95%;
	max-width: 1100px;
	margin: 0 auto;
}
.header{
	text-align: center;
}

.header .logo{
	max-width: 450px;
	width: 100%;
	height: auto;
	margin-top: 30px;
}

.header p{
	font-size: 23px;
	color: #FB3099;
	font-weight: bold;
}

i{
	color: #A59ED0;
}

.textParagraphe1 h3{
	font-size: 19px;
	font-weight: bold;
}

.ulTd1, .ulTd2{
	font-size: 19px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 30px;
}

.ulTd1 li, .ulTd2 li{
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

.ulTd1 li span, .ulTd2 li span{
	font-weight: bold;
	text-align: center;
}

.ulTd1 li span:first-child, .ulTd2 li span:first-child{
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
}

.ulTd1 li:first-child span:first-child{
	background-color: #4886CA;
}

.ulTd1 li:nth-child(2) span:first-child{
	background-color: #6ED8F7;
}

.ulTd1 li:nth-child(3) span:first-child{
	background-color: #A59ED0;
}

.ulTd2 li:first-child span:first-child{
	background-color: #D46CB4;
}

.ulTd2 li:nth-child(2) span:first-child{
	background-color: #FB3099;
}

.textList{
	display: flex;
	justify-content: center;
}

hr{
	opacity: 0.5;
}

.sectionFooter{
	display: flex;
}

.sectionFooter ul{
	padding: 0;
	margin: 0;
}

.sectionFooter li{
	list-style-type: none;
	margin-bottom: 10px;
}

a{
	color: #4886CA;
}


.textP2 a, .textP4 a{
	color: white;
}

.sectionFooter article{
	width: 45%;
	margin-left: 2%;
	margin-right: 2%;
}

.noLiStyle li{
	list-style-type: none;
	margin-bottom: 10px;
}

.textP1{
	display: flex;
	height: 485px;
	line-height: 35px;
	align-items : center;
}

.textP3 h3, .footerArticle h3, .textPP1 h3, .textPP3 h3{
	color: #497CC2;
}

.textP2{
	background-color: #6EBAE7;
	color: white;
	display: flex;
	height: 165px;
	align-items: center;
}

.textP3{
	display: flex;
	height: 495px;
	line-height: 35px;
	align-items : center;
}

.textP3 li{
	list-style-type: none !important;
}


.textP4{
	background-color: #FB3099;
	color: white;
	display: flex;
	height: 275px;
	line-height: 35px;
	align-items: center;
}

.textP5{
	display: flex;
	height: 395px;
	line-height: 35px;
	align-items : center;
}

.footerArticle{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
}

.containerList{
	text-align: center;
}

.footerArticle ul li, .textPP3 ul li{
	list-style-type: none;
}

h3, p{
	padding: 0;
	margin: 0;
}

h3{
	margin-bottom: 20px;
}

p{margin-bottom: 10px;}

.header p{
margin-top: 20px;
}

/***Charte****/
.textPP1 .containerSection p, .textPP2 .containerSection p, .textPP3 .containerSection p, .textPP4 .containerSection p, .textPP5 .containerSection p{
	line-height: 35px !important;
}

.textPP1{
	display: flex;
	height: 570px;
	line-height: 35px;
	align-items : center;
}

.textPP2{
	display: flex;
	height: 455px;
	line-height: 35px;
	align-items : center;
	color: white;
	background-color: #6EBAE7;
}

.textPP3{
	display: flex;
	height: 540px;
	line-height: 35px;
	align-items : center;
}

.textPP4{
	display: flex;
	height: 995px;
	line-height: 35px;
	align-items : center;
	background-color: #048ecf;
	color: white;
}

.boutonRetour{
	width: 130px;
	background-color:#FB3099;
	display: block;
	border-radius: 5px;
	color:white;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	text-decoration: none;
}

.boutonRetour i{
	color: white !important;
}

.boutonRetour:hover{
	color: white;

}

.footerClass{
	margin-bottom: 20px;
	margin-top: 30px;
}

@media screen and (max-width: 990px) {
  .textP1, .textP2, .textP3, .textP4, .textP5{
  	height: 100%;
  	padding-top: 30px;
  	padding-bottom: 30px;
  }
}

@media screen and (max-width: 1100px) {
  .textPP1, .textPP2, .textPP3, .textPP4, .textPP5{
  	height: 100%;
  	padding-top: 30px;
  	padding-bottom: 30px;
  }

  .textPP1 .containerSection p, .textPP2 .containerSection p, .textPP3 .containerSection p, .textPP4 .containerSection p, .textPP5 .containerSection p{
		line-height: 30px !important;
	}

}

@media screen and (max-width: 702px) {
	.textList{
		display: flex;
		justify-content : center;
		text-align: left;
	}

	.ulTd1, .ulTd2{
		width: 49%;
		text-align: left !important;
		vertical-align: top;
	}

  .ulTd1 li, .ulTd2 li{
		display: block;
		margin: 0;
	}
}

@media screen and (max-width: 500px) {

	ul{
		margin: 0;
		padding: 0;
	}
}

@media screen and (max-width: 510px) {
	.footerArticle{
		width: 95%;
		margin-bottom:20px;
	}

	.footerArticle h3{
		margin-bottom: 0px;
	}
}


@media screen and (max-width: 410px) {
	body {
		font-size: 16px;
	}

	.ulTd1 li span:first-child, .ulTd2 li span:first-child {
		width: 18px;
		height: 18px;
		text-align: center;
	}

	.ulTd1, .ulTd2 {
		font-size: 16px;
	}

	.ulTd2 {
		margin-bottom: 10px;
	}
}


@media screen and (max-width: 345px) {
	.textList{
		display: block;
	}

	.ulTd1, .ulTd2{
		width: 100%;
		margin :0;
	}

	.ulTd2{
		margin-bottom: 10px;
	}
}