/*
author : el mansouri.abdelilah
version : 1
 */

:root {
    /* COLOR */
    --global--color-green: #116e27;
    --global--color-greenlight: #8db898;

    --global--color-green-apple: #b5d100;
    --global--color-green-applelight: #dce987;

	--global--color-brown: #cd8133;
	--global--color-brownlight: #e7c49f;
    

    


    /* Font Size */
    --global--font-size-base: 16px;
    --global--font-size-xs: 14px;
    --global--font-size-sm: 16px;
    --global--font-size-md: 17px;
    --global--font-size-lg: 18px;
    --global--font-size-xl: 2.25rem;
    --global--font-size-xxl: 4rem;
    --global--font-size-xxxl: 5rem;
    --global--font-size-page-title: var(--global--font-size-xxl);
    --global--letter-spacing: normal;

 
}  

/*****
 font-family: 'Cookie', cursive;
font-family: 'Poppins', sans-serif;
***/

body{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:  24px;
	line-height: 30px;
	font-weight: normal;
	color: #000;
}
body.no-scroll{
	overflow: hidden;
}

#wrapper{
	overflow-x: hidden;
}
.content-mobile{
	display: none;
}


.bloc-nav-bullet{
	position: fixed;
	right: 30px;
	top:calc(50% - 40px);
	z-index: 2000;
}
.bloc-nav-bullet li {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 10px 0;
}
.bloc-nav-bullet li a{
	display: block;
	width: 15px;
	height: 15px;
	background: transparent;
	border:2px solid #fff;
	border-radius: 50%;
}

.bloc-nav-bullet li.current a{
	background: #fff;
}

p{
	letter-spacing: 0.2px;
}




/******************* HEADER **********************/

.header{
	background: #000 url(../images/image-fond-slider.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.slider-head{
	color: #fff;
}
.logo-fnd{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15%;
}
.slider-head .text-1{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 1%;
}
.slider-head .logo-fnd img,
.slider-head .text-1 .deco-top img,
.slider-head .text-1 .deco-bottom img{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
	.slider-head .text-1{
		text-shadow: 1px 1px 2px #000;
	}
	.slider-head .text-1 p{
		font-size: 60px;
		line-height: 60px;
		font-weight: bold;
		margin: 0;
	}
	.slider-head .text-1 .deco-top{
		margin-bottom: 5px;
	}
.slider-head .text-2{
	font-size: 44px;
	line-height: 60px;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
}
.slick-slide .text-2 .ancre{
	margin-top: 20px;
}
.slick-slide .text-2 img {
    display: inline;
}
.slide-1 .logo-fnd,
.slide-1 .text-1,
.slide-1 .text-2{
	opacity: 0;
}
.slide-2 .logo-fnd,
.slide-2 .text-2{
	opacity: 0;
}
.slide-3 .logo-fnd{
	opacity: 0;
}

.slider-head .slick-dots{
	position: absolute;
	right: 40px;
	top:50%;
	bottom: inherit;
    width: auto;
}
.slider-head .slick-dots:before{
	width: 100%;
	height: 100%;
	content: '';
	background: transparent;
	position: absolute;
	top:0;
	right: 0;
	z-index: 100;
}
.slider-head .slick-dots li {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 0 10px 0;
}
.slider-head .slick-dots li button:before{
	content: '';
	width: 15px;
	height: 15px;
	background: transparent;
	border:2px solid #fff;
	border-radius: 50%;
	opacity: 1;
}
.slider-head .slick-dots .slick-active button:before{
	background: #fff;
	opacity: 1;
}

/******************  FORMULAIRE DON *************/

.bloc-dons{
	background: #005092;
	position: fixed;
	width: 100%;
	bottom:-50%;
	left: 0;
	right: 0;
	z-index: 110;
	padding: 22px 0;
	display: block;
}

.error_montant{
    color: red;
    font-size: 14px;
    line-height: 16px;
    background: #fff;
    padding: 5px 15px;
    text-align: center;
    display: none;
    margin: 10px auto 0 auto;
    max-width: 100%;
}

.item-input{
	font-size: 30px;
	line-height: 60px;
	color: #fff;
	padding-left: 40px;
	position: relative;
}
.item-input.input{
	padding-left: 0;
}

.style-form .radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
    height: 0;
}
.style-form .radio-toolbar .label{
	margin-bottom: 5px;
}
.style-form .radio-toolbar label {
    color: #fff;
    display:block;
    font-size: 24px;
    line-height: 24px;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
    font-weight: bold;
}

