
.paragraphe {
	margin: 0px 0px 1rem; clear: both;
}
.paragraphe p {
	margin: 0px 0px 2rem;
}
.paragraphe li {
	list-style: none; padding: 0px;
}

.listePictosSVG {
	display: flex; flex-wrap: wrap;
}
.listePictosSVG li {
	padding: 0px 1rem; flex:0 1 25%; text-align: center; font-size: 1em; margin-bottom: 2rem; min-height: 130px; box-sizing: border-box;text-transform:uppercase
}
@media screen and (max-width:767px)
{
.listePictosSVG li {
	font-size: 1rem; margin-bottom: 2rem; flex-basis: 33.33%;text-transform:uppercase
}
}
@media screen and (max-width:480px)
{
.listePictosSVG li {
	flex:1 1 50%;
}
}
.listePictosSVG li a {
	height: 100%; color: #003366; text-decoration: none;
}
.pictoSVG {
	text-decoration: none; display: block;
}
@media screen and (max-width:1024px)
{
.pictoSVG {
	line-height: normal; 
}
}
.pictoSVG > div {
	background: rgb(255, 255, 255); margin: 0px auto 1rem; border-radius: 100%; transition:0.2s; width: 74px; height: 74px; box-sizing: border-box;
}
@media screen and (max-width:767px)
{
.pictoSVG > div {
	margin-bottom: 1rem;
}
}
.pictoSVG > div svg {
	transition:0.2s; fill: #005879;
}
.pictoSVG > div img {
	transition:0.2s; color: #005879; margin-top:12px
}
.pictoSVG:hover > div {
	background: rgb(0, 88, 121); position: relative;
}
.pictoSVG:focus > div {
	background: rgb(0, 88, 121); position: relative;
}

.pictoSVG:hover > div svg {
	fill: #fff;
}
.pictoSVG:focus > div svg {
	fill: #fff;
}

.TPL_DEMARCHESERVICE {
	padding: 1.5rem 0px 1rem; margin-bottom: 3rem; position: relative;
}
@media screen and (max-width:1024px)
{
.TPL_DEMARCHESERVICE {
	padding-bottom: 0px;
}
}
@media screen and (max-width:767px)
{
.TPL_DEMARCHESERVICE {
	margin-bottom: 3rem;
}
}
.TPL_DEMARCHESERVICE .innerParagraphe {
	margin: 0px auto; max-width: 1280px;
}
.TPL_DEMARCHESERVICEBIS {
	margin: 0px -200% 1rem; padding: 1rem 200% 1rem; background-color: #E5E9EB;
}
@media screen and (max-width:767px)
{
.TPL_DEMARCHESERVICEBIS {
	padding-bottom: 3rem; margin-bottom: 3rem;
}
}

.title-style-3 {text-transform:uppercase}
