@import url("css.css");

@import url("grid.css");
@import url("OwlCarousel.css");
@import url("menu.css");
@import url("header.css");
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

html {
	overflow: hidden;
	overflow-y: auto;
}

html.noscroll {
	position: fixed;
	overflow: hidden;
	width: 100%;
}

body {
	font-family: 'Rethink Sans', sans-serif !important;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #EEECEC;
	overflow: hidden;
	overflow-y: auto;
	color: #5D5D6C;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Rethink Sans', sans-serif !important;
}

h1 {
	color: #111C4E;
	font-size: 69px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
	margin: 0 0 20px;
}

h2 {
	color: #111C4E;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	margin: 0 0 20px;
}

h3 {
	color: #111C4E;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin: 0 0 20px;
}

h4 {
	color: #111C4E;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin: 0 0 20px;
}

ul {
	list-style: none;
}

section ul, section ol, .content-page ul, .content-page ol{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	margin: 0 0 15px;
	padding: 0;
}
section ul li, .content-page ul li{
	position: relative;
	padding: 0 0 0 30px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	color: #5D5D6C;
	text-overflow: ellipsis;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
section ul li::marker, .content-page ul li::marker {
	display:none!important;
	font-size: 0!important;
}
section ul li::before, .content-page ul li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	background: #945CCC url("../images/check.svg") no-repeat center center;
	background-size: 12px 12px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
section ol li, .content-page ol li {
	counter-increment: li;
	position: relative;
	padding: 0 0 0 35px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	color: #5D5D6C;
	text-overflow: ellipsis;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	display: block;
}
section ol li::before, .content-page ol li::before {
	position: absolute;
    left: 0;
    top: 2px;
	content: counter(li);
	display: inline-block;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #945CCC;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

a {
	text-decoration: none;
	color: #1F1A4E;
	cursor: pointer;
}

a img {
	border: none;
}

a:active,
a:focus {
	text-decoration: none;
	outline: none;
}

.color-bleu{
	color: #111C4E;
}

button {
	cursor: pointer;
}

textarea {
    max-width: 100%;
    width: 100%;
    height: auto;
    min-height: 115px;
    background: transparent !important;
}

.btn {
	display: inline-block;
	border: 0 solid #FFC44A;
	background-color: #FFC44A;
	color: #111C4E;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	padding: 18px 22px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:hover {
	background-color: #7249A9;
	border-color: #7249A9;
	color: #fff;
}

.btn.active {
	background-color: #7249A9;
	color: #fff;
}

.btn.active:hover {
	background-color: #7249A9;
}

.btn.btn-white {
	border: 0 solid #FFF;
	background-color: #FFF;
}

.btn.btn-white:hover, .btn.btn-white:active {
	background-color: #7249A9;
	border-color: #7249A9;
	color: #fff;
}

.btn.btn-grey {
	border: 0 solid #E2E0DF;
	background-color: #E2E0DF;
	color: #111C4E;
}

.btn.btn-grey:hover, .btn.btn-grey:active {
	background-color: #7249A9;
	border-color: #7249A9;
	color: #FFF;
}

.btn.btn-small {
	padding: 10px 25px !important;
    min-width: auto !important;
}

.btn.btn-small-2 {
	padding: 11px 25px !important;
    min-width: auto !important;
}

.btn.btn-sm {
	padding: 11px 25px !important;
    min-width: auto !important;
}

.btn.btn-transparent,
.btn.btn-info{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #C6C5D0;
	background-color: transparent;
	color: #111C4E;
}

.btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent.active,
.btn.btn-info:hover, .btn.btn-info:active, .btn.btn-info.active {
	background-color: #7249A9;
    border-color: #7249A9;
    color: #FFF;
}

.link {
	display: inline-block;
	color: #1F1A4E;
	text-align: center;
	font-size: 17px;
	line-height: 20px;
	padding-left: 30px;
	border-radius: 25px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.link:before,
.link:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 20px;
	background-image: url("../images/fleche-courte.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.link:after {
	opacity: 0;
	background-image: url("../images/fleche-courte-dark.svg");
}

.link.has-bg {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}

.link.has-bg:before,
.link.has-bg:after {
	display: none;
}

.link:hover {
	color: #945CCC;
}

.link:hover:before {
	opacity: 0;
}

.link:hover:after {
	opacity: 1;
}

.btns {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

#wapper {
	padding-top: 87px;
}



.ronde_dettes.has-texte h2 {
	font-size: 30px;
	line-height: 110%;
	font-weight: 300;
	text-align: center;
	color: #945CCC;
	padding-bottom: 0;
	margin-bottom: 15px 0 50px !important;
	position: relative;
}

.ronde_dettes.has-texte h3 {	
	color: #945CCC;
    font-size: 24px;
    line-height: 40px;
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 300;
    text-align: left;
}

.color-gris {
	background-color: #f4f4f4 !important;
}

.bloc-left-form .content {
	display: flex;
	padding: 56px;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	background: #111C4E;
	color: #FFF;
	min-height: 900px;
	height: 100%;
}
.bloc-left-form .content .head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
}
.bloc-left-form .content .infos-left{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
}
.bloc-left-form .content .description, .bloc-left-form .content .description p {
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.bloc-left-form .content .description p {
	padding: 0 0 30px;
	margin: 0;
}
.bloc-left-form .content .description_2 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}
.bloc-left-form .content .description_2 h5, .bloc-left-form .content .description_2 p{
	margin: 0;
}
.bloc-left-form .content .description_2 p:last-child {
	color: #9F9FB1;
}
.bloc-left-form .content h1{
	color: #FFF;
	font-size: 69px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
	margin: 0;
	padding: 0;
}
.bloc-left-form .content ul{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	margin: 0;
	padding: 0;
}
.bloc-left-form .content ul li{
	position: relative;
	padding: 0 0 0 30px;
	color: #FFF;
}
.bloc-left-form .content ul li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	background: #945CCC url("../images/check.svg") no-repeat center center;
	background-size: 12px 12px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.bloc-left-form .content .image{
	width: 100%;
}
.bloc-left-form .content a {
	color: #FFF;
}
.bloc-form-texte form {
	max-width: 650px;
	margin: auto;
}
.bloc-form-texte h4{
	color: #111C4E;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}
.bloc-form-texte .champs {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 32px;
}
.bloc-form-texte .champ-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

#header-page{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	position: relative;
	top: -160px;
}

#header-page .header-content-top{
	background: #AE95DA;
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	padding: 255px 0;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}
#header-page .header-content-top::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url("../images/divider.svg") no-repeat center bottom;
	background-size: cover;
    height: 120px;
}
#header-page .header-content-top .content-title {
	display: flex;
	max-width: 870px;
	flex-direction: column;
	align-items: center;
	gap: 25px;
	margin: auto;
    text-align: center;
}
#header-page h1 {
	color: #111C4E;
	text-align: center;
	font-size: 69px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
	margin: 0;
}
#header-page .header-content-top .description {
	max-width: 600px;
	margin: auto;
}
#header-page .header-content-top .description, #header-page .header-content-top .description p {
	color: #111C4E;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
