/*
 * Theme Name:  Thémis
 * Theme URI: https: //git.avecnous.eu/latelelibre/chromatique
 * Description: Thémis, déesse de la justice est représentée avec un bandeau sur les yeux, une balance dans une main et une épée dans l’autre.
 * Author: NOUS Open Useful and Simple
 * Author URI: https://www.avecnous.eu
 * Template:    twentytwentyfive
 * Version:     1.0.0
 */

/* GENERAL */

p {
	padding-bottom: 15px;
}

.single-post p {
	padding-bottom: 1em;
	}
	.meta-infos p {
		padding-bottom: 0;
	}

:root :where(.is-layout-flow) > *,
:root :where(.is-layout-constrained) > * {
	margin-block-start: 0;
}

.wp-site-blocks .entry-content {
	width: 80%;
  	margin: 0 auto;
}

.single .wp-site-blocks .entry-content {
	width: 90%;
}

a {
	word-break: break-word;
}



/* TITRES */

h3 {
	color: #282828;
	word-break: break-word;
}


/* BOUTONS & LIENS */

a {
  text-decoration-thickness: 1px;
  text-underline-offset: .1em;
}
a:hover,
.btn-link:hover {
	text-decoration: none;
}
a:focus,
.btn-link.focus, 
.btn-link:focus {
	text-decoration: none;
	text-decoration-thickness: 0 !important;
  	text-underline-offset: 0;
	outline-width: 0;
}

