body {
	font-family: 'Manrope', sans-serif;
	background: #F7F7FA;
}


h1, .tag, .alert.flash, h2, h3, h4, h5, h6, .form-errors .errorExplanation h2, .h1, .h2, .h3, .h4, .h5, .h6, .breadcrumb-item, .text-monospace, small, .page-follow, input, button, select, optgroup, textarea, .nav-tabs .nav-link {
	font-family: 'Manrope', sans-serif ! important;	
}

.page-headline {
	margin-bottom: 0;
	padding-bottom: 24px;
	font-weight: 700;
	font-size: 36px;
	line-height: 60px;
}

.margin-special {
	margin-bottom: 60px;
}

main {
	padding-top: 40px;
	padding-bottom: 60px;
}


.page-item.active .page-link {
	background-color: #E83068;
border-color: #E83068;
}

.trois-attestation {
	padding-top: 20px;
}

.float-label-deux {
	position: relative;
}


.float-label-deux label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - (1.25rem * 2));
    position: absolute;
    margin-bottom: 0;
    padding: 0 0.3125rem;
    top: 1rem;
    left: calc(1.25rem - 0.2rem);
    border-radius: 100px;
    pointer-events: none;
    color: #474849;
    -webkit-transition: all 100ms;
    transition: all 100ms;
    z-index: 1;
}

.float-label-deux.float-label-active label, .text-float-label {
    font-weight: 700;
    font-size: 0.933333333rem;
    font-size: .875rem;
}

.float-label-deux.float-label-active label {
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #ffffff;
}

.trois-attestation p {
font-size: 12px ! important;
line-height: 20px ! important;
padding-bottom: 10px ! important;
}

.connexion-quand-petit-log p {
	font-size: 25px ! important;
	line-height: 34px ! important;
	font-weight: 700;
}

.back-homepage-user {
	display: none;
}

.card-social-slider, .card-footer-radius {
	border-bottom-right-radius: 20px ! important;
	border-bottom-left-radius: 20px ! important;
}

.page-tags {
	margin-top: 0;
}

.layout-slim {
	background: #E83068;
}

.bouton-adherer-petit-log {
	display: flex;
align-items: center;
height: 100%;
}

.current_page_item {
	color:  #E83068 ! important;
	text-decoration: underline;
}

.current_page_item:hover {
	color:  #E83068 ! important;
	text-decoration: underline ! important;
}

.nombre-personne-annuaire {
	margin-bottom: 0;
	padding-bottom: 40px;
}

.grey-link {
	color: #474849 ! important;
}

*:focus {
  outline: none ! important;
}

.red-link, #splash-btn {
	color: #E83068;
}

.custom-control-label-rouge a {
	color: #E83068;
}

.red-link:hover, #splash-btn:hover {
	color: #E83068;
}

.white-link {
	color: #ffffff;
}

.white-link:hover {
	color: #ffffff;
	text-decoration: underline;	
}

.green-link {
	color: #77A52F;
}

.green-link:hover {
	color: #77A52F;	
}

.hide {
	display: none;
}

.fixedPosition {
    overflow: hidden;
}

.menu-bottom-mobile, .logo-header-mobile {
	display: none;
}

.imgOnly {
	margin-left: -20px;
	margin-right: -60px;
}

.p-iframe {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25% ! important;
	margin-bottom: 20px !important;
/*	margin-left: -20px;
	margin-right: -60px;*/
}

.p-iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% ! important;
	height: 100%;
	max-width: unset ! important;
}

.dropdown-toggle {
	cursor: pointer;
}

.btn:focus, .custom-radio-btn .custom-control-label:focus, .btn.focus, .custom-radio-btn .focus.custom-control-label {
	box-shadow: none;
}

.new-headline-page {
	background: #FFFFFF;
	border-radius: 20px;
	font-size: 20px;
	line-height: 30px;
	color: #474849;
	font-weight: 700;
	margin-bottom: 60px;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 40px;
	margin-bottom: 60px;
}


.nombre-personne-annuaire {
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	color: rgba(71, 72, 73, 0.5);
	margin-bottom: 0;
	padding-bottom: 35px;
}

.line-under-title {
	margin-bottom: 20px;
}

/*PAGE PROFIl*/
.div-modifier-profil {
	padding-top: 40px;
	padding-bottom: 10px;
}

.bg-red {
	background: #E83068;
	padding-top: 30px;
	padding-bottom: 35px;
}

.bg-red h1 {
	font-weight: 500;
	font-size: 28px;
	line-height: 38px;
	margin-bottom: 0;
	color: #FFFFFF;	
	padding-top: 25px;
}

.intro-profil-card {
	padding-top: 30px;
	padding-bottom: 45px;
	border-bottom: 1px solid #E3E4E6;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
}

.intro-profil-card svg {
	transition: all 0.3s;
}

.intro-profil-card svg:hover {
	opacity: 0.4;
}

.la-vraie-bio {
	padding-top: 40px;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #474849;
}

.la-vraie-bio a {
	color:  #E83068;
}

.contenu-bio-editable {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 30px;
}

.contenu-bio-editable p {
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 0;
}

.contenu-bio-editable a {
	color:  #E83068;	
}

.tweeter-feed-profil {
	padding-top: 57px;
	border-top: 1px solid #E3E4E6;	
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
}

/*PAGE PETITION*/