#header-page .header-content-top .description p {
	padding: 0 0 10px;
}
#header-page .header-content-top .btns-header {
	display: flex;
	align-items: center;
	gap: 24px;
}
#header-page .header-image{
	width: 100%;
	margin: -180px 0 0;
}
#header-page .header-image img{
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
}
#header-page .header-content-top .description table {
	width: 100%;
}
#header-page .header-content-top .description table td h2 {
	color: #111C4E;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	margin: 0;
	padding: 0;
}

#header-page-solutions {
	padding: 90px 0 60px;
}
#header-page-solutions h1 {
	color: #111C4E;
	font-size: 69px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
	margin: 0;
	padding: 0;
}
#header-page-solutions .content-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}
#header-page-solutions .content-title.full-texte {
	max-width: 1000px;
    margin: auto;
    text-align: center;
}
#header-page-solutions .content-title.full-texte .description {
	max-width: 650px;
    margin: auto;
    text-align: center;
}
#header-page-solutions .content-title.full-texte .btns-header {
	display: flex;
	align-items: center;
	gap: 24px;
	width: 100%;
    justify-content: center;
}
#header-page-solutions .content-title .description, #header-page-solutions .content-title .description p {
	color: #5D5D6C;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
#header-page-solutions .content-title .description p {
	margin: 0;
	padding: 0;
}
#header-page-solutions .content-image.col-md-6 {
	text-align: right;
}
#header-page-solutions .row {
	position: relative;
}
#header-page-solutions .picto1 {
	position: absolute;
	bottom: 80px;
	left: -15%;
	width: auto;
}
#header-page-solutions .picto2 {
	position: absolute;
    top: 0px;
    right: -10%;
    width: auto;
}

