/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Version: 1.0.0
 * Text Domain: blocksy
 */

#contact > p:nth-child(4) > i, #content > article > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-60503be.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-4e27c1a.elementor-widget.elementor-widget-text-editor > div > p > i{
	font-size:11px;
	margin-top:20px;
}

#dk-speakout-petition-3 > p{
	display:none;
}

#dk-speakout-form-wrap > form > table{
	display:none;
}

#dk-speakout-readme-3 > span{
	display:none;
}

div.label.option-label{
	width:1500px;
}

a.appel_link{
	display:none;
}


#content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-530e752.elementor-section-height-full.elementor-section-stretched.elementor-section-items-stretch.elementor-section-boxed.elementor-section-height-default > div > div > div > div > div > h1{
	text-shadow: black 0 0 4px;
}

#content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-0a25d57.elementor-section-height-full.elementor-section-stretched.elementor-section-items-stretch.elementor-section-boxed.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-db5741d.elementor-widget__width-initial.elementor-widget-tablet__width-initial.elementor-widget-mobile__width-inherit.elementor-widget.elementor-widget-text-editor.animated.fadeIn > div {
	text-shadow: black 0 0 4px;
}

#content > article > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-bc245e7.elementor-section-height-full.elementor-section-stretched.elementor-section-items-stretch.elementor-section-boxed.elementor-section-height-default > div > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-c009e4c.title_slider_multiple > div > div.elementor-element.elementor-element-1c330a4.elementor-widget-tablet__width-initial.elementor-widget-mobile__width-inherit.elementor-widget.elementor-widget-text-editor.animated.fadeInDown > div > p{
	text-shadow: black 0 0 4px;
}

#content > article > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-bc245e7.elementor-section-height-full.elementor-section-stretched.elementor-section-items-stretch.elementor-section-boxed.elementor-section-height-default > div > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-c009e4c.title_slider_multiple > div > div.elementor-element.elementor-element-80782d2.elementor-widget.elementor-widget-heading.animated.fadeInDown > div > h1{
	text-shadow: black 0 0 4px;
}

#content > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-0a25d57.elementor-section-height-full.elementor-section-stretched.elementor-section-items-stretch.elementor-section-boxed.elementor-section-height-default > div > div > div > div.elementor-element.elementor-element-a065075.elementor-widget.elementor-widget-heading.animated.fadeIn > div > h1{
	text-shadow: black 0 0 4px;
}

li.current-menu-item.menu-item-55357 > a::after{
	display: none!important;
}

h2{
	margin-top:15px;
}

div.content p {
	text-shadow: black 2px 0 4px;
	/**-webkit-text-stroke: 1px black;**/
}

ul.sub-menu a.elementor-sub-item:hover::after,ul.sub-menu li.current-menu-item > a.elementor-sub-item::after{
	width: calc(100% - 40px);
}

ul.sub-menu a.elementor-sub-item::after {
	content: '';
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background-color: #EBBF11;
	transition: .3s;
}



header#site-header{
	background-color: transparent!important;
}

#main #content-wrap{
	padding-bottom: 0px;
	padding-top: 0px;
}

#don_btn_header .elementor-button-icon{
	height: 28px;
	margin-top: auto;
}

#don_btn_header .elementor-button-icon svg{
	height: 28px;
	width: auto;
}

header ul.sub-menu{
	/* top: 73px!important; */
}

.sub_menu_2column ul.sub-menu{
	padding: none;
	--menu-item-padding: var(--dropdown-items-spacing, 0px) calc(var(--dropdown-items-spacing, 0px) * 1.5);
}

.sub_menu_2column ul.sub-menu::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%)translateY(-50%);
	width: 1.5px;
	height: calc(100% - 80px);
	background-color: #393B6A;
}

.sub_menu_2column ul.sub-menu li{
	width: 100%;
	display: inline-flex;
}

.sub_menu_2column ul.sub-menu li a{
	margin-left: 0;
	padding: none;
	border-left: none;
}

.sub_menu_2column ul.sub-menu li.picto_vertical a svg{
	width: 25px;
	margin-right: 35px;
}

.sub_menu_2column ul.sub-menu li.picto_horizontal a svg {
	width: 30px;
	margin-right: 30px;
}