.progress {
	background: #F4F4F4;
}

.progress-bar {
	background: #77A52F;
}

.bloc-content-post-petition .page-intro {
	padding-left: 20px;
	padding-right: 20px;
}

.bloc-content-post-petition .page-content {
	padding-left: 20px;
	padding-right: 20px;	
}

/*PAGE LOGIN*/

.nav-tabs {
	background: #F7F7FA;
}

.layout-slim-logo {
	text-align: center;
}

.layout-slim-logo img {
	width: 240px;
	height: auto;
}

.nav-tabs .nav-link {
	color: #474849;
}

.nav-tabs .nav-link.active {
	color: #E83068;
}

.nav-tabs .nav-link span::after {
	background-color: #E83068;
}

/*MENU MOBILE*/

.menu-bottom-mobile {
	background: #474849;
	padding: 5px;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
}

.btn-menu-mobile {
	background: #E83068;
	border-radius: 10px;
	height: 55px;
	width: 55px;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
}

.btn-menu-homepage {
	border-radius: 10px;
	height: 55px;
	width: 55px;
	background: rgba(255, 255, 255, 0.1);
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(home-link-mobile.png);
	opacity: 0.5;	
}

.btn-menu-homepage-actif {
	background: rgba(255, 255, 255, 0.1);
	background-image: url(home-mobile.png);	
	height: 55px;
	width: 114px;
	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85%;
}

.btn-menu-ressource {
	border-radius: 10px;
	height: 55px;
	width: 55px;
	background: rgba(255, 255, 255, 0.1);
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(ressource-link-mobile.png);
	opacity: 0.5;
}
.btn-menu-ressource-actif {
	background: rgba(255, 255, 255, 0.1);
	background-image: url(ressource-link-mobile-actif.png);	
	height: 55px;
	width: 114px;
	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85%;
}
.btn-menu-agenda {
	border-radius: 10px;
	height: 55px;
	width: 55px;
	background: rgba(255, 255, 255, 0.1);
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(agenda-link-mobile.png);
	opacity: 0.5;
}

.btn-menu-agenda-actif {
	background: rgba(255, 255, 255, 0.1);
	background-image: url(agenda-link-mobile-actif.png);	
	height: 55px;
	width: 114px;
	border-radius: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 85%;
}

.btn-menu-compte {
	border-radius: 10px;
	height: 55px;
	width: 55px;
	background: rgba(255, 255, 255, 0.1);
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(compte-link-mobile.png);
	opacity: 0.5;	
}

.btn-menu-mobile-close {
	background-image: url(menu.png);	
}

.btn-menu-mobile-open {
	background-image: url(menu-close.png);	
}

.first-part-menu-mobile {
	background: #F7F7FA;
	padding-left: 40px;
	padding-bottom: 30px;
	padding-right: 26px;
}

.first-part-menu-mobile .nav-item {
	list-style: none;
}

.first-part-menu-mobile .nav-link {
	padding-left: 0;
	font-family: Manrope;
	font-size: 16px;
	font-weight: 700;
	line-height: 28px;
	color: #474849;
}

.first-part-menu-mobile img {
	width: 240px;
	height: auto;
	margin-top: 40px;
	margin-bottom: 48px;
}

.first-part-menu-mobile ul {
	padding-left: 0;
}

.second-part-menu-mobile {
	background: #E83068;
	padding-bottom: 40px;
	padding-top: 40px;
}

.first-part-menu-mobile .dropdown-menu-custom {
	position: static ! important;
	float: none;
	transform: unset ! important;
}


.third-part-menu-mobile {
	padding-left: 40px;
	padding-top: 40px;
	padding-bottom: 90px;
	background: #F7F7FA;
}

.new-menu-mobile {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9998;
	overflow: scroll;
	height: 100%;
}

/*TAGS*/

.new-tag {
	background: rgba(71, 72, 73, 0.1);
	border-radius: 4px;
	color: #474849 ! important;
	font-size: 13px;
	line-height: 18px;
	padding: 1px 6px 3px 6px;
	transition: all 0.3s;
	text-transform: uppercase;
}

.new-tag:hover, 
.new-tag-page:hover {
	background: rgba(71, 72, 73, 0.1);
	color: #474849;
	opacity: 0.8;
	text-decoration: none;
}

.new-tag-page {
	background: rgba(71, 72, 73, 0.1);
	border-radius: 4px;
	color: #474849;
	font-size: 13px;
	line-height: 18px;
	padding: 1px 6px 3px 6px;	
	transition: all 0.3s;
}

.page-tags-deux {
	padding-left: 20px;
	padding-top: 20px;
}

.page-tags-deux ul {
	margin-bottom: 0;
}

/*FORMULAIRE*/

.form-amount-options .custom-control-input:checked ~ .custom-control-label, .donation-v2-amounts .custom-control-input:checked ~ .custom-control-label {
	box-shadow: 0px 0px 18px 0px #474849;
}

.custom-control-label {
	font-size: 14px;
}

.custom-control-label::after {
margin-top: -3px;
}

.custom-control-label::before {
	margin-top: -3px;
}

.form-amount-options .custom-control-input:checked ~ .custom-control-label, .donation-v2-amounts .custom-control-input:checked ~ .custom-control-label {
	background: #77A52F;
}

.form-amount-options .custom-control-label, .donation-v2-amounts .custom-control-label {
	transition: all 0.3s;
}