#bloc-chiffres {
	padding: 60px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px;
	flex-shrink: 0;
}
#bloc-chiffres.padding-top0 {
	padding-top: 0;
}
#bloc-chiffres.numbers-wrapper {
	overflow: hidden;
	width: 100%;
}

#bloc-chiffres .numbers{
	display: flex;
	align-items: center;
	gap: 120px;
	position: relative;
}
#bloc-chiffres .numbers .bloc{
	display: flex;
	max-width: 450px;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
}
#bloc-chiffres .cercle {
	width: 148px;
	height: 148px;
	text-align: center;
	color: #111C4E;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	color: #111C4E;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	margin: 0;
	padding: 0;
}
#bloc-chiffres .cercle h2 {
	margin: 0;
	padding: 0;
	color: #111C4E;
	text-align: center;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
}
#bloc-chiffres .cercle .label_1, #bloc-chiffres .cercle .label_2 {
	color: #111C4E;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
#bloc-chiffres .text {
	color: #111C4E;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

#section-partenaire {
	padding: 30px 0 60px;
}
#section-partenaire .img-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	min-height: 535px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	background: #FFF;
}
#section-partenaire .content-partenaire {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
}
#section-partenaire .content-partenaire h2{
	color: #111C4E;
	font-size: 48px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	margin: 0;
	padding: 0;
}
#section-partenaire .content-partenaire .description, #section-partenaire .content-partenaire .description p {
	color: #5D5D6C;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

#header-page-credit {
    padding: 90px 0 60px;
}
#header-page-credit .content-title{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
#header-page-credit h1 {
	color: #111C4E;
	text-align: center;
	font-size: 69px;
	font-style: normal;
	font-weight: 500;
	line-height: 64px;
	margin: 0;
	padding: 0;
}
#header-page-credit .intro {
	max-width: 600px;
	margin: auto;
}
#header-page-credit .intro, #header-page-credit .intro p {
	color: #5D5D6C;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
#header-page-credit .btns-header {
	margin: 12px 0 0;
}
#header-page-credit .picto1 {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: auto;
}
#header-page-credit .picto2 {
    position: absolute;
    top: -85px;
    right: 50px;
    width: auto;
}
#header-page-credit .section-structure {
    padding: 96px 0 0;
}
.align-items-center.structure-texte {
	align-items: flex-start!important;
}
.page-sortir-dettes #section-tarifs{
	margin-top: 60px;
}

#faq-items .faq-item-parent{
	display: flex;
	width: 100%;
	align-items: flex-start;
	gap: 24px;
}
#faq-items .faq-item-parent .items-list{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex: 1 0 0;
	margin: 0 0 80px;
}
#faq-items .faq-item-parent .category-group-name{
	max-width: 315px;
    width: 100%;
	color: #111C4E;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#faq-items .faq-item-parent:last-child .items-list {
	margin: 0 0 60px;
}
#faq_filter ul {
	display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 80px;
    padding: 0;
	flex-direction: row;
}
#faq_filter ul li {
	padding: 0;
	margin: 0;
}
#faq_filter ul li:before {
	display: none;
}
#filter-header .categories-module{
	display: flex;
	width: 100%;
	align-items: flex-start;
	gap: 16px;
	margin: 0 0 80px;
    padding: 0;
}
#filter-header .spacer {
	width: 1px;
	height: 44px;
	background: #C6C5D0;
}

#section-guide .guide-items {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}
#section-guide .guide-items .guide-item {
	margin: 0 0 30px;
}
#section-guide .guide-items .item-content {
	display: flex;
	padding: 56px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	background: #FFF;
	position: relative;
	overflow: hidden;
}

#section-guide .guide-items .item-content::before {
	content: "";
	position: absolute;
	bottom: 0px;
	background: #945CCC;
	height: 10px;
	left: 0;
	right: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#section-guide .guide-items .item-content::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 10px;
	-webkit-transition: width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
}
#section-guide .guide-items .item-content:hover::after {
	width: 100%;
	background: #7249A9;
}

#section-guide .guide-items .item-content h3 {
	margin: 0;
	padding: 0;
}
#section-guide .guide-items .item-content ul.tags {
	margin: 0;
	padding: 0;
	display: block;
}
#section-guide .guide-items .item-content ul li {
	padding: 0;
}
#section-guide .guide-items .item-content ul li::before {
	display: none;
}
#section-guide .guide-items .guide-item .tags .btn{
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: 1px solid #C6C5D0;
    background-color: transparent;
    color: #111C4E;
	padding: 11px 25px;
    min-width: auto;
}
#section-guide .guide-items .guide-item .tags .btn:hover, #section-guide .guide-items .guide-item .tags .btn:focus {
    background-color: #7249A9;
    border-color: #7249A9;
    color: #FFF;
}