/* boutons actu */
.pagination{
	min-width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin-bottom:10px;
}
.alignleft {
	margin-bottom:30px;
}
.pagination a {
	font-family: Poppins;
    font-weight: 600;
    font-size: 15px;
    color: #000000;
    padding: 15px;
    margin-top: 15px;
    background: #EEDB52;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

/* repro bouton jaune et blanc anim */

.bouton-jaune,
.bouton-blanc,
.swiper-wrapper .post-cta {
	font-size: 20px;
	font-weight: 500;
	text-decoration: none;
	outline: 0;
	padding: .5em 1em;
	line-height: 1.7em !important;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	transition-property: all !important;
	transition: all 300ms ease 0ms;
	position: relative;
	display: inline-block;
	}

.bouton-blanc {
	background: white;
	color: #ff74b4;
	border-radius: 50px;
}

.bouton-jaune p,
.bouton-blanc p,
.swiper-wrapper .post-cta p {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*.bouton-jaune p::after,
.bouton-blanc p::after,
.swiper-wrapper .post-cta::after {
		font-size: 32px;
		line-height: 1em;
		content: "\35";
		opacity: 0;
		position: absolute;
		margin-left: -1em;
		text-transform: none;
		font-feature-settings: "kern" off;
		font-variant: none;
		font-style: normal;
		font-weight: 400;
		text-shadow: none;
		font-family: ETmodules !important;
		transition: all 300ms ease 0ms;
		}*/

.bouton-jaune p::after,
.bouton-blanc p::after,
.swiper-wrapper .post-cta::after {
		content: " ";
		background: url('/wp-content/uploads/2025/10/ico-arrow-right.png');
		width: 9px;
		height: 16px;
		background-size: cover;
		opacity: 0;
		position: absolute;
		transition: all 300ms ease 0ms;
		top: 20px;
  		bottom: 5px;
  		right: 20px;
		}

/*.bouton-blanc p::after {
	color: #ff74b4;
}*/
.bouton-blanc p::after {
	background: url('/wp-content/uploads/2025/10/ico-arrow-right_pink.png');
	top: 19px;
}

.bouton-jaune:hover, 
.bouton-jaune:focus,
.bouton-jaune:active {
	background-color: rgba(0,0,0,.05);
	padding: .5em 2em .5em .7em;
	color: black;
	}
	.swiper-wrapper .post-cta:hover,
	.swiper-wrapper .post-cta:focus,
	.swiper-wrapper .post-cta:active {
		padding: .5em 2em .5em .7em;
	}
.bouton-blanc:hover,
.bouton-blanc:focus,
.bouton-blanc:active {
	padding: .5em 2em .5em .7em;
	color: #ff74b4;
}

.bouton-jaune:hover p::after,
.bouton-jaune:focus p::after,
.bloc-list-page-bordjaune .bouton-jaune:active p::after,
.swiper-wrapper .post-cta:hover::after,
.swiper-wrapper .post-cta:focus::after,
.swiper-wrapper .post-cta:active::after {
	opacity: 1;
	margin-left: 0;
	color: black;
}
.bouton-blanc:hover p::after,
.bouton-blanc:focus p::after,
.bouton-blanc:active p::after {
	opacity: 1;
	margin-left: 0;
}

/* LAZY BLOCKS : BOUTONS */

/* Bouton par défaut*/ 

.bouton-jaune  {
	font-family: Poppins;
	font-style: normal;
	color: #000000;
	max-width: 500px;
	text-align: center;
	margin-top: 15px;
	background: #EEDB52;
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
	border-radius: 50px;
	transition: all 0.3s ease;
	align-content: center;
}

/* Boutons ressources */

a.ressource-bouton {
	display:flex;
	flex-direction:row;
	flex-grow: 0;
	justify-content:flex-start;
	align-items : center;
	/*max-width: 320px;*/
	background: #F8F8F8;
	padding: 0 5px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	margin:12px;
	font-size: 20px;
	transition:all 0.3s ease;
}
a.ressource-bouton:hover {
	transition:all 0.3s ease;
	box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.5);
}
a.ressource-bouton img {
	margin:20px 25px;
	height: inherit;
}
a.ressource-bouton p {
	margin:4px;
	line-height:1.3;
	color:#282828;
}

a.ressource-bouton.btn-link-dons img {
	margin-bottom: 44px;
}
a.ressource-bouton.btn-link-benev img {
	margin-bottom: 26px;
}
a.ressource-bouton.btn-link-dons,
a.ressource-bouton.btn-link-benev,
a.ressource-bouton.btn-link,
a.ressource-bouton.btn-rapport {
	width: 100%;
	max-width: 100%;
}

a.ressource-bouton.btn-fullwidth {
	width: 100%;
  max-width: 100%;
	justify-content: center;
}



/* HEADER */
header {
	z-index: 999;
	position: relative;
}
.header {
	border-bottom: 1px solid #333333;
}
.header-nav {
	padding-right: 20px;
}
.header a.wp-block-navigation-item__content,
.header button.wp-block-navigation-item__content {
	font-family: Poppins;
	font-style: normal;
	font-size: 18px;
	font-weight: 600;	
	line-height: 30px;
	align-items: center;
	padding: 5px 0;
	white-space: nowrap;
	display: flex;
	-webkit-box-align: center;
	color: #1F1F1F;
	word-wrap: break-word;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	}
	.header a.wp-block-navigation-item__content:hover,
	.header a.wp-block-navigation-item__content:focus,
	.header a.wp-block-navigation-item__content:active,
	.header button.wp-block-navigation-item__content:hover,
	.header button.wp-block-navigation-item__content:focus,
	.header button.wp-block-navigation-item__content:active {
		outline: none;
		border-bottom: 2px solid #81B4D6;
	}
	.ico-fb a,
	.ico-bluesky a,
	.ico-insta a,
	.ico-linkedin a {
		height: 40px;
		width: 30px;
		position: relative;
		z-index: 2;
	}
	.ico-fb span,
	.ico-bluesky span,
	.ico-insta span,
	.ico-linkedin span {
		display: none;
	}
	.ico-fb::after {
		content: " ";
		background-image: url('/wp-content/uploads/2020/11/facebook.png');
		width: 24px;
		height: 24px;
		background-size: cover;
		position: absolute;
  		z-index: 1;
		}
		.footer .ico-fb::after {
			content: " ";
			background-image: url('/wp-content/uploads/2020/12/facebook_white.png');
			width: 14px;
		}
	.ico-bluesky::after {
		content: " ";
		background-image: url('/wp-content/uploads/2025/10/ico-bluesky2.png');
		width: 27px;
		height: 24px;
		background-size: cover;
		position: absolute;
  		z-index: 1;
		}
		.footer .ico-bluesky::after {
			content: " ";
			background-image: url('/wp-content/uploads/2025/10/ico-bluesky-white.png');
		}
	.ico-insta::after {
		content: " ";
		background-image: url('/wp-content/uploads/2020/11/instagram.png');
		width: 24px;
		height: 24px;
		background-size: cover;
		position: absolute;
  		z-index: 1;
		}
		.footer .ico-insta::after {
			content: " ";
			background-image: url('/wp-content/uploads/2020/12/instagram_white.png');
		}
	.ico-linkedin::after {
		content: " ";
		background-image: url('/wp-content/uploads/2025/10/ico-linkedin-3.png');
		width: 24px;
		height: 24px;
		background-size: cover;
		position: absolute;
  		z-index: 1;
		}
		.footer .ico-linkedin::after {
			content: " ";
			background-image: url('/wp-content/uploads/2025/10/ico-linkedin-white.png');
		}

	.wp-block-search__button {
		background-color: transparent;
		color: black;
		font-size: 24px;
		padding: 10px 15px;
		margin-left: 20px;
		position: relative;
		}
		.wp-block-search.wp-block-search__button-only .wp-block-search__input {
			position: absolute;
			right: 4%;
			top: 0;
			bottom: 0:;
			width: 70%;
			height: 100%;
			border: 0;
			transition-duration: 0.6s;
			transition: opacity 0.4s ease-in-out;
		}
		.wp-block-search.wp-block-search__button-only .wp-block-search__input:hover,
		.wp-block-search.wp-block-search__button-only .wp-block-search__input:focus,
		.wp-block-search.wp-block-search__button-only .wp-block-search__input:active {
			border: 0;
			outline-width: 0;
			box-shadow: none;
		}

	
	/* Blog */
	.header .menu-blog a.wp-block-navigation-item__content {
		text-decoration: underline #81B4D7 3px;		
		text-decoration-thickness: 3px !important;
		}
		.header .menu-blog a.wp-block-navigation-item__content:hover,
		.header .menu-blog a.wp-block-navigation-item__content:focus,
		.header .menu-blog a.wp-block-navigation-item__content:active {
			text-decoration: underline #EEDB52 3px;	
			border-bottom: 0;
		}

	/* sous-menu */
	.wp-block-navigation__submenu-container {
		border-top: 3px solid #eedb52;
		top: calc(100% - -30px);
		}
		.wp-block-navigation__submenu-container .wp-block-navigation-item a,
		.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
			padding: 10px 30px;
			line-height: 30px;
		}
		.wp-block-navigation__submenu-container .wp-block-navigation-item a:hover,
		.wp-block-navigation__submenu-container .wp-block-navigation-item a:focus,
		.wp-block-navigation__submenu-container .wp-block-navigation-item a:active {
			background-color: rgba(0,0,0,.03);
		}

	/* faire un don */
	.boutondon {
		position: fixed;
		top: 40px;
		right: 60px;
		padding: 8px 20px 10px 20px;
		margin: 0px;
		max-width: 340px;
		background: #EEDB52;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		z-index: 999;
		border-radius: 50px;
		line-height:1em;
	}
	.boutondon a {
		font-family: Poppins;
		font-weight: 600;
		font-size: 16px;
		text-align: center;
		justify-content: center;
		color: #000000;
		z-index: 999;
		line-height:1em;
		background: none;
		padding: 0;
	}
	.boutondon:hover,
	.boutondon:focus,
	.boutondon:active {
		box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.35);
		transition: all 0.3s ease;
		filter: saturate(2);

	}
	.boutondon a:hover,
	.boutondon a:focus,
	.boutondon a:active {
		text-decoration: none;
		outline-offset: 0;
		outline-width: 0;
	}