.form-amount-options .custom-control-label:hover, .donation-v2-amounts .custom-control-label:hover {
	background: rgba(71, 72, 73, 0.1);
	opacity: 0.4;
}

.form-amount-options .custom-control-input:checked ~ .custom-control-label:hover, .donation-v2-amounts .custom-control-input:checked ~ .custom-control-label:hover {
	opacity: 0.8;
	background: #77A52F;
}

.form-control, .StripeElement, .custom-select, .expiration-selects .form-control, .expiration-selects .StripeElement, .country-select .form-control, .country-select .StripeElement {
	border: none;
	background: #F4F4F4;
	border-radius: 4px;
	color: #474849;
	font-size: 18px;
	line-height: 28px;
}

.form-amount-options .custom-control-label, .donation-v2-amounts .custom-control-label {
	background: rgba(71, 72, 73, 0.06);
	color: #474849;
}

.custom-control-input:checked ~ .custom-control-label::before {
	border-color: #77A52F;
	background-color: #77A52F;
}

.paralax-footer .custom-control-input:checked ~ .custom-control-label::before {
	border-color: #E83068 ! important;
	background-color: #E83068 ! important;
}

.paralax-footer  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 2px #E83068,0 0 0 .25rem rgba(196, 207, 0,0.25) ! important;
}


.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #77A52F;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: inset 0 0 0 2px #77A52F,0 0 0 .25rem rgba(196, 207, 0,0.25);
}

.form-control:focus, .StripeElement:focus {
    border-color: #77A52F;
    outline: 0;
    box-shadow: inset 0 0 0 2px #77A52F,0 0 0 .25rem rgba(196, 207, 0,0.25);
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #77A52F;
    outline: 0;
    box-shadow: inset 0 0 0 2px #77A52F,0 0 0 .25rem rgba(196, 207, 0,0.25);	
}

.custom-select:focus, .expiration-selects .form-control:focus, .expiration-selects .StripeElement:focus, .country-select .form-control:focus, .country-select .StripeElement:focus {
    border-color: #77A52F;
    outline: 0;
    box-shadow: inset 0 0 0 2px #77A52F,0 0 0 .25rem rgba(196, 207, 0,0.25);
}

.custom-file-input:focus ~ .custom-file-label::after {
    box-shadow: inset 0 0 0 2px #77A52F,0 0 0 .25rem rgba(196, 207, 0,0.25);	
}

.custom-file-label {
	background: #F4F4F4;
}

.custom-file-label::after {
	background: #77A52F;
	color: #FFFFFF;
}

/*PROGRESS*/

#progress {
	background-color: #77A52F;
	height: 5px;
	width: 0;
	z-index: 8; /* Peut être important si vous avez un menu en position fixe */
	top: 0;
	position: fixed;
}
#progress-overlay {
    background-color: #E83068;
    height: 5px;
    width: 100%;
    position: fixed;
    z-index: 7;
    top: 0px;
}

/*BOUTON*/

.btn-fond-vert {
	padding: 13px 25px;
	transition: all 0.3s;
	background: #77A52F;
	border-radius: 14px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 32px;
	font-weight: 600;
}

.btn-fond-vert:hover {
	background: #FFFFFF;
	opacity: 0.8;
	color: #77A52F;
}

.btn-bordure-rouge {
	color: #E83068;
	border: 1px solid #E83068;
	border-radius: 10px;
	font-size: 14px;
	line-height: 32px;
	font-weight: 700;
	padding: 3px 25px;
	transition: all 0.3s;
}

.btn-bordure-rouge:hover {
	background-color: #E83068;
	color: #FFFFFF;
}

.btn-primary {
	background: #77A52F;
	border-radius: 14px;	
	border: none;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 18px;
	line-height: 32px;
	padding: 14px 25px;
	transition: all 0.3s;
	box-shadow: 0 0 0 4px transparent;
}

.btn-primary:hover {
	background: rgba(196, 207, 0, 0.9);
	box-shadow:  0 0 0 4px rgba(196, 207, 0, 0.2);
	border-radius: 14px;
}

.btn-primary:not(:disabled):not(.disabled):active {
	background: rgba(196, 207, 0, 0.5);
	box-shadow:  0 0 0 4px rgba(196, 207, 0, 0.2);
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow:  0 0 0 4px rgba(196, 207, 0, 0.2);	
}

.btn-fond-rouge {
	background: #E83068;
	border-radius: 14px;
	border: none;
	color: #FFFFFF ! important;
	font-weight: 600;
	font-size: 16px;
	line-height: 21px;
	padding: 19px 60px;
	transition: all 0.3s;
	box-shadow: 0 0 0 4px transparent;
}

.btn-fond-rouge:hover {
	background: rgba(229, 0, 64, 0.9);
	box-shadow:  0 0 0 4px rgba(229, 0, 64, 0.1);
	color: #FFFFFF;
	border-radius: 14px;
}

.btn-fond-rouge:not(:disabled):not(.disabled):active {
	background: rgba(229, 0, 64, 0.5);
	box-shadow:  0 0 0 4px rgba(229, 0, 64, 0.1);
}

.btn-fond-rouge:not(:disabled):not(.disabled):active:focus {
	box-shadow:  0 0 0 4px rgba(229, 0, 64, 0.1);
}

/*FAETURE HOMPEPAGE*/