/* .style-form .radio-toolbar label:hover {
    color: #fff;
    background-color: #FFB601;
}
*/

/*.style-form .radio-toolbar input[type="radio"]:focus + label {
    background-color: #FFB601;
    border: 2px solid #FFB601;
}*/

/*.style-form .radio-toolbar input[type="radio"]:checked + label {
    background-color: #FFB601;
    border: 2px solid #FFB601;
}*/

.style-form .radio-toolbar label:before{
	content: '';
	width: 27px;
	height: 27px;
	background: #fff;
	
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 10px;
	left: -40px;
	border:3px solid #FFD300;
}
.style-form .radio-toolbar label.active{
	color: #FFD300;
}
.style-form .radio-toolbar label.active:before{
	background: #005092;

	border:6px solid #FFD300;

}

.style-form .radio-toolbar .input-radioLibre {
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;
    background-color: #fff;
    border: none;
    color: #005092;
    padding: 8px 20px 8px 10px;
    position: relative;
}
.style-form .radio-toolbar .item-input.input span.input {
	position: relative;
}
.style-form .radio-toolbar .item-input.input span.input:before{
        content: '€';
        position: absolute;
        top:  10px;
        right: 10px;
        font-size: 24px;
        line-height: 24px;
        color: #005092;
        z-index: 1000;
    }
.style-form .radio-toolbar input[type="text"]:focus{
    background-color: #fff;
    border: none;
    outline: none !important;
}

.style-form .radio-toolbar .input-radioLibre::placeholder{
    color: #005092 !important;
    opacity: 1;
    font-weight: normal;
}
.style-form .radio-toolbar .input-radioLibre::-webkit-input-placeholder{
    color: #005092 !important;
    opacity: 1;
    font-weight: normal;
}
.style-form .radio-toolbar .input-radioLibre:-moz-placeholder{
    color: #005092 !important;
    opacity: 1;
    font-weight: normal;
}
.style-form .radio-toolbar .input-radioLibre:-moz-placeholder{
    color: #005092 !important;
    opacity: 1;
    font-weight: normal;
}
.style-form .radio-toolbar .input-radioLibre:-ms-input-placeholder{
    color: #005092 !important;
    opacity: 1;
    font-weight: normal;
}
.style-form .radio-toolbar .input-radioLibre::-ms-input-placeholder{
    color: #000 !important;
    opacity: 1;
    font-weight: normal;
}

.deduction{
	font-size: 14px;
	line-height: 18px !important;
	color: #fff;
}
.deduction b{
	display: block;
}
.deduction .montant{
	width: 30px;
	display: inline-block;
	border-bottom:1px solid #fff;
}

.bloc-btn{
	text-align: right;
}



/*******************  SECTION  *******************/
.bloc-nav-bullet{
	display: none;
}
h3.title-by{
	color: #fff;
	font-size: 60px;
	line-height: 60px;
	text-align: center;
	position: relative;
	margin-bottom: 70px;
	text-transform: uppercase;
}
	h3.title-by:before,
	h3.title-by:after{
		content: '';
		width: 470px;
		height: 10px;
		position: absolute;
		background: #005092;
		top: -23px;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
  		transform: translate(-50%, -50%);
	}

	h3.title-by:after{
		background: #FFD300;
		top: inherit;
		bottom: -30px;
	}

.section{
	background: #000;
}
.section{
	position: relative;
}