/* FOOTER */

	/* newsletter */
	#gform_1 {
		display: grid;
		grid-template-columns: 75% 1fr;
		gap: 30px;
	}
	#gform_fields_1 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	#gform_1 input[type=text],[form] input[type=email], [form] select,
	.gform_legacy_markup_wrapper li.hidden_label input{
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
		background: #81C9E7;
		border: 1px solid #81C9E7;
		border-radius: 3px;
		color: #fff;
		width: 270px;
	}
	#input_1_2 {
		width: 270px;
	}
	#gform_submit_button_1 {
		width: 240px;
		padding: 10px 12px;
		background-color: #EEDB52;
		font-size: 20px;
		font-weight:600;
		line-height: 25px;
		text-align: center;
		cursor: pointer;
		vertical-align: middle;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		white-space: normal;
		border-radius: 50px;
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
		border: 1px solid transparent;
		margin-top: 5px;
		}
		#gform_submit_button_1:hover{
			box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.35);
			transition: all 0.3s ease;
			filter: saturate(2);
		}

footer a {
	border-bottom: 3px solid transparent;
	}
	.foot-mentions a:hover,
	.foot-mentions a:focus,
	.foot-mentions a:active {
		color: #EEDB52;
	}
	footer a:hover,
	footer a:focus,
	footer a:active {
		border-bottom: 3px solid #81B4D6;
		text-decoration: none;
		}
	.footer-don a {
		border-bottom: 3px solid #81B4D6;
		text-decoration: none;
		}	
		.footer-don a:hover,
		.footer-don a:focus,
		.footer-don a:active {
			border-bottom: 3px solid #EEDB52;
			text-decoration: none;
		}




/* ACCUEIL */

.card h3 {
	max-height: 137px;
}
.card p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.home #main-content .container {
	padding-top: 0!important;
}
.ban-accueil {
	position: relative;
}
.ban-accueil.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100%;
}
.ban-acc-bloc-edit {
	position: absolute;
  right: -5%;
  top: 5%;
  bottom: auto;
  left: auto;
  width: 50%;
  background: #ecd851;
  padding: 20px 30px;
  text-align: center;
  height: auto;
  display: block;
}
.ban-acc-bloc-edit .wp-block-button__link {
	padding: 6px 20px;
}
.card_blog .card:first-child {
	overflow-x: hidden;
}


/* Sidebar */

#sidebar, .actions .et_post_meta_wrapper { display:none; }
.actions {
	margin-top: 100px;
}

/* rectification mise en page groupes de travail*/
.wp-block-column {
	min-width: auto;
}

/*event maps*/