.effet-background {
	background-blend-mode: multiply, normal;
	filter: drop-shadow(0px 0px 18px rgba(71, 72, 73, 0.1));	
}

.features-layout {
	position: relative;
	box-shadow: 0px 0px 18px rgba(71, 72, 73, 0.1);
	border-radius: 20px;
}
.features-layout-hp {
	margin-bottom: 60px;
}

.features-layout .carousel {

}

.features-layout .carousel-inner {
	height: 100%;
	border-radius: 20px;
}

.features-layout .carousel-item {
	height: 100%;
}

.features-layout .carousel-item div {
	background-size: cover;
	background-position: center;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	height: 640px;
}
.features-layout p {
	font-size: 40px;
	line-height: 52px;
	font-weight: 400;
	color: #FFFFFF;
	position: absolute;
	bottom: 82px;
	left: 40px;
	z-index: 8;
	margin-bottom: 0;
}

.features-layout p a {
	color: #474849;
}

.features-layout .carousel-indicators {
	margin-left: unset;
	margin-right: unset;
	margin-bottom: 0;
	justify-content: unset;
	top: 586px;
	left: 40px;
}

.features-layout .link-feature {
	display: block;
	height: 100%;
	width: 100%;
}

.features-layout .carousel-indicators li {
	width: 70px;
	height: 3px;
}

.features-layout .carousel-indicators li span {
	height: 3px;
	border-radius: 0;
}




/*SUPPORTER NAV*/

.avatar-col-right {
	display: flex;
	align-items: center;
	padding-bottom: 14px;
	width: 240px;
}

.avatar-col-right span {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 14px;
	font-weight: 600;
	display: block;
}

.avatar-col-right span a {
	color: #FFFFFF;
	text-decoration: underline;	
}
.avatar-col-right img, .avatar-col-right svg {
	margin-right: 12px;
}

.avatar-col-right p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	color: #FFFFFF;
}

.avatar-col-right p a {
	color: #FFFFFF;
}

.col-right-destop-flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: sticky;	
	top: 40px;
	padding-bottom: 40px;
}


.col-right-destop {
	background: #E83068;
	padding-left: 0;
	padding-top: 40px;
	min-height: 100vh;
}

.bloc-menu-right-destop {
	background: #F7F7FA;
	border-radius: 14px;
}



.bloc-connexion-right {
	width: 240px;
	margin-bottom: 20px;
	background: #77A52F;
	border-radius: 14px;
	display: flex;
	transition: all 0.3s;

}

.bloc-connexion-right a {
	text-decoration: none;
}

.bloc-connexion-right svg {
	margin-left: 15px;
}

.bloc-menu-right-destop {
	width: 240px;	
}

.link-supporter-nav {
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 20px;
	display: flex;
	justify-content: space-between;
	transition: background 0.3s;
}

.link-supporter-nav path {
	transition: all 0.3s;
}

.bouton-adherer path {
	transition: all 0.3s;
}

.link-supporter-nav:hover {
	background: #474849;
	color: #FFFFFF;
	transition: background 0.3s;
}


.bloc-menu-right-destop a:first-child > .link-supporter-nav  {
border-radius: 14px 14px 0 0;
}


.bloc-menu-right-destop a:last-child > .link-supporter-nav  {
border-radius: 0 0 14px 14px;
}

.bloc-menu-right-destop a:first-child > .link-supporter-nav:hover  {
border-radius: 14px 14px 0 0;
}


.bloc-menu-right-destop a:last-child > .link-supporter-nav:hover  {
border-radius: 0 0 14px 14px;
}

.bloc-menu-right-destop a:hover {
	text-decoration: none;
}

.link-supporter-nav p {
	margin-bottom: 0;
	color: #474849;
	font-size: 15px;
	line-height: 19px;
	font-weight: 600;
	transition: all 0.3s;
}

.link-supporter-nav-dons p {
	color: #E83068;
}

.bouton-connexion {
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
	color: #E83068;
	background: #F7F7FA;
	border-radius: 14px 0 0 14px;
	padding: 15px;
	border: 1px solid #F7F7FA;
	transition: all 0.3s;
}

.bouton-connexion:hover {
	color: #F7F7FA;
	background:#E83068;
	text-decoration: none;
}

.bouton-adherer {
	font-size: 14px;
	line-height: 28px;
	font-weight: 600;
	color: #F7F7FA;
	padding: 15px;
	border: 1px solid #77A52F;
	border-radius: 0 14px 14px 0;
	padding-right: 19px;
	transition: all 0.3s;
}

.bouton-adherer:hover {
	color: #77A52F;
}

/*MENU GAUCHE*/

.header-wrapper-mobile {
	display: none;
}


.header-wrapper-destop {
	padding-left: 40px;
	position: sticky;
	top: 40px;
	padding-bottom: 40px;
}

.dropdown-menu-custom {
	background: #FFFFFF;
	border-radius: 14px;
	position: initial;
	margin-bottom: 20px;
	box-shadow: none;
	border: none;
		position: static ! important;
	float: none;
	transform: unset ! important;
	margin-left: -20px;
}

.dropdown-toggle::after {
	position: absolute;
	right: 0;
}

.dropdown-menu-custom .dropdown-item {
	padding-left: 20px;
	color: #474849;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
}

.dropdown-item:active {
	background-color: #E83068;
}