.section-cr{
	padding: 40px 0;
}
.section-cr .content-section{
	background: #fff;
	padding: 70px 30px 30px 30px;
	position: relative;
}
h3.section-title{
	color: #fff;
	font-size: 64px;
	line-height: 60px;
	text-align: center;
	margin-bottom: 55px;
}
	h3.section-title span{
		font-size: 44px;
	}

	.section .img-bg{
		top:0;
		position: absolute;
		width: 50%;
		height: 100%;
		z-index: 0;
		left: 0;
	}
	.section .img-bg img{
		display: none;
		width: 100%;
		height: auto;
	}
	.section .bg-color{
		top:0;
		right: 0;
		position: absolute;
		width: 50%;
		height: 100%;
		z-index: 0;
		background: #005092;
	}

	.section.odd .img-bg{
		left: inherit;
		right: 0;
	}
	.section.odd .bg-color{
		right: inherit;
		left: 0;
	}
.section .container{
	position: relative;
	z-index: 2;
}

.section-cr .texte-2 p{
	font-weight: 300;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 26px;
}

.besoin{
	color: #fff;
	padding-top: 40px;
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
	padding-left: 20px;
}
	.besoin p{
		margin-bottom: 15px;
	}
	.besoin b{
		color: #FFD300;
		font-weight: bold;
	}
	.besoin .ancre{
		margin-right: 30px;
	}
.encadre{
	position: relative;
	padding: 13px 19px;
	font-size: 18px;
	line-height: 26px;
	font-weight: bold !important;
	border:1px solid #000;
}
	.encadre:before{
		content: '';
		position: absolute;
		top: -12px;
    	left: -12px;
		width: 24px;
		height: 24px;
		background: url(../images/picto-info.svg) no-repeat center;
	}
	.encadre p{
		margin: 0 !important;
		font-weight: bold !important;
	}
/******************* SECTION 1 ******************/

.section-1{
	color: #fff;
	padding-top: 110px;
	padding-bottom: 110px;
}
.text-intro{
	font-size: 32px;
	line-height: 54px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 180px;
	padding: 0 40px;
	position: relative;
}
	.text-intro:before,
	.text-intro:after{
		content: '';
		width: 110px;
		height: 1px;
		background: #fff;
		position: absolute;
		left: -110px;
		top: 50%;
	}
	.text-intro:after{
		left: inherit;
		right: -110px;
	}
.text-intro .content-text-intro{
	position: relative;
}

	.text-intro .content-text-intro:before,
	.text-intro .content-text-intro:after{
		content: '';
		width: 1px;
		height: 100px;
		background: #fff;
		position: absolute;
		left: 50%;
		bottom: -110px;
	}
	.text-intro .content-text-intro:after{
		bottom: inherit;
		top: -110px;
	}


	.section-1 .nav-site{
		font-size: 18px;
		color: #fff;

	}
	
	.section-1 .nav-site li a{
		padding: 8px 30px;
		color: #fff;
		display: block;
		text-decoration: none;
		border:2px solid #fff;
	}
	.section-1 .nav-site li a:hover{
		color: #FFD300;
		border:2px solid #FFD300;
	}

/*****************  SECTION 2 ****************/

.section-2 .content-section .flag{
	background: url(../images/flag-right.svg) no-repeat center;
	background-size: cover;
	width: 55px;
	height: 70px;
	position: absolute;
	top: -18px;
	right: 20px;
}

.slider-section-2 .row{
	align-items: center;
}

.slider-section-2 .slick-list{padding:0 120px 0 0 !important;}
.slick-slide {
      margin: 0 15px 0 0;
  }
.slider-section-2 .item.slick-slide{
	opacity: .6;
}
.slider-section-2 .item.slick-slide.slick-current{
	opacity: 1;
}
.slider-section-2 .slick-dots li button:before {
    width: 15px;
    height: 15px;
    content: '';
    opacity: 1;
    background: #fff;
    border:2px solid #005092;
    border-radius: 50%;
}
.slider-section-2 .slick-dots .slick-active button:before {
	background: #005092;
}
.slider-section-2 .slick-next{
	background: url(../images/arrow-right.svg) no-repeat center;
    width: 48px;
    height: 48px;
    right: 0;
}
.slider-section-2 .slick-prev{
	display: none;
}
.slider-section-2 .slick-next:before{
	display: none;
	content: '';
    opacity: 1;
    background: url(../images/arrow-right.svg) no-repeat center;
    width: 48px;
    height: 48px;
}