.event_map_popup {
	position:absolute;
	top: 0!important;
  right: 0!important;
	padding: 25px 15px 10px 15px;
	border-radius:.25rem;
	border-left: 3px solid #EEDB52;
	box-shadow:rgba(0,0,0, 0.25)0px 4px 4px;
}

.event_map_popup a{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-direction:column;
}
.event_map_popup a strong{
	font-style: normal;
	font-size: 25px;
	line-height: 1.2;
	display: block;
	margin: 0.25rem 0 1rem 0;
}
.event_map_popup a time,.event_map_popup a address span {
	font-family: 'Poppins', regular;
	font-style: italic;
	font-size:0.9rem;
	font-weight: 300;
	line-height: 1.2;
	display: block;
}
.event_map_popup a address span {
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 500;
	line-height: 1.1;
	display: block;
	margin:0.5rem 0;
}
.event_map_popup a p {
	font-weight: normal;
	font-size:0.9rem;
	line-height: 1.2;
	display: none;
	margin-top:0.5rem;
}

.event_map_popup p {
	font-weight: normal;
	font-size:16px;;
	line-height: 1.2;
	margin-top:0.5rem;
}

.event_map_popup img {
	align-self:center;
	max-width: 100% !important;
	max-height: 210px!important;
	margin: 1rem 0;
	order: 2;
	display:none;
}

.event_map_popup a::after{
	content:'Lire la suite';
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    color: #000;
    line-height: 22px;
    display: block !important;
    position: static;
		align-self: flex-end;
    padding: 6px 0px 6px 30px;
    margin-top: 15px;
    margin-left: 40px;
    width: 147px;
    height: 35px;
    background: #EEDB52;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    transition: all 0.3s ease;
}

.ol-overlay-container.ol-selectable {
	  position: absolute;
transform: none !important;
}


/* LAZY BLOCKS */

/* Titre ressources */

h2.ressource-titre {
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	background: url('/wp-content/uploads/2020/11/trait-jaune.png');
	background-repeat: no-repeat;
	background-size: 200px 100px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	font-size: 28px;
	padding-top: 30px;
	padding-bottom: 20px;
	line-height: 1em;
	color: #282828;
	margin-bottom: 25px;
	word-break: break-word;
}

h2.titre-bleu {
	background: url('/wp-content/uploads/2020/12/naat-quote-bleu-e1607702404762.png');
	background-repeat: no-repeat;
	background-size: 250px 150px;
	text-transform: uppercase;
	font-style: italic;
	padding-top: 40px;
	line-height: 1em;
	margin-bottom: 30px;
	word-break: break-word;
}

.mon-image img {
	/*background: url('/wp-content/uploads/2020/12/background-images.png');
	background-size: 100%;
	position: relative;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 450px;
	height: 300px;*/
	align-content: center;
	align-items: center;
	justify-content: center;
	box-shadow: 80px 69px 0 -35px rgb(118, 170, 207, 1), -80px -70px 0 -35px rgb(235, 214, 72,1);
	margin: 30px auto 50px auto;
	display: block;
	max-width: 350px;
	
}

.presse-img img {
	width: 250px;
}

/* image full screen */

.image-full-screen {
	display: flex;
    height: auto;
    width: 100%;
}	

/* Liste des objectifs */
.naat-goals-list ul {
    list-style: none;
    margin-left: -20px;
}
.naat-goals-list ul li {
    list-style: none;
    position: relative;
    padding-left: 30px;
		line-height: 35px;
}
.naat-goals-list ul li:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-image: url('/wp-content/uploads/2020/11/puce-action.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 1.2em;
    transform: translateY(-50%);
}

/* Boucle articles */
li.wp-block-post {
	list-style:none;
}

/* Cookie notice */
.cookie-notice-container .cookie_button {
	font-size: 14px;
  font-weight: 500;
  padding: .1em 3em;
  line-height: 1 !important;
	border:1px solid;
}

#cn-accept-cookie {
	color : #0F0;
	border-color: #0F0;
}

#cn-refuse-cookie {
	color : #F00;
	border-color: #F00;
}

.card-action-nature {
	padding: 40px;
	margin-right: 40px!important;
	margin-top: 40px!important;
	position: relative;
	width: 100%;
	height: 100%;
	background: #F8F8F8;
	border-left: solid;
	border-left-width: 4px;
	border-left-color: #ebda00;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.card-action-nature p {
	font-weight: 300;
	line-height: 22px;
	font-size: 16px;
}

.container-nature-actions .bouton-jaune {
	padding: 6px 22px;
}

.container-nature-actions .bouton-jaune p {
	font-weight: 600;
}

.container-nature-actions .bouton-jaune:hover {
	color:black;
}

body.postid-22663 .et_pb_fullwidth_header.et_pb_fullwidth_header_0_tb_header {
  background-position: bottom;
}