/*.sub_menu_2column ul.sub-menu li:nth-child(-n+4){
	border-right: solid 1.5px #393B6A;
	}*/

	.sub_menu_2column ul.sub-menu li:nth-child(even){
		
	}
	.sub_menu_2column ul.sub-menu li:nth-child(odd){
		float: right;
	}

	.sub-menu li.picto_horizontal a svg{
		width: 30px;
		margin-right: 25px;
	}

	.sub-menu li.picto_vertical a svg {
		width: 25px;
		margin-right: 20px;
	}

	.sub_menu_1column .sub-menu li{
		display: flex!important;
	}

	.sub_menu_1column .sub-menu{
		width: max-content!important;
		width: -moz-max-content!important;
		width: -webkit-max-content!important;
	}

	input[type="submit"].um-button{
		background-color: white!important;
		border: solid 2px #393B6A !important;
		border-radius: 0px!important;
		font-family: inherit!important;
		letter-spacing: normal!important;
	}

	input[type="submit"].um-button:hover{
		background-color: #393B6A!important;
		color: white!important;
	}

	.bloc_espace_membre > .elementor-container{

	}

	.menu_espace_membre ul li a img.icon{
		margin-right: 15px;
	}

	.menu_espace_membre ul li.current_page_item a{
		font-weight: bold!important;
		text-decoration: underline;
	}

	.menu_espace_membre ul li a:hover{
		text-decoration: underline;
	}

	.btn_download a{
		text-decoration: none!important;
	}

	.btn_download a svg{
		width: 18px;
		height: 18px;
	}

	.btn_download a .elementor-button-icon{
		display: flex;
	}

	.elementor-widget-posts nav.elementor-pagination .page-numbers {
		background-color: white;
		border: solid 1.5px #393B6A;
		border-radius: 50px;
		width: 22px;
		height: 22px;
		display: inline-block;
		line-height: 18px;
		vertical-align: middle;
		border: solid 1.5px!important;
	}
	.elementor-widget-posts nav.elementor-pagination .page-numbers:hover{
		background-color: #393B6A;
	}

	.elementor-widget-posts nav.elementor-pagination .page-numbers.current{
		background-color: #393B6A;
		color: white;
	}

	.elementor-widget-posts a.elementor-button-link{
		width: 100%;
	}

	.elementor-widget-posts div.archive_btn a.elementor-button-link{
		width: auto;
	}

	.content_espace_membre::after {
		content: '';
		width: 100000px;
		position: absolute;
		height: 10000000px;
		background-color: white;
	}

	.content_espace_membre > .elementor-widget-wrap{
		z-index: 2;
	}

	.single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button), .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button){
		
	}

	.elementor-post__meta-data{
		border-top:0!important;
		padding-bottom: 20px!important;
	}

	.action_box .elementor-cta__content{
		overflow: initial;
		position: relative;
	}

	.action_box .elementor-cta__icon{
		position: absolute;
		right: 20px;
		width: auto;
		top: -30px;
		z-index: 5;
	}

	.agir_box h3 {
		transition: all .3s;
	}

	.agir_box:hover h3 {
		color: #EBBF11!important;
	}

	section.agir_box .elementor-widget-text-editor a {
		color: white;
		text-decoration: underline;
	}

	section.agir_box .elementor-widget-text-editor a:hover {
		color: #EBBF11;
	}

	.content_modes_action a{
		color: white!important;
		text-decoration: underline!important;
		font-size: 22px;
		margin-left: 10px;
	}
	.content_modes_action a:hover{
		color: #EBBF11!important;
	}

	.cta_agir .elementor-cta__content{
		padding-left: 0px;
	}

	.cta_agir .elementor-cta__content h3, .cta_agir .elementor-cta__content .elementor-cta__description{
		background-color:#ffffffc7;
		margin-bottom: 0px;
		padding-left: 30px;
		padding-right: 80px;
	}
	.cta_agir .elementor-cta__content h3{
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 28px;
	}
	.cta_agir .elementor-cta__content h3::after{
		content: '';
		display: block;
		position: absolute;
		bottom: 7px;
		width: 150px;
		height: 6px;
		background-color: #EBBF11;
	}
	.cta_agir .elementor-cta__content .elementor-cta__description{
		padding-bottom: 20px;
	}
	.cta_agir a.elementor-cta:hover h3,.cta_agir a.elementor-cta:hover .elementor-cta__description{
		background-color: white;
	}

	.cta_full_width .elementor-cta__content{
		width: calc(50% - 35px);
	}

	.mobilisation_cta a.elementor-cta:hover h3{
		text-decoration: underline;
	}

	.cta_center .elementor-cta__content{
		padding-left: 35px;
	}

	.cta_center h3,.cta_center .elementor-cta__description {
		padding-right: 20px!important;
	}

	.cta_center h3::after{
		left: 50%;
		transform: translateX(-50%);
	}

	.valeurs_txt{
		width: 70%!important;
		margin-left: auto!important;
		margin-right: auto!important;
		margin-top: -100px;
		border-radius: 50%;
		background-color: white;
	}

	.valeurs_txt::after{
		content: '';
		display: block;
		padding-bottom: 100%;	
	}

	.valeurs_txt .elementor-widget-container{
		position: absolute;
		top: 50px;
	}

	form.elementor-search-form i.fa-search::before{
		display: none;
	}

	form.elementor-search-form i.fa-search{
		background-color: transparent;
		background-image: url(https://www.aspas-nature.org/wp-content/uploads/2021/07/icone-loupe-violet.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}

	.timeline_container .slick-dots{
		display: none!important;
	}

	.timeline_container .slick-slide img{
		width: 100%;
	}

	.timeline_container .slick-current .wpostahs-main-title{
		background-color: #2C3059!important;
	}

	.timeline_container .wpostahs-main-title{
		color: #2C3059!important;
		padding: 0!important;

	}

	.timeline_container .slick-active .wpostahs-main-title{
		box-shadow: 0px 5px 9px -3px #0000002e;
	}

	.timeline_container .slick-current .wpostahs-main-title::before{
		border-top-color: #2C3059!important;
	}
	.timeline_container .slick-current .wpostahs-main-title::after{
		border-top-color: #2C3059!important;
	}

	.timeline_container .wpostahs-slider-nav-content h2{
		color:#8C86A8;
	}

	.box_combat .elementor-widget-image a{
		width: 100%;
	}

	.cta_mobile_sticky .elementor-cta__content{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.cta_mobile_sticky .elementor-cta__description{
		margin-bottom: 0px!important;
	}

	.container_appels{
		display: flex;
		flex-direction: column;
	}

	.container_appels .appel{
		display: flex;
		margin-bottom: 30px;
	}

	.container_appels .appel .container_img{
		width: 100%;
		height: 100%;
		background-position: center;
		background-size: cover;
	}
	.container_appels .appel .container_img::before{

	}

	.container_appels .appel > a{
		width: 50%;
	}

	.container_appels .appel > a:hover .container_img::before{

	}

	.container_appels .appel .content_appel{
		display: flex;
		flex-direction: column;
		width: 50%;
		background-color: #f2f2f2;
		padding: 30px;
	}

	.container_appels .appel .content_appel h3{
		text-transform: uppercase;
		font-size: 20px;
	}

	.container_appels .appel .container_infos_appel{
		display: flex;
		flex-wrap: wrap;
	}

	.container_appels .appel .container_infos_appel .info_appel{
		display: flex;
		margin-right: 20px;
		margin-top: 10px;
	}

	.container_appels .appel .container_infos_appel .info_appel img{
		width: 25px;
		margin-right: 10px;
	}

	.container_appels .appel .container_infos_appel .info_appel p{
		font-size: 14px;
	}

	.container_appels .appel .pj_appel{
		margin-top: 10px;
		margin-left: auto;
	}

	.container_appels .appel .pj_appel a{

	}
	.container_appels .appel .pj_appel a:hover{

	}

	.container_appels .appel a.appel_link{
		margin-left: auto;
		margin-top: 20px;
		text-decoration: underline;
		font-weight: bold;
		color: #222222;
	}
	.container_appels .appel a.appel_link:hover{
		color: #EBBF11;
	}

	span.evo-filter-btn::after {
		content: 'Filtrer les événements';
		margin-left: 10px;
	}

	a#showCtnAccordion{
		display: none;
	}

	div#ctnAccordion{
		display: block!important;
	}

	.um-profile-photo{
		display: none!important;
	}

	.um-profile.um-editing {
		padding-bottom: 0px!important;
		margin-bottom: 0px!important;
	}

	.menu-item-has-children ul.sub-menu li a img {
		margin-right: 15px!important;
		width: 25px!important;
	}

	@media (min-width: 768px){
		.title_slider_multiple{
			width: 60%!important;
		}

		body.home .logo_img img{
			opacity: 0!important;
			transition: all .3s;
		}

		body.home .elementor-sticky--effects .logo_img img{
			opacity: 1!important;
		}

	}

	@media(max-width: 1024px){

		.bloc_espace_membre > .elementor-container{
			max-width: 100%!important;
		}

		ul.sub-menu{
			margin: auto!important;
		}

		.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown{
			position: relative!important;
		}

		.elementor-widget-posts a.elementor-button-link{
			width: auto;
		}

		.content-area, .content-left-sidebar .content-area{
			margin-bottom: 0!important;
		}

		.elementor-section.elementor-section-height-full {
			height: auto!important;
		}

		.cta_full_width .elementor-cta__content{
			width: 100%;
		}
		.cta_agir .elementor-cta__content h3, .cta_agir .elementor-cta__content .elementor-cta__description{
			padding-right: 0px;
		}

		.menu-item-has-children ul.sub-menu li{
			display: flex!important;
		}

		.menu-item-has-children ul.sub-menu li a{
			margin: auto;
		}

		.content_home_carousel p.title{
			font-size: 26px!important;
		}

		ul.sub-menu li > a{
			font-size: 20px!important;
			font-weight: normal!important;
		}

		.menu-item-has-children ul.sub-menu li.menu-item-has-children{
			flex-direction: column;
		}

		.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu{
			margin-bottom: 25px!important;
		}

		.menu-item-has-children i.fas.fa-caret-down {
			width: 22px;
			height: 22px;
			background-image: url(https://www.aspas-nature.org/wp-content/uploads/2021/06/picto-fleche-bas-noir.svg);
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			transition: all .3s;
		}

		.menu-item-has-children a.highlighted i.fas.fa-caret-down{
			transform: rotateZ(180deg);
		}

		.menu-item-has-children .fa-caret-down::before{
			display: none;
		}

	}
	@media(max-width: 600px){
		.menu-item-has-children ul.sub-menu li{

		}
	}

	@media(max-width: 768px){
		.menu-item-has-children ul.sub-menu{
			width: initial!important;
			flex-wrap: wrap;
			padding: 0px 30px!important;
			columns: 1!important;
		}


		.menu-item-has-children ul.sub-menu li:nth-child(-n+4){
			border-right: none!important;
		}

		.menu-item-has-children ul.sub-menu li a{
			padding: 12px!important;
			font-size: 15px!important;
			font-weight: normal!important;
			display: inline-block!important;
		}

		.menu-item-has-children ul.sub-menu li a.has-submenu {
			display: flex!important;
		}



		.menu-item-has-children ul.sub-menu li.picto_vertical a img{
			width: 22px;
			margin-right: 22px;
		}

		.menu-item-has-children ul.sub-menu li.picto_horizontal a img {
			width: 27px;
			margin-right: 18px;
		}

		

		

		.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown{
			position: relative!important;
		}

		.btn_mobile_header a{
			width: 100%!important;
		}

		.container_appels .appel{
			flex-direction: column;
		}

		.container_appels .appel > a {
			width: 100%;
			height: 200px;
		}

		.container_appels .appel .content_appel{
			width: 100%;
		}

		.menu-item-has-children ul.sub-menu li.menu-item-has-children{
			flex-direction: column;
		}

		.menu-item-has-children ul.sub-menu li.menu-item-has-children span.sub-arrow i{
			margin-left: auto;
			margin-right: auto;
		}
	}


	/************ Home slider *************/
	.html_home_slider, .html_home_slider > div.elementor-widget-container, .container_home_slider, .home_carousel, .home_carousel .owl-stage-outer,.home_carousel .owl-stage,.home_carousel .owl-item,.home_slide,.content_home_carousel{
		height: 100%;
	}

	.home_carousel {
		padding: 0!important;
	}

	.home_carousel .owl-item{
		padding:0!important;
	}

	.home_carousel .container_content{
		display: flex;
		max-width: 1200px;
		margin: auto;
		width: 100%;
	}

	.home_carousel .owl-nav{
		display: none!important;
	}

	.content_home_carousel .content{
		display: flex;
		flex-direction: column;
		max-width: 940px;
		margin-left: 0;
		margin-right: auto;
		height: 100%;
		padding: 0px 20px;
		position: relative;
		padding-left: 240px;
	}

	.content_home_carousel .content::before {
		content: "";
		display: block;
		width: 200px;
		height: 200px;
		position: absolute;
		left: 20px;
		background-image: url(https://www.aspas-nature.org/wp-content/uploads/2021/06/logo_aspas_couleur.svg);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}

	.content_home_carousel{
		display: flex;
		flex-direction: column;
		padding-top: 100px;
		background-size: cover;
		background-position: center;
	}

	.content_home_carousel h1, .content_home_carousel p.title{
		margin-top: auto;
		margin-bottom: 20px;
		font-size: 40px;
		line-height: 1.4;
		text-transform: uppercase;
		font-weight: 600;
		/**-webkit-text-stroke: 1px black;**/
		text-shadow: black 1px 0 10px;
	}

	.content_home_carousel a.elementor-button{
		margin-bottom: auto;
		margin-top: 20px;
		margin-right: auto;
		color: #393B6A!important;
		background-color: #EBBF11!important;
		font-weight: bold;
		border-color: #EBBF11!important;
	}
	.content_home_carousel a.elementor-button:hover{
		color: white!important;
		background-color: #393B6A!important;
		border-color: #393B6A!important;
	}

	.content_home_carousel div.ancre_link{
		margin-bottom: 50px;
	}

	.separator {
		height: 6px;
		margin-right: auto;
		width: 150px;
		margin-bottom: 20px;
		background-color: #ebbf11;
	}

	.html_home_slider .owl-dots button{
		width: 16px;
		height: 16px;
		border: solid 2px white!important;
		border-radius: 100px;
		margin: 0 3px;
		transition: all .3s;
	}
	.html_home_slider .owl-dots button.active,.html_home_slider .owl-dots button:hover{
		background-color: white!important;
	}


	.html_home_slider .owl-dots {
		position: absolute;
		top: 150px;
		z-index: 5;
		left: 50%;
		transform: translateX(-50%);
	}

	@media (max-width: 1024px){

		.sub_menu_2column ul.sub-menu::before{
			display: none!important;

		}

		.menu-item-has-children ul.sub-menu{
			columns: 1!important;
		}
	}

	@media (max-width: 767px){
		.content_home_carousel h1, .content_home_carousel p.title{
			font-size: 28px;
			line-height: 1.4;
		}

		.html_home_slider, .html_home_slider > div.elementor-widget-container, .container_home_slider, .home_carousel, .home_carousel .owl-stage-outer, .home_carousel .owl-stage, .home_carousel .owl-item, .home_slide, .content_home_carousel{
			height: 94vh;
		}

		.html_home_slider .owl-dots {
			top: 110px;
		}

		.content_home_carousel{
			padding-top: 150px;
		}

		.content_home_carousel div.ancre_link {
			margin-bottom: 20px;
			margin-top: 20px;
		}

		.content_home_carousel .content::before {
			display: none;
		}

		.content_home_carousel .content{
			padding-left: 20px;
		}
	}
	/**************************************/


	/************* Ressources ************/
	.container_ressources_box {
		display: flex;
		margin-bottom: 50px;
	}

	.nav_ressource_box {
		width: 30%;
		margin: 0 10px;
	}

.ressource_content_tab {
	width: 70%;
	margin: 0 10px;
}
.nav_ressource_box .card-header {
	background-color: #393b6a;
		color: white;
}
	.ressource_content_tab .card-header button , .ressource_content_tab .card-header button:hover  , .ressource_content_tab .card-header button:focus {
	border:none !important;
		background: none !important;
		color: var(--theme-heading-color, var(--theme-heading-2-color, var(--theme-headings-color)));
	}

.ressource_content_tab .card {
	border-radius: 0px !important;
	}

.ressource_content_tab  .card .card-header .btn-link:after {
  content: '';
		width: 30px;
		height: 30px;
		position: absolute;
		right: 20px;
		top: 0;
		background-image: url("https://www.aspas-nature.org/wp-content/uploads/2021/06/picto-fleche-bas-noir.svg");
		background-position: center center;
		background-size: cover;
		transition: all 0.4s;
		transform: translateY(50%) rotate(180deg);
}

.ressource_content_tab  .card .card-header .btn-link.collapsed:after {
transform: translateY(50%);
}

	

	.nav_ressource_box ul{
		margin: 0;
		background-color: #393b6a;
		color: white;
		list-style: none;
		display: flex;
		flex-direction: column;
		padding: 15px 0;
	}

	.nav_ressource_box ul li{
		list-style: none;
		padding: 10px 20px;
		display: flex;
	}
	.nav_ressource_box ul li:hover{
		background-color: #767898;
	}

	.nav_ressource_box ul li.actif{
		background-color: #767898;
	}

	.nav_ressource_box ul li img{
		width: 20px;
		margin-right: 10px;
	}

	.nav_ressource_box ul li a{
		color: white;
		width: 100%;
		font-weight: bold;
	}
	.nav_ressource_box ul li a:hover{
		color: white;
	}

	.accordion {
		transition: 0.4s;
	}
	.accordionh::after{
		content: '';
		width: 30px;
		height: 30px;
		position: absolute;
		right: 20px;
		top: 0;
		background-image: url("https://www.aspas-nature.org/wp-content/uploads/2021/06/picto-fleche-bas-noir.svg");
		background-position: center center;
		background-size: cover;
		transition: all 0.4s;
		transform: translateY(50%);
	}

	.active, .accordion:hover {

	}
	.active::after{
		background-image: url("https://www.aspas-nature.org/wp-content/uploads/2021/06/icone-fleche-bas-blanche.svg");
		transform: rotate(180deg) translateY(-50%);
	}
	.accordion:hover::after{
		background-image: url("https://www.aspas-nature.org/wp-content/uploads/2021/06/icone-fleche-bas-blanche.svg");
	}


	.container_ressources_box .container_type{
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.container_ressources_box .ressource {
		margin-bottom: 40px;
		display: flex;
	}

	.container_ressources_box .ressource p{
		font-size: 13px;
	}

	.container_ressources_box .ressource_img {
		width: 30%;
		max-width: 130px;
		
	}

	.container_ressources_box .ressource_img img{
		width: 100%;
		border: solid grey 0.5px;
	}

	.container_ressources_box .ressource_descr{
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 40px;
		width: 70%;
	}

	.container_ressources_box .ressource_descr p.title {
		font-size: 20px;
		font-weight: bold;
	}

	.container_ressources_box .ressource_descr .btn_container{
		display: flex;
		margin-top: 20px;
	}

	.container_ressources_box .ressource_descr a{
		text-transform: uppercase;
		padding: 5px 10px;
		font-weight: bold;
		border: solid 1.5px;
		font-size: 14px;
		line-height: 22px;
	}

	.container_ressources_box .ressource_descr .btn_container a:nth-child(2){
		margin-left: 30px;
	}

	.container_ressources_box .ressource_descr a.download_link{
		background-color: white;
		margin-left: auto;
	}
	.container_ressources_box .ressource_descr a.download_link:hover{
		background-color: #393B6A;
		color: white!important;
		border-color: #393B6A;
	}

	.container_ressources_box .ressource_descr a.commande_link{
		background-color: #EBBF11;
	}
	.container_ressources_box .ressource_descr a.commande_link:hover{
		background-color: #393B6A;
		color: white!important;
		border-color: #393B6A; 
	}

	@media(max-width: 767px){
		.container_ressources_box{
			flex-direction: column;
		}

		.accordion_ressource_box {
			width: 100%;
			padding-left: 0;
			margin-top: 20px;
		}

		.nav_ressource_box {
			width: 100%;
		}

		.container_ressources_box .ressource{
			flex-direction: column;
		}

		.container_ressources_box .ressource_img{
			margin: auto;
			width: 50%;
		}

		.container_ressources_box .ressource_descr {
			margin-top: auto;
			margin-bottom: auto;
			margin-left: auto;
			width: 100%;
		}
	}
	/*************************************/








	/**************** Presse ***************/

	.container_categorie_presse {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	.container_categorie_presse .categorie_presse {
		width: 23%;
		margin: 10px;
		min-width: 200px;
		position: relative;
		background-position: center;
		background-size: cover;
	}
	.container_categorie_presse .categorie_presse::after{
		content: '';
		display: block;
		padding-bottom: 100%;
	}

	.container_categorie_presse .categorie_presse .content{
		position: absolute;
		width: 100%;
		height: 100%;
		display: flex;
	}

	.container_categorie_presse .categorie_presse .content .hover_effect{
		background-color: transparent;
		width: 100%;
		height: 100%;
		position: absolute;
		transition: all .4s;

	}

	.container_categorie_presse .categorie_presse .content:hover .hover_effect{
		background-color: #ffffff80;
	}

	.container_categorie_presse .categorie_presse .content h2{
		z-index: 2;
		margin: auto;
		color: white;
		font-size: 30px;
		text-transform: uppercase;
		transition: all .4s;
		text-align: center;
	}

	.container_categorie_presse .categorie_presse .content:hover h2{
		color: #393B6A;
	}

	.container_type_presses{
		margin-bottom: 100px;
	}

	.item.presse.dossier_presse > div{
		height: 280px;
		background-position: center;
		background-size: cover;
		position: relative;
		display: flex;
		cursor: pointer;
	}
	.item.presse.photo_presse > div,.item.presse.video_presse > div{
		height: 220px;
		background-position: center;
		background-size: cover;
		position: relative;
		display: flex;
		flex-direction: column;
		cursor: pointer;
	}

	.item.presse > div::after{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #ffffff7a;
		opacity: 0;
		transition: all .4s;
		z-index: 1;

	}

	.item.presse > div:hover::after{
		opacity: 1;
	}
	.item.presse > div:hover a{
		opacity: 1;
	}

	.item.presse a{
		display: flex;
		opacity: 0;
		margin: auto;
		padding: 10px;
		background-color: #222222;
		color: white;
		z-index: 2;
		transition: all .4s;
		border: solid 2px #222222;
	}
	.item.presse a:hover{
		background-color: #393B6A;
		border-color: #393B6A;
		color: white;
	}

	.item.presse.photo_presse a,.item.presse.video_presse a{
		margin-bottom: auto;
		margin-top: 15px;
	}
	.item.presse.photo_presse a.img_popup_link,.item.presse.video_presse a.video_popup_link{
		margin-bottom: 15px;
		margin-top: auto;
	}

	.item.presse.video_presse img.img_play{
		width: 25%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}

	.item.presse a img{
		width: 25px;
		height: 25px;
		margin-right: 10px;
	}

	.container_presses .owl-dots{
		display: none!important;
	}

	.owl-carousel .owl-stage-outer{
		z-index: 2;
	}

	.owl-carousel{
		padding-left: 40px;
		padding-right: 40px;
	}

	.owl-carousel button.owl-prev span,.owl-carousel button.owl-next span{
		color: transparent!important;
	}

	.owl-carousel .owl-stage{

	}

	.owl-carousel .owl-item {
		padding: 0px 15px;
		background-color: transparent!important;
	}

	.owl-carousel .owl-nav{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -2%;
		width: 104%;
		display: flex;
	}

	.owl-carousel .owl-nav button{
		width: 50px;
		height: 50px;
		background: url(https://www.aspas-nature.org/wp-content/uploads/2021/06/picto-fleche-bas-noir.svg)!important;
		background-position: center!important;
		background-size: contain!important;
		background-repeat: no-repeat!important;
		position: relative;
	}

	button.owl-next.disabled,button.owl-prev.disabled {
		opacity: .4;
		pointer-events: none;
	}

	.owl-carousel button.owl-prev{
		transform: rotate(90deg);
	}

	.owl-carousel button.owl-next{
		transform: rotate(270deg);
		margin-left: auto;
	}

	.modal {
		display: none; 
		position: fixed; 
		z-index: 1; 
		padding-top: 100px; 
		left: 0;
		top: 0;
		width: 100%; 
		height: 100%; 
		overflow: auto; 
		z-index: 1000000;
		background-color: rgb(0,0,0); 
		background-color: rgba(0,0,0,0.9);
	}

	.modal.show {
		display: flex;
		flex-direction: column;
	}

	.modal a.download_link{
		display: flex;
		margin: auto;
		padding: 10px;
		background-color: #393B6A;
		color: white;
		z-index: 2;
		transition: all .4s;
		border: solid 2px #393B6A;
	}
	.modal a.download_link:hover{
		background-color: #EBBF11;
		color: white;
		border-color: #EBBF11;
	}

	.modal a.download_link img{
		width: 25px;
		height: 25px;
		margin-right: 10px;
	}

	.modal-img {
		margin: auto;
		display: block;
		width: auto;
		max-height: 500px!important;
		height: 80%!important;
	}

	.modal-video {
		margin: auto!important;
		display: block;
		width: 80%!important;
		max-width: 800px!important;
		height: 80%;
		max-height: 500px!important;
	}

	.modal-content {
		animation-name: zoom;
		animation-duration: 0.6s;
	}

	@keyframes zoom {
		from {transform:scale(0)}
		to {transform:scale(1)}
	}

	.close {
		position: absolute;
		top: 15px;
		right: 35px;
		color: #f1f1f1;
		font-size: 40px;
		font-weight: bold;
		transition: 0.3s;
	}

	.close:hover,
	.close:focus {
		color: #bbb;
		text-decoration: none;
		cursor: pointer;
	}

	@media(max-width: 1024px){
		.container_categorie_presse .categorie_presse{
			width: 30%;
		}

		.owl-carousel {
			padding-left: 0px;
			padding-right: 0px;
		}

		.owl-carousel .owl-nav{
			left: -5%;
			width: 110%;
			z-index: 2;
		}

		.owl-carousel .owl-nav .owl-prev{
			position: absolute;
			left: 0;
			top: -50px;
		}

		.owl-carousel .owl-nav .owl-next{
			position: absolute;
			right: 0;
			top: -50px;
		}
	}

	@media(max-width: 767px){
		.container_categorie_presse .categorie_presse{
			min-width: 80%;
		}

		.owl-carousel .owl-item{
			padding: 0px 30px;
		}

		.owl-carousel .owl-nav button{
			width: 40px;
			height: 40px;
		}
	}
	/***************************************/




	/**************** Actu *****************/
	.article_rvs_carousel .owl-stage,.article_mr_carousel .owl-stage,.article_aspas_carousel .owl-stage{
		display: flex;
	}

	.article_rvs_carousel .owl-stage .item,.article_mr_carousel .owl-stage .item,.article_aspas_carousel .owl-stage .item{
		display: flex;
		height: 100%;
	}

	.owl-carousel .article .container_article{
		background-color: white;
		display: flex;
		flex-direction: column;
		margin: 10px 0px;
		box-shadow: 0px 4px 6px -3px #00000042;
	}

	.owl-carousel .article .container_article .container_img{
		display: flex;
		background-size: cover;
		background-position: center;
	}

	.owl-carousel .article .container_article .container_img a{
		width: 100%;
		height: 250px;
	}
	.owl-carousel .article .container_article .container_img a:hover {
		background-color: #00000085;
	}

	.owl-carousel .article .container_article .logo_article{
		position: absolute;
		background-color: white;
		width: 80px;
		height: 80px;
		padding: 10px;
		display: flex;
		top: -40px;
		left: 20px;
		border-radius: 100px;

	}

	.article_mr_carousel.owl-carousel .article .container_article .logo_article{
		width: 70px;
		height: 70px;
		top: -35px;
	}

	.owl-carousel .article .container_article .container_content{
		position: relative;
		padding: 20px;
		display: flex;
		flex-direction: column;
		height: 100%;
		color: #222222;
		line-height: 18px;
	}

	.owl-carousel .article .container_article .container_content p.date{
		color: #393B6A;
		z-index: 2;
		margin-top: 15px;
		margin-bottom: 10px;
		font-weight: bold;
	}

	.owl-carousel .article .container_article .container_content p{
		color: #222222;
		line-height: 18px;
		margin-bottom: 20px;
	}

	.owl-carousel .article .container_article .container_content h3{
		color: #393B6A;
		transition: all .3s;
	}
	.owl-carousel .article .container_article .container_content a:hover h3{
		color: #EBBF11;
	}

	.owl-carousel .article .container_article .container_content a.link{
		margin-top: 20px;
		display: flex;
		margin-left: auto;
		font-size: 16px;
		font-weight: bold;
	}

	.container_articles_recents{
		display: flex;
		flex-direction: column;
	}

	.container_articles_recents .article{
		margin-bottom: 50px;
		box-shadow: 0px 1px 9px -1px #00000029;
	}

	.container_articles_recents .article > a{

	}
	.container_articles_recents .article > a:hover{
		color: #222222!important;
	}
	.container_articles_recents .article > a:hover p{
		color: #222222!important;
	}
	.container_articles_recents .article > a:hover .container_img::after{
		opacity: 1;
	}
	.container_articles_recents .article > a:hover h3{
		color: #EBBF11!important;
	}

	.container_articles_recents .article .container_img{
		height: 150px;
		position: relative;
		background-size: cover;
		background-position: center center;
	}
	.container_articles_recents .article .container_img::after{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		background-color: #00000085;
		transition: all .3s;
		width: 100%;
		height: 100%;
	}

	.container_articles_recents .article .content_article{
		padding: 10px;
	}

	.container_articles_recents .article .content_article p.date{
		margin-bottom: 10px;
		color: #393B6A!important;
	}

	.container_articles_recents .article .content_article h3{
		margin-bottom: 10px;
		color: #393B6A!important;
		transition: all .3s;
	}

	.container_articles_recents .article .content_article p.texte{
		line-height: 18px;
		font-weight: initial;
	}

	/***************************************/



	/**************** Pétitions *************/

	.container_petitions_carousel .container_img{
		display: flex;
		height: 300px;
		background-size: cover;
		background-position: center;
	}

	.container_petitions_carousel p{
		margin-top: auto;
		color: white;
		font-weight: bold;
		font-size: 22px;
		text-transform: uppercase;
		line-height: 1.2;
		text-align: center;
		padding: 10px;
		z-index: 2;
	}

	.container_petitions_carousel a{
		display: flex;
		position: relative;
	}

	.container_petitions_carousel a::after{
		content: '';
		background-color: white;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
		transition: all .3s;
	}
	.container_petitions_carousel a:hover::after{
		opacity: 0.4;
	}
	/****************************************/






	/********************** FAQ **********************/

	article.faq .container_faq{
		max-width: 1200px;
		margin: auto;
		padding: 100px 20px;
		display: flex;
		flex-direction: column;
	}

	.header_faq{
		margin-top: -100px;
		height: 100vh;
		background-image: url("https://www.aspas-nature.org/wp-content/uploads/2021/06/slider-6.jpg");
		background-size: cover;
		background-position: center;
		display: flex;
	}

	.header_faq > div{
		max-width: 1200px;
		width: 100%;
		margin: auto;
		padding-top: 100px;
		padding-left: 20px;
		display: flex;
		height: 100%;
		flex-direction: column;
	}

	.header_faq > div .content_title_faq{
		display: flex;
		flex-direction: column;
		max-width: 500px;
		width: 33%;
		color: white;
		background-color: #393B6A;
		padding: 30px;
		margin-top: auto;
	}

	.cta_faq{
		margin-top: auto;
		margin-bottom: 100px;
	}

	.cta_faq p{
		text-align: center;
		margin-bottom: 20px!important;
	}

	.cta_faq a{
		color: white!important;
		font-weight: bold!important;
	}

	#accordionCategory.accordion::after{
		display: none;
	}

	article.faq form#searchaccordion {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}

	article.faq form#searchaccordion > div{
		margin-bottom: 0;
		width: 80%;
		margin: auto;
		margin-bottom: 10px;
	}

	article.faq form#searchaccordion > button{
		margin: auto;
		margin-bottom: 10px;
	}

	article.faq form#searchaccordion .not-found{
		text-align: center;
	}

	article.faq a#showCtnAccordion{
		margin: auto;
		font-weight: bold;
		text-decoration: underline;
	}

	article.faq #ctnAccordion{
		margin-top: 20px;
	}

	article.faq .accordion#accordionCategory{
		border: none;
	}
	article.faq .accordion#accordionCategory:hover{
		background-color: initial!important;
		color: initial!important;
	}

	article.faq .card-body > .accordion{
		border:none;
	}

	article.faq .accordion{
		padding:0!important;
	}
	article.faq .accordion:hover{
		color: initial!important;
	}

	article.faq .accordion::after{
		display: none!important;
	}

	article.faq button:hover,article.faq button:focus{
		background-color: initial!important;
		color: #393B6A!important;
		text-decoration: none!important;
	}

	article.faq button{
		min-height: 40px;

	}

	article.faq button.btn-block::after{
		content: '';
		width: 22px;
		height: 22px;
		position: absolute;
		right: 20px;
		background-image: url(https://www.aspas-nature.org/wp-content/uploads/2021/06/picto-fleche-bas-noir.svg);
		background-position: center center;
		background-size: cover;
		transition: all 0.4s;
	}
	article.faq button.title-question-search:hover::after,article.faq button.title-question-search:focus::after {
		background-image: url(https://www.aspas-nature.org/wp-content/uploads/2021/06/icone-fleche-bas-blanche.svg);
	}

	article.faq button.title-question-search:hover,article.faq button.title-question-search:focus{
		color: white!important;
		background-color: #393B6A!important;
	}

	article.faq .content-question-search{
		padding: 10px 30px;
	}

	article.faq .card-header{
		background-color: white;
		border: none;
	}

	article.faq .card{
		border:none;
	}

	article.faq .accordion .card button.btn-block[aria-expanded="true"]::after{
		transform: rotateZ(180deg)!important;
	}

	html article button.crm-form-submit:hover {
		background-color: #393B6A!important;
		color: white!important;
	}


	@media(max-width: 767px){
		.header_faq > div .content_title_faq{
			width: 85%;
			margin: auto;
		}

		.header_faq{
			height: 85vh;
			padding-top: 150px;
		}

		.header_faq > div{
			padding-top: 0;
			padding-left: 0;
		}

		.cta_faq{
			margin-bottom: 20px;
		}

		article.faq .accordion .card button.btn-block[aria-expanded="true"]::after{
			transform: rotateZ(180deg) translateY(50%)!important;
		}

		article.faq button{
			position: relative;
		}

		article.faq button::after{
			width: 18px;
			height: 18px;
			right: 18px;
			top: 50%;
			transform: translateY(-50%);
			right: 5px!important;
		}
	}
	/*************************************************/



	/************* Form ultimate members *************/
	.um-register .um-form{
		padding: 30px;
		padding-top: 15px;
		background-color: #393B6A;
	}

	.um-register .um-field-label{
		color: white!important;
	}

	.um-register input[type="submit"].um-button{
		text-transform: uppercase!important;
		font-weight: bold!important;
		background-color: transparent!important;
		border: solid 2px white!important;
		color: white!important;
	}

	.um-register input[type="submit"].um-button:hover{
		color: #393B6A!important;
		background-color: white!important;
	}
	/*************************************************/





	/******************* Petition ********************/
	.container_other_petitions {
		display: flex;
		flex-direction: column;
	}

	.container_other_petitions .petition{
		margin-bottom: 50px;
		box-shadow: 0px 1px 9px -1px #00000029;
		width: 80%;
		max-width: 220px;
		margin-left: auto;
		margin-right: auto;
	}

	.container_other_petitions .petition a{
		display: flex;
		flex-direction: column;
	}

	.container_other_petitions .petition a:hover{

	} 

	.container_other_petitions .petition a .container_img{
		width: 100%;
		height: 170px;
		background-position: center;
		background-size: cover;
		position: relative;
	}

	.container_other_petitions .petition a:hover .container_img::after{
		opacity: 1;
	}

	.container_other_petitions .petition a .container_img::after{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		background-color: #00000085;
		transition: all .3s;
		width: 100%;
		height: 100%;
	}

	.container_other_petitions .petition a .content_article{
		background-color: #F5F5F5;
	}

	.container_other_petitions .petition h3{
		text-align: left;
		padding: 10px;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	/*************************************************/





	/******************** Newsletter *******************/
	form.newsletter_form{

	}

	form.newsletter_form input{
		border: solid 2px white;
		margin-top: 5px;
		margin-bottom: 10px;
		background-color: white;
	}

	form.newsletter_form label{
		color: white;
		font-weight: bold;
	}

	form.newsletter_form button.validate{
		color: white;
		margin-top: 20px;
		border:solid 2px white;
	}

	form.newsletter_form button.validate:hover{
		background-color: white;
		color: #393B6A;
	}

	form.newsletter_form .messages.help{
		margin-top: 20px;
		color: white;
	}


	/***************************************************/




	.evo_cal_above span {
		color: #383B6A;
		opacity: 1!important;
	}

	.crm-form-submit{
		margin-top: 20px!important;
	}

	.um-register .um-postmessage{
		background-color: #393b6a;
		color: white;
		padding: 20px;
	}

/* Spacing elements e-con elementor J*/
.e-con .elementor-widget.elementor-widget {
    margin-block-end: 20px !important;
}