.header-wrapper-destop ul {
	list-style: none;
	padding-left: 0;
}

.header-wrapper-destop .nav-link {
	color: #474849;
	font-size: 16px;
	line-height: 28px;
	padding: 0;
	padding-bottom: 20px;
}

.header-wrapper-destop .nav-link:hover {
	color: #E83068;
}

.col-left-destop {
	padding-top: 40px;
}

.logo-site-destop {
	margin-bottom: 48px;
	width: 240px;
	height: auto;
}

.logo-ps {
	width: 90px;
	height: auto;
	margin-top: 29px;
}

.rs-menu-gauche {
	padding-top: 30px;
	padding-bottom: 20px;
}

.rs-menu-gauche a:hover {
	text-decoration: none;
}

.rs-menu-gauche img {
	width: 26px;
	height: 26px;
	transition: all 0.3s;
}
.rs-menu-gauche img:hover {
	opacity: 0.7;
}

.instagram-link {
	margin-left: 15px;
	margin-right: 15px;
}

.telegram-link {
	margin-left: 15px;
}

.other-links a {
	font-weight: 600;
	font-size: 14px;
	line-height: 28px;
	color: rgba(71, 72, 73, 0.5);
	display: block;
}

/*BLOG POST HOMEPAGE*/

.bloc-blog-post-hp {
	background: #FFFFFF;
	box-shadow: 0px 0px 18px rgba(71, 72, 73, 0.1);
	border-radius: 20px;
	margin-bottom: 60px;
	transition: all 0.3s;
}

.bloc-blog-post-hp-content {
	padding: 27px 40px 20px 40px;
}

.bloc-blog-post-hp-content table {
	max-width: 100%;
}

.bloc-blog-post-hp-content h2 {
	margin-bottom: 0;
	padding-bottom: 9px;
	font-weight: 800;
	font-size: 26px;
	line-height: 36px;
	color: #474849;
}

.bloc-blog-post-hp-content h2 a {
	color: #474849;	
}

.bloc-blog-post-hp-content p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 28px;
	color: #474849;
	padding-bottom: 20px;
}

.bloc-blog-post-hp-content a {
	color: #E83068;
}

.byline-post-hp {
	padding: 25px 40px;
	border-bottom: 1px solid rgba(71, 72, 73, 0.06);
}

.read-after {
	text-align: left;
	padding-bottom: 20px;
}

.read-after a {
	color: #E83068;
	font-size: 18px;
	line-height: 28px;
}

.byline-post-hp img, .byline-post-hp svg {
	margin-right: 15px;
}

.byline-post-hp p {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}

.byline-post-hp a {
	font-weight: 600;
	color: #474849;
}

.byline-post-hp small {
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;	
	display: block;
}

.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

/*PAGE EVENT*/

.date-lieu-event-page {
	padding-top: 20px;
}

.date-lieu-event-page .lieu-event-hp {
	padding-bottom: 10px ! important;
}

/* EVENT HOMEPAGE*/
.bloc-event-hp {
	background: #FFFFFF;
	box-shadow: 0px 0px 18px rgba(71, 72, 73, 0.1);
	border-radius: 20px;
	margin-bottom: 60px;
	transition: all 0.3s;
}

.bloc-event-hp-content {
	padding: 20px 40px 20px 20px;
}

.bloc-event-hp-content h2 {
	margin-bottom: 0;
	font-weight: 800;
	font-size: 26px;
	line-height: 36px;
	color: #474849;
	padding-bottom: 16px;
}

.bloc-event-hp-content h2 a {
	color: #474849;	
}

.date-event-hp span,
.lieu-event-hp span,
.contact-event-hp span {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	color: #474849;
}

.btn-fond-rouge-event {
	margin-bottom: 40px;
}

.lieu-event-hp span a {
	color: #474849;
}

.date-event-hp svg,
.lieu-event-hp svg,
.contact-event-hp svg {
	margin-right: 25px;
}

.date-event-hp {
	padding-bottom: 10px;
}

.lieu-event-hp {
	padding-bottom: 30px;
}

.date-event-hp-padding {
	padding-bottom: 30px;	
}

.custom-date {
	text-align: center;
	min-width: 100px;
	position: absolute;
	left: 40px;
	top: 40px;
	box-shadow: 0px 4px 18px rgba(71, 72, 73, 0.1);
}

.custom-mois {
	background: #E83068;
	border-radius: 20px 20px 0 0;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 31px;
	font-weight: 800;
	text-transform: uppercase;
	padding: 6px 15px;
}


.custom-jour {
	background: #FFFFFF;
	border-radius: 0 0 20px 20px;
	color: #474849;
	font-size: 34px;
	line-height: 44px;
	font-weight: 800;
	text-transform: uppercase;	
	padding-top: 5px;
	padding-bottom: 7px;
}

.bloc-image-event {
	position: relative;
}

.bloc-image-event img {
	width: 100%;
}

/*PAGE POST*/

.meta-image-content-post {
	border-radius: 40px 40px 0 0;
	width: 100%;
}

.bloc-content-post {
	background: #FFFFFF;
	color: #474849;
	border-radius: 40px;
	margin-bottom: 60px;
}

.bloc-intro-post {
	padding: 30px 20px 23px 20px;
}

.bloc-intro-post #mybread {
	padding-bottom: 5px;
}