/* Articles (non divi) */
.wp-block-image .tb-image.aligncenter img {
	display: block;
	margin: 0 auto;
}


/* liste pages bord gauche jaune */

.bloc-list-page-bordjaune {
	border-left: 3px solid #ebda00;
	padding: 30px 40px;
	}
	.bloc-list-page-bordjaune .list-page-bordjaune-img {
		max-height: 255px;
		margin: 0 auto;
		display: block;
		width: 100%;
		overflow: hidden;
	}


/* Slider avec overlay bleu */
.gutslider-content-wrapper .post-title {
	text-shadow: 1px 1px 2px black;
}
.gutslider-content-wrapper .post-categories,
.gutslider-content-wrapper .post-excerpt {
	text-shadow: 0px 1px 2px rgba(0,0,0,0.5)
}
			
/* COMPO : grille actions (version anglais) */

.grille-actions .wp-block-toolset-blocks-grid-column,
.grille-actions .wp-block-cover, .grille-actions .wp-block-cover-image {
	height: 360px;
	width: 360px;
	min-height: 360px;
	overflow: hidden;
	margin: 0 auto;
}
.grille-actions h3 {
	font-family: Poppins;
	font-style: italic;
	font-weight: 900;
	font-size: 25px!important;
	line-height: 37.5px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	-webkit-text-stroke: 1px black;
}

.grille-actions .wp-block-cover,
.grille-carre-colors .wp-block-cover {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
  	padding-bottom: 0;
}
.grille-actions .wp-block-cover__inner-container,
.grille-carre-colors .wp-block-cover__inner-container {
	width: 100%;
  	height: 100%;
	position: inherit;
	align-content: center;
	padding: 20px;
}
.grille-actions h3,
.grille-carre-colors p {
	align-content: center;
}
.grille-actions h3 a::before,
.grille-carre-colors a::before {
	content:" ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.grille-carre-colors .wp-block-cover__background:hover,
.grille-carre-colors .wp-block-cover__background:focus,
.grille-carre-colors .wp-block-cover__background:active {
	filter: saturate(2);
	opacity: 0.8;
}

/* IFRAME */

#haWidget {
	width: 100%;
  height: 100%;
	display: block;
	min-height: 2500px;
	border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
	}
	#haWidget.donner-en {
		min-height: 1200px;
	}
#haWidget.vignette {
	border: 0;
	min-height: 750px;
}

	#haWidget body.widget {
		height: 2500px;
		min-height: 2500px;
		overflow: hidden;
	}

/* PAGE BLOG */

.page-template-wp-custom-template-page-grande-largeur .wp-site-blocks .entry-content {
	width: 100%;
	max-width: 100%;
  	margin: 0 auto;
	padding: 50px 0 0 0;
	}
	.page-template-wp-custom-template-page-grande-largeur .no-constrain,
	.page-template-wp-custom-template-page-grande-largeur .wp-container-core-group-is-layout-6c531013 {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0;
	}

.page-template-wp-custom-template-page-grande-largeur .bloc-img-bg {
	background-size: initial;
	background-position: right 5% bottom 0px;
	background-image: url("https://notreaffaireatous.org/wp-content/uploads/2020/09/bckgd-1-2.png");
	background-repeat: no-repeat;
	max-width: 100%;
	margin-bottom: -20px;
}
.page-template-wp-custom-template-page-grande-largeur .titre-bleu {
	text-align: center;
	background-position-x: 25%;
}
.group-btn-blog .wp-block-button__link {
	padding: 5px 12px;
	line-height: 1.2em;
}
.group-btn-blog .wp-block-button__link:hover,
.group-btn-blog .wp-block-button__link:focus,
.group-btn-blog .wp-block-button__link:active {
	filter: saturate(2);
	color: black;
}
.blog-slider {
	width: 80%;
}
.blog-cats-lists {
	width: 20%;
	padding: 30px 40px;
}
#wpv-view-layout-8734 {
	background: white;
	box-shadow: 0px 42px 20px 20px rgba(80,80,80,0.15);
	max-width: 1024px;
	padding: 50px;
}


/* TEMPLATE ACTIONS */

.actions-template-default .wp-block-post-featured-image,
.single-actions .wp-block-post-featured-image {
	width: 100%;
  	max-width: 100vw;
	position: relative;
	z-index: 1;
}
.actions-template-default h1,
.single-actions h1 {
	position: absolute;
	z-index: 2;
	display: block;
	width: 100%;
	text-align: center;
	max-width: 98%;
	font-style: italic;
	text-transform: uppercase;
	font-size: 45px;
	color: #ffffff;
	-webkit-text-stroke: 1px black;
	word-wrap: break-word;
	padding: 200px 50px;
}
.actions-template-default .slider-actus-actions-theme,
.single-actions .slider-actus-actions-theme {
	margin-top: -110px;
  	z-index: 3;
	position: relative;
	max-width: 94%;
	}
	.single-actions .wp-block-post-featured-image {
		margin-bottom: 70px;
	}