/*******************  SECTION 3 ****************/

.section-3 .besoin{
	padding-left: 0;
}

/******************  SECTION 6 *******************/

.section-6{
	padding: 100px 0;
}

.impots{
	padding: 65px 40px 0 40px;
	background: #FFD300 url(../images/coeur-black.svg) no-repeat right bottom;
}
.impots h4{
	font-size: 48px;
	line-height: 60px;
	color: #000;
	text-align: center;
	font-weight: normal;
	padding-bottom: 60px;
}
	.impots h4 span{
		font-size: 64px;
		line-height: 60px;
		color: #005092;
		font-weight: bold;
	}

	.diagramme{
		width: 190px;
		height: 300px;
		background: #005092;
		position: relative;
	}
	.diagramme:before{
		content: '';
		width: 100%;
		height: 66px;
		background: #fff;
		left: 0;
		top:0;
		position: absolute;
	}
.impots .content-impot{
	padding-left: 10%;
}
.impots .content-impot .sep{
	width: 180px;
	border-bottom:1px solid #000;
}
.impots .content-impot .list-inline-item:not(:last-child) {
    margin-right: 30px;
}

.impots .content-impot .texte{
	font-size: 36px;
	line-height: 42px;
	color: #005092;
	font-weight: bold;
}
.impots .content-impot .texte span{
	background: #005092;
	color: #FFD300;
}

.section-6 .asterix{
	color: #FFD300;
	font-size: 18px;
	font-weight: 300;
}

/*****************  SECTION 7 ***************/
.section-7{
	padding-bottom: 100px;
}
.section-7 h3{
	font-size: 48px;
	line-height: 60px;
	color: #fff;
	margin-bottom: 30px;
}

.section-7 .bloc-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.section-7 .bloc-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cookieconsent-optout-marketing{
	background: #fff;
	padding: 50px 20px;
	text-align: center;
	color: #000;
}
	.cookieconsent-optout-marketing a{
		color: #000;
	}
/*****************  SECTION 8 ***************/
.section-8{
	padding: 50px 0;
	padding-bottom: 200px;
}

.bloc-faq{
	background: #262626;
	padding: 75px 30px;
	margin-bottom: 50px;
}
#accordionFaq h4{
	font-size: 24px;
	line-height: 34px;
	color: #FFD300;
}

.accordion-button {
    padding: 30px 0 30px 70px;
    font-size: 24px;
	line-height: 34px;
    text-align: left;
    color: #FFD300;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
	.accordion-button:focus{
		border: none;
		outline: none;
	}

.accordion-button:hover, 
.accordion-button:focus,
.accordion-button:active{
	outline: none;
	border: none;
	box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select: none;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
#accordionFaq .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: transparent;
    box-shadow: none;
}
#accordionFaq .accordion-item{
	background: none;
	border: none;
	border-bottom: 2px solid #fff;
}
#accordionFaq .accordion-body{
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	font-weight: 300;
	padding: 0px 10px 10px 70px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-left: auto;
    content: "";
    background-image: url(../images/add-box-line.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform .2s ease-in-out;
    position: absolute;
    left: 0;
}

.accordion-button:not(.collapsed)::after {
	background-image: url(../images/add-box-line-open.svg);
    transform: rotate(0);
}

/*****************  SECTION 9 ****************/

.section-9 p{
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	font-weight: 300;
}
.section-9 p b{
	font-weight: bold;
}

.section-9 .bloc-fondation{
	border: 1px solid #fff;
	padding: 0 0 90px 0;
	background: url(../images/img-arbre.svg) no-repeat bottom right;
}
.section-9 .bloc-fondation p{
	text-align: center;
}
.section-9 .bloc-fondation .img{
	margin-top: -100px;
	margin-bottom: 50px;
}
.bloc-contact{
	border:1px solid #fff;
	border-top:0;
	background: #005092;
	padding: 20px 0 20px 0;
}