#section-testimonials {
	margin: -40px 0 0;
}
#section-testimonials .page-header {
	text-align: center;
	padding: 0 0 40px;
}
#section-testimonials .testimonials-item {
	margin: 0 0 30px;
}
#section-testimonials .testimonials-item .item-content{
	padding: 32px;
	flex-direction: column;
	align-items: flex-start;
	display: flex;
	gap: 24px;
	flex: 1 0 0;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	background: #FFF;
	position: relative;
	overflow: hidden;
	height: 100%;
}
#section-testimonials .testimonials-item .item-content .page-header {
	margin: 0;
	padding: 0;
	text-align: left;
}
#section-testimonials .testimonials-item .item-content p {
	margin: 0;
	padding: 0;
}
#section-testimonials .testimonials-item .item-content .title {
	color: #5D5D6C;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#section-testimonials .testimonials-item .item-content .texte,
#section-testimonials .testimonials-item .item-content em,
#section-testimonials .testimonials-item .item-content p {
	color: #111C4E;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	font-style: normal;
}
#section-testimonials .btn-show-plus {
	text-align: center;
	margin: 20px 0 0;
}

#item-article-guide, #item-article-blog {
	padding: 90px 0 60px;
}
.style-detail-blog .content-detail-left {
	max-width: 315px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}
.style-detail-blog .content-detail-left.fixed {
    position: fixed;
    top: 140px;
    left: auto;
}
.style-detail-blog .content-detail-left h3 {
	color: #5D5D6C;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.style-detail-blog .content-detail-left hr {
	background: #5D5D6C;
	height: 1px;
	width: 100%;
	margin: 0;
	padding: 0;
}
.style-detail-blog .content-detail-left .champ-sommaire {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}
.style-detail-blog .content-detail-left .champ-sommaire p {
	margin: 0;
	padding: 0;
	display: flex;
	padding: 4px 28px 4px 0px;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}
.style-detail-blog .content-detail-left .champ-sommaire p a{
	color: #111C4E;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	position: relative;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.style-detail-blog .content-detail-left .champ-sommaire p a:hover,
.style-detail-blog .content-detail-left .champ-sommaire p a:focus {
	text-decoration: underline;
}
.style-detail-blog .content-detail-left .champ-sommaire p a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	opacity: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #111C4E url("../images/arrow-white.svg") no-repeat center center;
	background-size: 12px 12px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.style-detail-blog .content-detail-left .champ-sommaire p a.active {
	padding-left: 30px;
}
.style-detail-blog .content-detail-left .champ-sommaire p a.active:before {
	opacity: 1;
}
.style-detail-blog .title-cat, .style-detail-blog .title-cat p {
	color: #111C4E;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
}
.style-detail-blog .title-cat {
	margin: 0 0 24px;
}
.style-detail-blog .content-detail-right ul.tags {
	flex-direction: row;
}
.style-detail-blog .content-detail-right ul.tags li {
	padding: 0;
}
.style-detail-blog .content-detail-right ul.tags li:before {
	display: none;
}
.style-detail-blog .content-detail-right .tags a.btn {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #C6C5D0;
	background-color: transparent;
	color: #111C4E;
	padding: 11px 25px !important;
    min-width: auto !important;
}

.style-detail-blog .content-detail-right .tags a.btn:hover,
.style-detail-blog .content-detail-right .tags a.btn:active,
.style-detail-blog .content-detail-right .tags a.btnt.active {
	background-color: #7249A9;
    border-color: #7249A9;
    color: #FFF;
}

.pagination__wrapper ul {
	flex-direction: row;
	background: transparent;
}
.pagination__wrapper ul li {
	padding: 0;
	margin: 0;
}
.pagination__wrapper ul li:before {
	display: none;
}

.style-detail-blog .content-detail-right .content-center {
	padding: 80px 0 0;
}

.style-detail-blog .content-detail-right .content-center em {
	position: relative;
	padding-left: 25px;
	display: flex;
}

.style-detail-blog .content-detail-right .content-center em::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: #945CCC;
	width: 2px;
	flex-shrink: 0;
	align-self: stretch;
}