.actions-template-default .wp-block-post-featured-image img,
.single-actions .wp-block-post-featured-image img {
	min-height: 560px;
	max-height: 560px;
	width: 100%;
}


/* RECHERCHE */
.grille-recherche ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}
.grille-recherche li .wp-block-group {
	height: 100%;
}


/*======================
=======================
  RESPONSIVE  
=======================
=========================*/



@media screen and (max-width: 500px) { 
	
	/* GENERAL */
	.wp-site-blocks .entry-content {
		width: 100%;
	}

	/* HEADER */
	.boutondon {
		top: 100px;
		right: 33%;
		left: 33%;
		max-width: 150px;
		position: absolute;
	}
	
	/* Bloc image blord jaune/bleu */
	.mon-image img {
		box-shadow: 50px 50px 0 -30px rgb(118, 170, 207, 1), -50px -50px 0 -30px rgb(235, 214, 72,1);
		margin: 50px auto 20px auto;
	}
	
	/* RECHERCHE */
	.grille-recherche ul {
		grid-template-columns: repeat(1, 1fr);
	}
	
}


@media screen and (max-width: 300px) {
	
	/* Bloc image blord jaune/bleu */
	.mon-image img {
		box-shadow: 45px 40px 0 -20px rgb(118, 170, 207, 1), -45px -40px 0 -20px rgb(235, 214, 72,1);
	}
	
}


@media screen and (min-width: 501px) and (max-width: 600px) { 
	
	/* HEADER */
	.boutondon {
		top: 87px;
		right: 26%;
		position: inherit;
	}

	
}


@media screen and (max-width: 600px) {
	
	/* HOME */
	a.ressource-bouton.btn-fullwidth {
		display: block;
	}
	a.ressource-bouton.btn-fullwidth img {
		display: block;
  width: 50%;
  margin: 0 auto;
		max-width: 250px;
		height: auto;
	}
	a.ressource-bouton.btn-fullwidth h3 {
		text-align: center;
		font-size: 20px;
		padding-bottom: 30px;
	}
	
	/* bloc img bord jaune/bleu */
	.col-img-shadow.tb-grid-column.tb-grid-align-top {
		align-content: inherit!important;
		width: auto;
		display: block;
		margin: 0!important;
	}
	.col-txt-imgshadow {
		width: 100% !important;
	}
	.wp-block-toolset-blocks-grid-column.tb-grid-column[data-toolset-blocks-grid-column="cda821fea3a9c35bb465b3078cfc30f0"],
	.wp-block-toolset-blocks-grid-column.tb-grid-column[data-toolset-blocks-grid-column="d97ef0f9222d03b551616a843bfe477f"] {
		width: 100%!important;
		margin: 0!important;
	}
	
	/* Iframe */
	#haWidget body.widget {
		overflow: auto;
	}
	
	/* ACTIONS */
	.actions-template-default h1, 
	.single-actions h1 {
		font-size: 30px;
		}
		.actions-template-default .wp-block-post-featured-image img, .single-actions .wp-block-post-featured-image img {
		  	min-height: 460px;
		 	 max-height: 460px;
			}
	
}

@media screen and (min-width: 501px) and (max-width: 768px) {
	
	/* RECHERCHE */
	.grille-recherche ul {
		grid-template-columns: repeat(2, 1fr);
	}
	
	
}




@media only screen and (max-width: 768px) { 
	
	/* HEADER */
	.boutondon a {
		font-size: 14px;
	}
	
	/* event map */
	.event_map_popup {
    	width: calc(100vw - (100vw/5));
    	height: 350px;
		top: 300px !important;
		left: 0px !important;
		padding: 0 15px;
 	 }
	.event_map_popup a strong{ 
	  font-size: 15px;
  	}
	.event_map_popup .popup-scrollable{
		height: 100%;
		width: 100%;
		overflow-y: auto;
		padding: 15px 15px 30px;
	}
	
	/* BOUTONS */
	.grille-btns {
		grid-template-columns: repeat(1, 1fr);
	}
	.grille-btns a.ressource-bouton,
	.grille-btns a {
		max-width: 100%;
	}
	
}

@media only screen and (min-width: 768px) {
	
	/* bouton actus */
	.pagination{
		min-width:150%;
		justify-content:space-between;
	}
	.alignleft{
		margin-bottom:0px;
	}
	
	/* event map */
	.event_map_popup {
		width: 295px;
		height: 660px;
		top: 0px !important;
		left: calc(100vw - (100vw/5) - 295px) !important;
	}
	.event_map_popup img,.event_map_popup a p  {
		display:block;
	}

	
}

@media screen and (min-width: 601px) and (max-width: 782px) { 
	
	/* HEADER */
	.boutondon {
		top: 40px;
		right: 22%;
		position: absolute;
	}
	
}