.bloc-contact img{
	margin-top: -50px;
}
.bloc-contact p{
	font-size: 25px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 8px;
}
.bloc-contact p.contact,
.bloc-contact p.contact a{
	color: #FFD300;
}
.bloc-contact p.contact a{
	text-decoration: none;
}
.bloc-contact p.contact span{
	position: relative;
	padding-left: 34px;
}
.bloc-contact p.contact span:before{
	content: '';
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top:0;

}
.bloc-contact p.contact span.tel:before{
	background: url(../images/phone-fill.svg) no-repeat center;
	background-size: cover;
}
.bloc-contact p.contact span.mail:before{
	background: url(../images/mail-fill.svg) no-repeat center;
	background-size: cover;
}
.group-section .section-8,
.group-section .section-9{
	background: transparent;
}
.bg-section-img{

	background: #000 url(../images/Key-Visual_NB.jpg) no-repeat center;
}
/************************  FOOTER  ***********/
.footer{
	padding: 70px 55px 200px 55px;
	background: #000;

}

.footer .partage{
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 50px;
}


.footer .copyright{
	font-size: 14px;
	line-height: 34px;
	font-weight: 300;
	color: #fff;
}
.footer .copyright a{
	color: #fff;
	text-decoration: none;
}
.footer .pour{
	font-size: 14px;
	line-height: 34px;
	font-weight: 300;
	color: #fff;
}
.footer .pour img{
	margin-right: 10px;
}
.menu-footer{
	font-size: 16px;
	line-height: 18px;
}
.menu-footer a{
	color: #000;
	text-decoration: none;
}
.menu-footer a:hover{
	text-decoration: underline;
}



/******** BTN *************************/

.btn{
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #005092;
	text-align: center;
	padding: 20px 30px;
	background: #FFD300;
	border:  none;
	border-radius: 0;
}
.btn:hover, 
.btn:focus,
.btn:active{
	color: #005092;
	outline: none;
	border: none;
	box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select: none;
}

.btn.btn-border-yellow{
	background: none;
	border: 2px solid #FFD300;
	color: #FFD300;
	font-weight: 500;
}
/********  COLORS BG  *****************/

.bg-green-apple{
	background: var(--global--color-green-apple) !important;
}
.bg-green{
	background: var(--global--color-green) !important;
}
.bg-brown{
	background: var(--global--color-brown) !important;
}




/*********** MARGE **********************/
.mb-1{
	margin-bottom: 10px !important;
}
.mb-2{
	margin-bottom: 20px !important;
}
.mb-6{
	margin-bottom: 60px !important;
}
.mb-7{
	margin-bottom: 70px !important;
}
.mb-8{
	margin-bottom: 80px !important;
}
.mb-9{
	margin-bottom: 90px !important;
}
.mb-10{
	margin-bottom: 100px !important;
}

.mr-0{
	margin-right: 0 !important;
}
.mr-65{
	margin-right: 65px !important;
}



.pt-100{
	padding-top: 100px !important;
}

.pt-100{
	padding-top: 100px !important;
}
.pt-130{
	padding-top: 130px !important;
}
.top--5{
	top: -5%!important;
}
.top-5 {
    top: 5%!important;
}

.popup{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
}
.popup-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgb(0, 0, 0, .7);
}
.popup-content{
	width: 70%;
	max-height: 80%;
	background: #fff;
	margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgb(10, 27, 118, 1);
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  padding-bottom: 25px;
  overflow: scroll;
}
.popup-content h3{
	margin-bottom: 40px;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 28px;
}
.popup-content h4{
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	color: #C1C6FD;
	margin-bottom: 40px;
	margin-top: 40px;

}
.popup-content a{
	color: #FFD300;
}

.inside-popup{
	padding: 60px 60px 60px 60px;
	overflow: scroll;
	overflow-x: hidden;
	height: 100%;
	position: relative;
}

.close-popup{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
}


        .close-popup:before,
        .close-popup:after{
            content: '';
            position: absolute;
            height: 3px;
            width: 100%;
            background: #fff;
            top: 50%;
            left: 50%;
        }
        .close-popup:before{
            transform: translate(-50%,-50%) rotate(45deg);
        }

        .close-popup:after{
            transform: translate(-50%,-50%) rotate(-45deg);
        }



.popup{
	display: none;
}