.bloc-intro-post #mybread .breadcrumb-item {
	font-weight: 500;
	font-size: 14px;
}

.bloc-intro-post h1 {
	margin-bottom: 0;
	font-weight: 700;
	font-size: 36px;
	line-height: 46px;
}

.byline-blog-post {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top: 1px solid rgba(71, 72, 73, 0.06);
	border-bottom: 1px solid rgba(71, 72, 73, 0.06);
}

.byline-blog-post p {
	margin-bottom: 0;
}

.byline-blog-post .avatar {
	margin-right: 15px;
}

.byline-blog-post p {
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}

.byline-blog-post p a {
	font-weight: 600;
	color: #474849;
}

.bloc-content-post .post-content {
	padding: 30px 60px 40px 20px;
}

.bloc-content-post .post-content p, .page-content p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 20px;
}

.bloc-content-post .post-content blockquote, .page-content blockquote {
	background: #77A52F;
	margin-right: -60px;
	margin-left: -20px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.bloc-content-post .post-content blockquote p, .page-content blockquote p {
	margin-bottom: 0;
	font-weight: 200;
	font-size: 32px;
	line-height: 44px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0 ! important;
}

.bloc-content-post .post-content ul li, .page-content ul li {
	font-size: 18px;
	line-height: 28px;
}


.bloc-content-post .post-content h2, .page-content h2 {
	margin-bottom: 0;
	font-weight: 700;
	padding-bottom: 24px;
	font-size: 30px;
	line-height: 38px;
}
.bloc-content-post .post-content h3, .page-content h3 {
	margin-bottom: 0;	
	font-weight: 700;
	padding-bottom: 24px;
	font-size: 24px;
	line-height: 34px;
}

.bloc-content-post .post-content h3 a, .page-content h3 a {
	color: #E83068;
}

.bloc-content-post .post-content h4, .page-content h4 {
	margin-bottom: 0;	
	font-weight: 700;
	padding-bottom: 24px;
	font-size: 20px;
	line-height: 26px;
}


.bloc-content-post .post-content h4 a, .page-content h4 a {
	color: #E83068;
}

.bloc-content-post .post-content h5, .page-content h5 {
	margin-bottom: 0;	
	font-weight: 800;
	padding-bottom: 24px;
	color: #E83068;
	font-size: 18px;
	line-height: 24px;
}


.bloc-content-post .post-content p a, .page-content p a {
	font-weight: 500;
	color: #E83068;
}

.byline-blog-post p small {
	font-size: 14px;
	line-height: 19px;
	display: block;
}

.bloc-partage-post {
	background: #E83068;
	border-radius: 20px;
	padding-left: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.bloc-partage-post a:hover {
	text-decoration: none;
}

.bloc-partage-post img {
	width: 30px;
	height: 30px;
	margin-right: 20px;
	transition: all 0.3s;
}

.bloc-partage-post img:hover {
	opacity: 0.7;
}

.bloc-partage-post-intro p {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 21px;
	line-height: 30px;
}

.bloc-partage-post-intro a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	line-height: 14px;
}

.bloc-partage-post-intro a:hover {
	text-decoration: none;
}

/*SIGNUP SHOW*/

.card {
	box-shadow: 0px 0px 18px rgba(71, 72, 73, 0.1);
	border-radius: 20px;
	background: #FFFFFF;
	border: none;
}

.card .card-header {
	padding: 25px 20px 25px 25px;
}

.card .card-header .d-md-flex {
	align-items: center;
}

.media-signup .linked-signup-name {
	color: #474849 ! important;
	font-weight: 600 ! important;
	font-size: 20px ! important;
	line-height: 30px ! important;
}

.media-signup a {
	color: #77A52F;
}

.card-body {
	padding: 17px 25px 20px 25px;
}

.card-body p {
	margin-bottom: 0;
	font-weight: 400;
	color: #474849;
	font-size: 18px;
	line-height: 28px;
}

.card-body .breadcrumb {
	padding-top: 30px;
}

.card-body .breadcrumb-item + .breadcrumb-item {
    padding-left: 2px;
}

.card-body .breadcrumb-item + .breadcrumb-item::before {
	padding-right: 0px;
}

.card-body .breadcrumb .breadcrumb-item {
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
}
.card-body .breadcrumb .breadcrumb-item a {
	color: #E83068;
}

.media-signup img {
	margin-right: 10px;
}

/*PAGE STREAM*/

.page-stream {
	background: #FFFFFF;
	border-radius: 20px;
	margin-top: 60px;
}

.page-stream .login-button-facebook,
.page-stream .login-button-twitter {
	padding: 13px 25px;
	transition: all 0.3s;
	background: #77A52F;
	border-radius: 14px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 32px;
	font-weight: 600;
}


.page-stream .login-button-facebook:hover,
.page-stream .login-button-twitter:hover {
	background: #FFFFFF;
	opacity: 0.8;
	color: #77A52F;
}

.page-stream .login-button-facebook:not(:disabled):not(.disabled):active {
	background: #FFFFFF;
	box-shadow: unset;
	opacity: 0.8;
	color: #77A52F;
	border: 1px solid #FFFFFF;
}

.page-stream .login-button-facebook:not(:disabled):not(.disabled):active:focus {
	box-shadow: unset;
		opacity: 0.8;
	color: #77A52F;
}

.page-stream .login-button-twitter:not(:disabled):not(.disabled):active {
	background: #FFFFFF;
	box-shadow: unset;
	opacity: 0.8;
	color: #77A52F;
	border: 1px solid #FFFFFF;
}

.page-stream .login-button-twitter:not(:disabled):not(.disabled):active:focus {
	box-shadow: unset;
		opacity: 0.8;
	color: #77A52F;
}



.page-stream-commentaire {
	background: #77A52F;
	border-radius: 20px;
	padding: 52px 20px 60px 20px;
}

.page-stream-commentaire h3 {
	font-weight: 500;
	font-size: 28px;
	line-height: 38px;
	color: #FFFFFF;
	margin-bottom: 0;
	padding-bottom: 28px;
}

.page-stream-commentaire .comment-trigger {
	background: #FFFFFF;
	box-shadow: 0px 0px 18px rgba(71, 72, 73, 0.1);
	border-radius: 4px;	
	border: none;
	font-family: 'Manrope', sans-serif;
	color: #474849;
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	padding: 18px 15px;
}

.page-stream-commentaire-deux {
	padding: 40px 20px 60px 20px;
}

.page-stream-commentaire-deux h3 {
	font-weight: 500;
	font-size: 28px;
	line-height: 38px;
	color: #474849;
	margin-bottom: 0;
}

.page-stream-commentaire-deux .flex-wrap-padding {
	padding-bottom: 40px;
}

.addreaction .page-follow {
	font-family: 'Manrope', sans-serif;	
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;
	color: #77A52F;
}

/*PAGE FAQ*/

.card-faq-un {
	background: #FFFFFF;
}

.card-faq-un h2 {
	color: #474849 ! important;
}

.card-faq-un a {
	color:  #474849 ! important;
	text-decoration: underline;
}

.card-faq-deux {
	background: #77A52F;
	color: #FFFFFF ! important;
}

.card-faq-deux a {
	color: #FFFFFF ! important;
	text-decoration: underline;	
}

.card-faq-trois a {
	color: #FFFFFF ! important;
	text-decoration: underline;	
}

.card-faq-trois {
	background: #E83068;
	color: #FFFFFF ! important;
}

.card-faq-deux p {
	color: #FFFFFF ! important;
}

.card-faq-deux h2 {
	color: #FFFFFF ! important;	
}

.card-faq-trois h2 {
	color: #FFFFFF ! important;	
}

.card-faq-trois p {
	color: #FFFFFF ! important;
}


.card-faq .accordion-headline {
	font-weight: 500;
	font-size: 24px;
	line-height: 33px;	
}

.card-faq-un .accordion-headline a {
	color: #474849;
	font-size: 24px;
	line-height: 33px;	
}

.card-faq-un path {
	stroke: #474849;
}

.card-faq-deux path,
.card-faq-trois path {
	stroke: #FFFFFF;
}


.card-faq-deux .accordion-headline a,
.card-faq-trois .accordion-headline a {
	color: #FFFFFF;
	font-size: 24px;
	line-height: 33px;	
}


.accordion .card + .card {
	margin-top: 30px;
}


/*
FOOTER */

footer {
	display: none;
}

.new-footer {
	text-align: center;
}

.new-footer img {
	margin-bottom: 50px;
	width: 32px;
	height: 32px;
}

.new-footer-first-div {
	padding-bottom: 30px;
}

.new-footer-first-div span {
	cursor: pointer;
}

.new-footer-first-div p {
	margin-bottom: 0;
	font-weight: 200;
	font-size: 38px;
	line-height: 50px;
}

.new-footer-second-div p {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 35px;
	font-weight: 400;
}

.new-footer-second-div {
	padding-bottom: 150px;
}


.container-pour-footer {
	margin-bottom: 597px;
	background: #F7F7FA;
}

.paralax-footer {
	position: fixed;
bottom: 0;
width: 100%;
z-index: -1;
overflow: visible;
background-image: url(background-footer.png);
min-height: 597px;
margin-left: -30px;
background-size: cover;
}

.paralax-footer p {
padding-top: 60px;
font-size: 38px;
line-height: 54px;
color: #FFFFFF;
font-weight: 400;
padding-bottom: 40px;
margin-bottom: 0;
}

.paralax-footer .custom-control-label {
color: #FFFFFF;	
}

/*MODAL*/

.modal {
	background: #E83068;
}

#shareModalLabel {
	font-weight: 500;
	font-size: 28px;
	line-height: 38px;
	color: #FFFFFF;
	padding-bottom: 3px;
}