@media only screen and (max-width: 992px) {
	
	/* FOOTER */
	.gform_legacy_markup_wrapper .gform_footer {
		padding: 0;
		margin: 0 auto;
	}
	
	/* newsletter */
	#gform_wrapper_1 .gform_body,
	#gform_wrapper_1 li,
	#gform_wrapper_1 input {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	
	
}

@media only screen and (min-width: 992px) {
	
	/* cookie notice */
	.container-nature-actions {
		display: flex!important;
		justify-content: center;
		align-content: center;
		width: 100%;
		flex-wrap: wrap!important;
		flex-direction: row;
	}
	
}


@media screen and (min-width: 783px) and (max-width: 1024px) { 
	
	/* HEADER */
	.boutondon {
		top: 40px;
		right: 18%;
		position: absolute;
	}
	
}

@media screen and (max-width: 1024px) {
	
	/* FOOTER : newsletter */
	#gform_1,
	#gform_fields_1 {
		grid-template-columns: repeat(1, 1fr);
	}
	.gform_legacy_markup_wrapper ul li.gfield {
		display: block;
  		width: 100%;
		margin: 0 auto;
	}
	.gform_legacy_markup_wrapper form {
		max-width: 80%;
	}
	#gform_1 input[type="text"], [form] input[type="email"], [form] select, .gform_legacy_markup_wrapper li.hidden_label input,
	#input_1_2 {
		width: 100%
	}
	#gform_submit_button_1 {
		display: block;
		margin: 0 auto;
	}
	
	/* COMPO : media + texte (groupes locaux) */
	.wp-block-media-text > .wp-block-media-text__content {
		grid-column: 1;
  		grid-row: 2;
	}
	 .wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100% !important;
	  }
	
	/* COLONNES full width (dons) */
	.fullwidth-mobiletab.wp-block-columns {
		flex-wrap: wrap !important;
	}	
	.fullwidth-mobiletab.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }

	/* BLOG */
	.wp-container-core-group-is-layout-ad2f72ca,
	.wp-container-core-group-is-layout-6c531013 {
	  flex-wrap: wrap!important;
	}
	.blog-slider {
	  width: 100%;
		}
		.gutslider-d6610145 .gutslider-content-wrapper .post-title {
			font-size: 20px;
		}
		.gutslider-d6610145 .gutslider-content-wrapper .post-excerpt {
			font-size: 12px;
			text-overflow: ellipsis;
		overflow: hidden;
		}
	#wpv-view-layout-8734 {
		padding: 30px;
	}
	.blog-cats-lists {
	  width: 100%;	
		}
		.blog-cats-lists h2 {
			display: block;
		text-align: center;
		width: 100%;
		}
		.blog-cats-lists .wp-block-buttons {
			width: 100%;
		}
		.blog-cats-lists .wp-block-buttons.is-content-justification-right.is-vertical {
	  align-items: center;
	}

	/* HOME */
	.ban-acc-bloc-edit {
		position: inherit;
	  width: 100%;
	  margin: 0 auto;
	  display: block;
	  left: 0;
	  right: 0;
	  margin-bottom: 25px;
	}

	
}



@media screen and (max-width: 1199px) {
	
	/* HEADER */
	.header-nav {
		padding-right: 0;
	}
	.wp-block-navigation__responsive-container-close svg, 
	.wp-block-navigation__responsive-container-open svg {
		height: 30px;
		width: 30px;
	}
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block!important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
	.menu-reseaux.is-layout-flex {
		display: none!important;
	}
	.wp-block-navigation__responsive-container {
		border-top: 5px solid #eedb52;
		box-sizing: border-box;
		}
		.wp-block-navigation__responsive-dialog {
			margin-top: 0;
			padding: 30px;
		}
	.wp-block-navigation__responsive-dialog .wp-block-navigation__submenu-container li a {
		font-size : 16px;
		padding-right: 20px;
		line-height: 2.4em;
		}
		.wp-block-navigation__responsive-dialog .wp-block-navigation__submenu-container li a::after {
			content :" • ";
			font-size: 20px;
			color: #eedb52;
			padding-left: 20px;
		}
		.wp-block-navigation__responsive-dialog .wp-block-navigation__submenu-container li a:hover,
		.wp-block-navigation__responsive-dialog .wp-block-navigation__submenu-container li a:focus,
		.wp-block-navigation__responsive-dialog .wp-block-navigation__submenu-container li a:active {
			background: none;
		}
	/* sous-menu */
	.header-nav .ico-bluesky,
	.header-nav .ico-insta,
	.header-nav .ico-linkedin,
	.header-nav .ico-fb {
		display: inline-block;
		vertical-align: top;
		width:15%;
		}
	.header-nav .ico-bluesky {
		border-top: 2px solid #eedb52;
		padding-top: 60px;
		margin-top: 30px
	}
	.wp-block-navigation__submenu-container .wp-block-navigation-item a, 
	.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		padding: 10px 10px;
	}
	.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
		padding-right: 30px;
	}

	
	/* bloc image jaune/bleu */
	.wp-block-toolset-blocks-grid-column .mon-image {
		margin: 0 auto;
	}
	
	/* grille toolbox */
	.entete-img-txt .wp-block-toolset-blocks-grid.tb-grid {
		grid-template-columns: 1fr!important;
	}
	.wp-block-toolset-blocks-grid.tb-grid[data-toolset-blocks-grid="cba1778df01c461b335f8606637e3d7a"] > .tb-grid-column:nth-of-type(2n+2) {
		grid-column: 1!important;
	}
	
}