.style-detail-blog .content-detail-right .content-center .calculateur_assainissement #section-calculateur ,
.style-detail-blog .content-detail-right .content-center .calculateur_assainissement #section-calculateur .container {
	padding: 0;
}
.style-detail-blog .content-detail-right .content-center .calculateur_assainissement #section-calculateur .infos_calc {
	display: flex;
	padding: 56px 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	background: #FFF;
}

.content-center #calculateur {
	overflow: visible;
	padding: 30px 0 60px;
}

.content-center #calculateur .block ul li:before {
	display: none;
}

.content-center #calculateur .block li {
	min-width: 129px;
}

.content-center #calculateur .items {
	margin-top: 30px;
}


.style-detail-blog .zone-news-bottom{
	padding: 120px 0 0;
    width: 100%;
}

.style-detail-blog .zone-news-bottom .articles {
	padding-bottom: 0;
}

.style-detail-blog #section-guide .guide-items {
	padding: 40px 0 0;
}

.zone-news-bottom .champ-personnalise.head-lien {
	position: relative;
}

.zone-news-bottom .champ-personnalise.head-lien a{
	position: absolute;
    right: 15px;
    width: auto;
    z-index: 1;
	top: 0;
}

#section-guide .guide-items .title-zone {
	flex: 1 1 100%;
}

.style-detail-blog #section-guide .guide-items .item-content ul.tags {
	display: flex;
    flex-direction: row;
}

.search-cat-blog{
	display: flex;
	align-items: flex-start;
	gap: 80px;
	align-self: stretch;
	margin: 0 0 20px;
}

#filter-header .search-cat-blog .categories-module {
	margin: 0;
}

#search-blog {
	max-width: 345px;
	width: 100%;
}
#search-blog .input-group, #search-form .input-group{
	max-width: 345px;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 16px 12px;
	align-items: center;
	gap: 16px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #C6C5D0;
}
#search-blog .input-group .input-container {
	position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    z-index: 1;
    width: 100%;
    display: block;
    padding: 0;
    align-items: initial;
    gap: 0;
    flex: auto;
    min-height: auto;
	margin: 0;
}
#search-blog .input-group .input-container label {
	top: 2px;
	left: 1px;
}
#search-form .input-group {
	float: right;
}
#search-blog input.search-query, #search-form input.form-control{
	border: 0;
	padding: 0;
	background: transparent;
	outline: none;
	box-shadow: none!important;
}
#search-blog button.btn, #search-form button.btn{
	background: url("../images/search.svg") no-repeat center center;
	background-size: 18px 18px;
	font-size: 0;
	width: 24px;
	height: 24px;
	padding: 0;
}

.details-tags .date-item {
	color: #5D5D6C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.details-tags {
	display: flex;
    align-items: flex-start;
    align-content: center;
    gap: 12px;
    flex-wrap: nowrap;
}

.details-tags ul{
	display: inline-block;
	margin: -4px 0 0;
}

.details-tags ul li {
	padding: 0 8px;
	margin: 0!important;
	position: relative;
}

.details-tags ul li:after {
	content: "";
    position: absolute;
    left: -4px;
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #5D5D6C;
    top: 12px;
}

.details-tags ul li::before {
	display: none;
}

.details-tags .btn.btn-sm {
	color: #5D5D6C;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	padding: 0!important;
	border: 0;
	background: transparent!important;
}

/* Style de pagination blog */
.blog.articles .counter, .com-finder__counter, .com-tags-tag__pagination .counter{
    display: none;
}

.com-content-category-blog__pagination {
	text-align: center;
	padding: 60px 0 0;
}

.com-finder__navigation {
	text-align: center;
	padding: 0;
	margin: 0;
}
.com-tags-tag__pagination {
	text-align: center;
	padding: 0 0 60px;
	margin: 0;
}

.pagination__wrapper{
	display: inline-block;
    margin: auto;
}

.pagination__wrapper .custom-pagination {
    display: flex;
	gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 2px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
    background: transparent;
	border: 1px solid #C6C5D0
}

.pagination__wrapper .custom-pagination .page-item {
    margin: 0 5px;
    list-style: none;
}

.pagination__wrapper .custom-pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    text-decoration: none;
    color: #5D5D6C;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	background: transparent;
    box-shadow: none;
    border: 0;
}

.pagination__wrapper .custom-pagination .page-item.disabled .page-link {
	background: rgb(226 224 223 / 55%);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
	position: relative;
}

.pagination__wrapper .custom-pagination .current-page {
    background: #111C4E;
    color: #fff !important;
}