.phrase-intro-modal {
	font-size: 20px;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.75);
	font-weight: 400;
}

.form-control:disabled, .StripeElement:disabled, .form-control[readonly], [readonly].StripeElement {
	background: #ffffff;
}

.btn-secondary {
	background: #F3F4F8;
	font-size: 18px;
	line-height: 28px;
	color: #474849 ! important;
}

.modal .close {
	background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 31.5C25.4558 31.5 31.5 25.4558 31.5 18C31.5 10.5442 25.4558 4.5 18 4.5C10.5442 4.5 4.5 10.5442 4.5 18C4.5 25.4558 10.5442 31.5 18 31.5Z' stroke='%23FFFFFF' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M22.5 13.5L13.5 22.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 22.5L13.5 13.5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}



/*PAGE DON*/
.intro-page-don h2 {
font-size: 34px;
font-weight: 700;
line-height: 34px;
padding-bottom: 30px;
}

.intro-page-don h3 {
	padding-bottom: 20px;
	font-size: 25px;
font-weight: 600;
line-height: 33px;
}

.intro-page-don .bloc-montant {
	text-align: center;
	padding-bottom: 20px;
}

.intro-page-don div span {
	background-color: #F7F7FA;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 16px;
		font-size: 18px;
	line-height: 28px;	
	color: #474849;
	width: 65px;
display: inline-block;
margin-bottom: 15px;
margin-left: 8px;
margin-right: 8px;
cursor: pointer;
border-radius: 4px;
}

.span-active {
	background: #E83068 ! important;
	color: #ffffff  ! important;
}

.btn-fond-vert-deux {
	display: block;
	background: #77A52F;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	border-radius: 14px;
	text-decoration: none;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 20px;
	transition: all 0.3s;
}

.btn-fond-vert-deux:hover {
	opacity: 0.8;
	text-decoration: none;
	color: #ffffff;	
}


.intro-page-don p {
	font-size: 18px;
	line-height: 28px;	
}


.intro-page-don p span {
	font-weight: 600;
}

.intro-page-don {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 40px;	
	margin-bottom: 50px;	
}

.intro-page-don h2, .intro-page-don  p {
	margin-bottom: 0;
}

.cheques-don {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 40px;	
	margin-bottom: 50px;
}

.cheques-don h2, .cheques-don p {
	margin-bottom: 0;
}

.cheques-don h2 {
font-size: 34px;
font-weight: 700;
line-height: 34px;
padding-bottom: 30px;
}


.cheques-don p {
	font-size: 18px;
	line-height: 28px;	
}


.cheques-don p span {
	font-weight: 600;
}



.articles-dons h3, .articles-dons p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 28px;
}

