@media (max-width: 576px){

}
@media (min-width: 768px){

}


@media (min-width: 576px){
	
}


@media (max-width: 768px){
	
	.section-intro{
		border: 20px solid #216EE8;
		padding-top: 20px;
		margin-bottom: 40px;
	}

	.logo-fnd img{
		width: 100%;
	}
	.li-bloc-share-fill{
		display: none;
	}
	.section-intro .btn{
		font-size: 12px !important;
	    line-height: 12px !important;
	    padding: 10px 21px !important;
	}
	.section-intro .content-section{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.section-intro h1{
		font-size: 24px;
		line-height: 27px;
		margin-bottom: 20px;
		letter-spacing: 3px;
	}


	.section-intro .content-section li {
	    font-size: 19px;
	    line-height: 19px;
	    width: 100%;
	}
	.section-intro .content-section li.date{
    	background-size: 10% !important;
	}
	.section-intro .content-section li.time{
    	background-size: 10% !important;
	}
	.section-intro .content-section li span{
		padding: 20px 27px 20px 60px;
	}
	.section-intro .content-section p {
    	font-size: 22px;
    	line-height: 31px;
    }
    .section-intro  .btn{
	    font-size: 13px !important;
	    line-height: 13px !important;
	    padding: 10px 45px !important;
	}

	/****************  section-dc *************/
	.section-dc{
		margin-bottom: 20px;
	}

	.section-dc .content-texte h5 {
	    font-size: 14px;
	    line-height: 16px;
	}
	.section-dc .content-texte h3 {
	    font-size: 22px;
	    line-height: 32px;
	    padding-left: 20px;
	    padding-right: 0;
	    margin-bottom: 25px;
	}
	.section-dc .content-texte p {
    	font-size: 14px;
    	line-height: 28px;
    	margin-bottom: 20px;
	}
	.section-dc .content-texte li{
		font-size: 14px;
    	line-height: 28px;
	}
	.section-dc .content-item{
    	padding: 20px 0 20px 15px;
	}
	.section-dc .bloc-content-texte{
    	padding: 20px;
	}

	.section-annonce-video iframe {
    	margin-bottom: 20px;
    	height: auto !important;
	}

	/****************  section-questions *************/

	.section-questions{
		border: 20px solid #fff;
	}
	.section-questions h3 {
	    font-size: 23px;
	    line-height: 38px;
	    letter-spacing: 2px;
	    margin-bottom: 33px;
	}
	.section-questions .img-section-questions{
		width: 100%;
	}

	.section-questions p{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 40px;
	}

	
    /******************  FOOTER *************/
    .footer{
		font-size: 20px;
		line-height: 35px;
		padding: 30px 0 85px 0;
	}
	.footer-top{
		padding-bottom: 10px;
	}
	.footer-bottom{
		padding-top: 30px;
	}


    .reste-connecte .titre{
	    font-size: 18px;
	    line-height: 39px;
	    padding-right: 0;
	    display: block;
	    text-align: center;
	    margin-right: 0 !important;
	    margin-bottom: 10px;
	}
	.reste-connecte ul{
	    display: block;
	    justify-content: center;
	    align-items: center;
	}
	.footer-bottom .logos ul{
		text-align: center;
	}
	.footer-bottom .logos .list-inline-item:not(:last-child){
		margin-right: 20px;
	}
	.footer-bottom .logos li img{
        width: 100%;
    }

	.footer-bottom .description-fondation{
        margin-bottom: 25px;
        font-size: 12px;
        line-height: 24px;
    }
    .footer-bottom .copyright{
        font-size: 10px;
        line-height: 18px;
    }

    .footer-bottom .copyright a span{
    	display: block;
    	width: 100%;
    	text-align: center;
    }

    .footer-bottom .copyright img{
    	margin-bottom: 5px;
    }
    


	/*************  BOUTON BTN *************/
	.btn,
	.bloc-btn-orange a,
	.wp-block-button__link{
	    font-size: 12px !important;
	    line-height: 12px !important;
	    padding: 10px 25px !important;
	}
	
}