.pagination__wrapper .custom-pagination .prev-page, .pagination__wrapper .custom-pagination .first-page,
.pagination__wrapper .custom-pagination .next-page, .pagination__wrapper .custom-pagination .last-page {
    background: #E2E0DF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
	position: relative;
}

.pagination__wrapper .custom-pagination .next-page:after, .pagination__wrapper .custom-pagination .prev-page:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../images/arrow.svg") no-repeat center center;
	background-size: 100%;
	width: 24px;
	height: 24px;
	margin: auto;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.pagination__wrapper .custom-pagination .prev-page:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pagination__wrapper .custom-pagination .next-page:hover, .pagination__wrapper .custom-pagination .last-page:hover,
.pagination__wrapper .custom-pagination .prev-page:hover, .pagination__wrapper .custom-pagination .first-page:hover {
	background: #7249A9;
}

.pagination__wrapper .custom-pagination .next-page:hover:after {
	background: url("../images/arrow-white.svg") no-repeat center center;
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	transform: translateX(5px);
}

.pagination__wrapper .custom-pagination .prev-page:hover:after {
	background: url("../images/arrow-white.svg") no-repeat center center;
	-webkit-transform: translateX(-5px) rotate(180deg);
	-moz-transform: translateX(-5px) rotate(180deg);
	transform: translateX(-5px) rotate(180deg);
}

.pagination__wrapper .custom-pagination .dots .page-link {
    background: none;
    cursor: default;
}

.pagination__wrapper .custom-pagination .page-item:first-child,
.pagination__wrapper .custom-pagination .page-item:last-child {
	display: none!important;
}

.blog-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}
.blog-head .page-header{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
	max-width: 1100px;
	width: 100%;
}
.blog-head .page-header h1 {
	margin: 0;
	padding: 0;
}

#item-article-blog .item-image {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	overflow: hidden;
	margin: 50px 0;
}

#item-article-blog .item-image img {
	width: auto;
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.marginb-60 {
	margin-bottom: 90px;
}

.marginb-30 {
	margin-bottom: 30px;
}

.marginb-0 {
	margin-bottom: 0px!important;
}

.share h3 {
	color: #5D5D6C;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
    padding: 0;
}

.view-category .s2s_supra_contenedor {
	display: none!important;
}
.s2s_contenedor.s2s-btn-group {
	display: flex;
	gap: 8px;
	border: 0;
	margin: 8px 0 0;
	align-items: flex-start;
	justify-content: flex-start;
}

.s2s_contenedor.s2s-btn-group .s2sfo{
	display: none!important;
}

.s2s_credits_wrapper {
	display: none!important;
}

.s2s_contenedor .s2s_facebook {
	margin: 0;
	padding: 0;
}

.s2s_contenedor .s2s_btn.s2s-btn-default {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 100px!important;
	-moz-border-radius: 100px!important;
	border-radius: 100px!important;
	background: #945CCC;
	cursor: pointer;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	position: relative;
	border: 0!important;
	flex-grow: initial;
	margin: 0;
}

.s2s_contenedor .s2s_btn.s2s-btn-default:hover, .s2s_contenedor .s2s_btn.s2s-btn-default:focus, .s2s_contenedor .s2s_btn.s2s-btn-default:active {
	background: #7249A9;
}

.s2s_contenedor .s2s_facebook::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	background: url("../images/facebook-picto.svg") no-repeat center center;
	background-size: 16px 16px;
}
.s2s_contenedor .s2s_linkedin::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: block;
	background: url("../images/linkedin-picto.svg") no-repeat center center;
	background-size: 16px 16px;
}
.s2s_contenedor .s2s_flecha {
	border-color: #7249A9 transparent transparent transparent!important;
}
.s2s_contenedor div.globo.s2s_facebook_iframe .fb-xfbml-parse-ignore {
	display: inline-block;
	border: 0 solid #FFC44A;
	background-color: #FFC44A;
	color: #111C4E;
	text-align: center;
	font-size: 18px;
    line-height: 20px;
	padding: 10px 25px !important;
    min-width: auto !important;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.s2s_contenedor div.globo.s2s_facebook_iframe .fb-xfbml-parse-ignore:hover {
	background-color: #7249A9;
	border-color: #7249A9;
	color: #fff;
}

.style-bloc-white .item-white {
	display: flex;
	padding: 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	background: #FFF;
	height: 100%;
}

.style-bloc-white .item-white h4{
	color: #111C4E;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	margin: 0;
	padding: 0;
}

#search-results {
	padding: 0 0 60px;
}