.articles-dons {
	background: #FFFFFF;
	border-radius: 20px;
	padding: 40px;
}

.articles-dons h3 {
	font-weight: 600;
}

.articles-dons div {
	padding-bottom: 30px;
}



@media all and (max-width: 992px) { 

/*MENU GAUCHE*/

.header-wrapper-mobile {
	display: initial;
}

.header-wrapper-destop {
	display: none;
}

}


@media all and (max-width: 768px) { 


.back-homepage-user {
	display: block;
	text-align: center;
	padding-top: 20px;
}

.back-homepage-user a {
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
}

.second-part-menu-mobile {
	padding-left: 40px;
}

.col-right-destop-flex {
	display: initial;
}

.paralax-footer {
margin-left: -10px ! important;
padding-left: 20px;
padding-right: 20px;
}

.paralax-footer p {
	font-size: 28px;
line-height: 36px;
padding-top: 40px;
}

.new-footer img {
	margin-bottom: 30px;
	margin-top: 70px;
}

.new-footer-second-div p {
	font-size: 22px;
	line-height: 32px;
}

.logo-header-mobile {
	display: block;
}

.features-layout .carousel-indicators li {
	width: 50px;
}

.logo-header-mobile img {
	margin-bottom: 40px;
	width: 240px;
	height: auto;
	margin-left: 30px;
}

/*MENU GAUCHE*/

.col-right-destop, .col-left-destop {
	display: none;
}


.btn-fond-rouge {
	line-height: 32px;
	padding: 8px 25px;	
}

/*MENU MOBILE*/

.dropdown-menu-custom .dropdown-item {
    font-size: 14px;
    line-height: 22px;
}

.menu-bottom-mobile {
	display: block;
}

.menu-bottom-mobile {
	background: #474849;
	padding: 5px;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	display: flex;
	justify-content: space-between;
}

/*FEATURES*/


.features-layout .carousel-item div {
	height: 424px;
}

.features-layout .carousel-indicators {
	top: 385px;
	left: 27px;
}

.features-layout p {
	left: 27px;	
	bottom: 55px;
	margin-bottom: 0;
}

.features-layout-hp, .bloc-blog-post-hp, .bloc-event-hp {
    margin-bottom: 40px;
}



.container-fluid {
padding-right: 10px;
padding-left: 10px;
}



.row {

margin-right: 0px;
margin-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
padding-right: 0;
padding-left: 0;
}




/*HOMEPAGE*/

.bloc-blog-post-hp-content {
	padding: 20px 20px 30px 20px;
}

.bloc-event-hp-content {
    padding: 20px 20px 10px 20px;
}

.btn-fond-rouge-event {
	margin-bottom: 10px;
}

.byline-post-hp {
	padding: 18px 20px;
}

.byline-post-hp p {
    font-size: 16px;
    line-height: 26px;
}

.bloc-blog-post-hp-content h2, .bloc-event-hp-content h2 {
	font-size: 18px;
	line-height: 25px;
}

.bloc-blog-post-hp-content p {
	font-size: 16px;
	line-height: 23px;
}

.date-event-hp span, .lieu-event-hp span, .contact-event-hp span {
    font-size: 14px;
    line-height: 19px;
}

.date-event-hp svg, .lieu-event-hp svg, .contact-event-hp svg {
    margin-right: 15px;
}

.custom-mois {
	font-size: 16px;
	line-height: 21px;
	padding: 4px 10px;
}

.custom-jour {
	font-size: 22px;
	line-height: 30px;
}

.custom-date {
	min-width: 70px;
	left: 20px;
}


}