@media screen and (min-width:600px) and (max-width: 1260px){
	
	/* grille actions */
	.grille-actions .wp-block-toolset-blocks-grid.tb-grid,
	.wp-block-toolset-blocks-grid.tb-grid[data-toolset-blocks-grid="79663ce5db26108599280e5944af71f4"]{
		grid-template-columns: repeat(2, 1fr)!important;
	}
	
	
}

@media screen and (min-width:769px) and (max-width: 1260px) {
	
	/* BOUTONS */
	.grille-btns {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/* grille boutons ressources-liens */
	.wp-block-toolset-blocks-grid.tb-grid {
		grid-template-columns: repeat(2,  1fr)!important;
		grid-column: inherit;
	}
	.wp-block-toolset-blocks-grid.tb-grid > .tb-grid-column:nth-of-type(3n+1),
	.wp-block-toolset-blocks-grid.tb-grid > .tb-grid-column:nth-of-type(3n+2),
	.wp-block-toolset-blocks-grid.tb-grid > .tb-grid-column:nth-of-type(3n+3)	{
		grid-column: inherit!important;
	}
	
}

@media screen and (min-width:1025px) and (max-width: 1199px) {
	
	/* Banniere accueil blocs carres */
	.ban-acc-bloc-edit {
		width: 60%;
		right: -10%;
  		top: 3%;
	}
	.ban-acc-bloc-edit p {
		font-size: 18px;
  		line-height: 1.4em;
	}
	
	/* HEADER */
	.boutondon {
		top: 39px;
		right: 15%;
		position: absolute;
	}
	

	
}

@media screen and (min-width:1025px) and (max-width: 1260px) {
	
	/* FOOTER */
	#gform_1 input[type="text"], [form] input[type="email"], 
	[form] select, .gform_legacy_markup_wrapper li.hidden_label input,
	#input_1_2 {
		width: 200px;
	}
	
}

@media screen and (min-width: 1200px) {
	
	/* HEADER */
	.header-nav.wp-block-navigation .wp-block-navigation-item.ico-bluesky,
	.header-nav.wp-block-navigation .wp-block-navigation-item.ico-insta,
	.header-nav.wp-block-navigation .wp-block-navigation-item.ico-linkedin,
	.header-nav.wp-block-navigation .wp-block-navigation-item.ico-fb {
		display: none;
	}
	
	
}

@media screen and (min-width:1200px) and (max-width: 1430px) {
	
	/* Banniere accueil blocs carres */
	.ban-acc-bloc-edit {
		width: 56%;
		right: -7%;
	}
	.ban-acc-bloc-edit p {
		font-size: 20px;
  	line-height: 1.4em;
	}
	
	/* HEADER */
	.wp-block-search.wp-block-search__button-only .wp-block-search__input {
		width: 77%;
	}
	.boutondon {
		right: 18px;
	}
	
}

@media screen and (min-width:1024px) and (max-width: 1460px) {
	
	/* BLOG */
	.blog-slider {
		width: 70%;
	}
	.blog-cats-lists {
  	width: 30%;
	}
	
	
}



@media screen and (min-width:1200px) and (max-width: 1640px) { 

	/* HEADER */
	.wp-block-site-logo {
		width: 15%;
  		display: inline-block;
	}
	.wp-container-core-group-is-layout-f4c28e8b.is-layout-flex {
		display: inline-block;
  		width: 84%;
	}
	.header-nav.is-layout-flex {
		display: block;
 		 width: 100%;
		padding-right: 13%;
		}
		.header a.wp-block-navigation-item__content, .header button.wp-block-navigation-item__content {
			font-size: 16px;
		}
	.menu-reseaux {
		padding-right: 12%;
		text-align: right;
		float: right;
	}
	.wp-block-search {
		text-align: right;
		float: right;
  		padding-right: 1%;
		}
		.wp-block-search__button {
			padding: 5px 15px;
		}

	
}


@media screen and (min-width:1431px) and (max-width: 1780px) { 

		/* HEADER */
		.wp-block-search.wp-block-search__button-only .wp-block-search__input {
			width: 73%;
		}
	
	
}