#search-result-list .result__item + .result__item {
	border: 0!important;
	margin: 0;
	padding: 0;
}
.result__title-link:focus .result__title-text, .result__title-link:hover .result__title-text {
	text-decoration: none!important;
}

.com_content.view-category.page-blog .bandeau_home {
	display: none;
}

#bureaux-section {
	padding: 120px 0;
}
#bureaux-section .head {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
	align-self: stretch;
}
#bureaux-section .head h4{
	margin: 0;
}
#bureaux-section .head > div {
	width: 100%;
}
#bureaux-section .head .adresse {
	min-height: 100px;
}
#bureaux-section .office:hover .lien_map a {
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#bureaux-section .office:hover .lien_map a {
	text-decoration: underline;
}
.lien_map {
	position: relative;
	display: flex;
	padding: 4px 0 4px 40px;
	align-items: center;
	gap: 8px;
	width: 100%;
}
.lien_map::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #945CCC url("../images/location.svg") no-repeat center center;
	background-size: 16px 16px;
	width: 32px;
	height: 32px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#bureaux-section .office:hover .lien_map::before {
	background-color: #7249A9;
}

.menu-fixe-mobile {
	position: fixed;
	right: 15px;
	z-index: 99;
	top: 50%;
	left: auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
.menu-fixe-mobile .picto-phone, .menu-fixe-mobile .picto-calendar, .menu-fixe-mobile .picto-sos{
	display: block;
	width: 66px;
	height: 66px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}
.menu-fixe-mobile .picto-phone {
	background: #FFC44A url("../images/phone.svg") no-repeat center center;
	background-size: 34px 34px;
}
.menu-fixe-mobile .picto-calendar {
	background: #42D4D3 url("../images/calendar.svg") no-repeat center center;
	background-size: 34px 34px;
}
.menu-fixe-mobile .picto-sos {
	background: #42D4D3 url("../images/sos.png") no-repeat center center;
	background-size: 42px auto;
}
.content-modal-rdv {
	position: fixed;
	bottom: 15px;
	left: 15px;
	right: 15px;
	margin: auto;
	z-index: 9999;
	display: flex;
	padding: 24px 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	background: #111C4E;
	max-width: 365px;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0;
	-webkit-transition: transform 0.5s ease, opacity 0.5s ease;
	-moz-transition: transform 0.5s ease, opacity 0.5s ease;
	transition: transform 0.5s ease, opacity 0.5s ease;
}
.content-modal-rdv.opened {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.content-modal-rdv .close-modal {
	position: absolute;
    right: 20px;
    top: 25px;
	display: block;
	width: 34px;
	height: 34px;
	cursor: pointer;
	background: url("../images/close.svg") no-repeat center center;
	background-size: 34px 34px;
}
.content-modal-rdv .titre-head h4{
	color: #FFF;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
	padding: 0 0 0 30px;
	background: url("../images/calendar-title.svg") no-repeat left center;
	background-size: 18px 20px;
}
.content-modal-rdv p {
	color: #9F9FB1;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.content-modal-rdv a {
	color: #9F9FB1;
	text-decoration: underline;
}
.content-modal-rdv .control-group {
	margin: 0 0 25px;
}
.content-modal-rdv .input-container label {
	color: #9F9FB1;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.content-modal-rdv .input-container input, .content-modal-rdv .input-container textarea, .content-modal-rdv .input-container select {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

body.page-politique .item-page h2 {
    margin-top: 40px;
}
body.page-politique .item-page h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

#form-section-rdv {
	display: none;
}
@media screen and (max-width: 950px) {
	h1, #header-page-solutions h1, .bloc-left-form .content h1 {
		text-align: center;
		font-size: 46px!important;
		line-height: 46px!important;
	}
	.bloc-left-form .content h1 {
		text-align: left!important;
	}
	h2 {
		font-size: 38px!important;
	}
	#form-section-rdv {
		display: block;
	}
	#wapper {
		padding-top: 50px;
	}
	.btn {
		font-size: 20px;
		line-height: 24px;
		padding: 12px 16px;
	}
	.btn.btn-small {
		padding: 6px 15px !important;
	}
	.btn.btn-small-2 {
		padding: 5px 15px !important;
        font-size: 16px;
        line-height: 20px;
	}
}

@media screen and (max-width: 767px) {
	.ronde_dettes.has-texte h2,
	.ronde_dettes.has-texte h3 {
		font-size: 25px;
		line-height: 30px;
	}
}


@media (min-width: 768px) {
    .content-center #calculateur .items .col-md-6:first-child {
		padding-left: 0px;
    }
	.content-center #calculateur .items .col-md-6:last-child {
		padding-right: 0px;
    }
}

@media screen and (max-width: 950px) {
	#header-page {
		top: -50px;
	}
	#header-page .header-content-top {
		padding: 125px 0 130px;
	}
	#header-page .header-image {
		margin: -100px 0 0;
	}
	#header-page .header-content-top .btns-header {
		flex-direction: column;
	}
	#header-page-solutions {
		padding: 80px 0 40px;
	}
	#header-page-solutions .picto2 {
		top: -30px;
		right: 0;
	}
	#header-page-solutions .picto1 {
		left: 0;
        top: 50px;
        bottom: auto;
	}
	#header-page-solutions .picto1 img, #header-page-solutions .picto2 img{
		width: 50px;
	}
	#header-page-solutions .content-title .description, #header-page-solutions .content-title .description p {
		text-align: center;
	}
	#header-page-solutions .btns-header {
		margin: auto;
	}
	#header-page-solutions .content-image.col-md-6 {
		padding-top: 50px;
	}
	
	#bloc-chiffres.numbers-wrapper {
		white-space: normal;
		padding: 40px 0;
	}
	#bloc-chiffres .numbers {
		padding: 0 15px;
	}
	#bloc-chiffres .numbers .bloc {
		justify-content: left;
	}
}

@media screen and (max-width: 767px) {
	.search-cat-blog {
		flex-direction: column;
		padding: 0 15px;
		gap: 30px;
	}
	#filter-header .categories-module {
		order: 2;
		overflow: auto;
	}
	#search-blog {
		order: 1;
		max-width: 100%;
	}
	#search-blog .input-group, #search-form .input-group {
		max-width: 100%;
	}
	#filter-header .categories-module .btn.btn-small-2{
		white-space: nowrap;
	}
	#filter-header .spacer {
		height: 31px;
	}
	#item-article-blog {
		padding: 40px 0;
	}
	#item-article-blog.paddingt-90 {
		padding: 90px 0 40px;
	}
	#item-article-guide {
		padding: 90px 0 40px;
		gap: 30px;
	}
	#faq_filter ul li a {
		white-space: nowrap;
	}
	#faq_filter ul {
		overflow: auto;
	}
	#faq-items .faq-item-parent {
		gap: 0;
		flex-direction: column;
	}
	#faq-items .faq-item-parent .items-list {
		margin: 0 0 50px;
	}
	#faq-items .faq-item-parent:last-child .items-list {
		margin: 0;
	}
	#faq-items .faq-item-parent .category-group-name {
		max-width: 100%;
	}
	
	#section-testimonials .page-header{
		padding: 50px 0 30px;
	}
	#section-guide .guide-items .item-content {
		padding: 45px 40px;
	}
	#filter-header .categories-module {
		margin: 0 0 50px;
	}
	
	.bloc-left-form  {
		margin: 0 0 40px;
	}
	.bloc-left-form .content {
		padding: 40px;
		gap: 50px;
		min-height: auto;
	}
	
	#header-page-solutions .content-title {
		align-items: center;
	}
	#section-partenaire {
		padding: 40px 0;
	}
	#section-partenaire .img-logo {
		min-height: 200px;
	}
	#section-partenaire .row.align-items-center {
		gap: 15px;
	}
	
	.blog-head {
		flex-direction: column;
		padding: 100px 0 0;
		position: relative;
	}
	.blog-head .share{
		position: absolute;
		right: 15px;
		top: 15px;
	}
	#item-article-blog .marginb-60{
		margin: 0;
	}
	#item-article-blog .content-detail-right{
		padding: 40px 0 0;
	}
	.style-detail-blog .zone-news-bottom {
		padding: 60px 0 0;
		position: relative;
	}
	.zone-news-bottom .champ-personnalise.head-lien {
		position: absolute;
		right: 15px;
		top: 0;
	}
	.zone-news-bottom .champ-personnalise.head-lien a {
		position: relative;
		right: 0;
		top: 0;
	}
	.style-detail-blog .zone-news-bottom .articles {
		flex-direction: column;
		gap: 30px;
	}
	
	.style-detail-blog .content-detail-right .content-center {
		padding: 40px 0 0;
	}
	.style-detail-blog #section-guide .guide-items {
		gap: 30px;
		padding: 20px 0 0;
	}
}