/******HEADER******/
/*nav bt*/
#navtop_bt{
	order: 1;
	display: none;
	box-sizing: border-box;
	width: 26px;
	height: 15px;
	margin: 15px 19px auto 20px;
	cursor: pointer;
	position: relative;
	z-index: 888;
}
#navtop_bt_span{
	display: block;
	width: 26px;
	height: 15px;
	background: var(--dgreen);
	margin: auto;
	position: relative;
}
#navtop_bt_span:before,
#navtop_bt_span:after{
	content: '';
	display: block;
	width: 26px;
	height: 6px;
	background: var(--vlgreen);
	position: absolute;
	transition: all 0.3s;
}
#navtop_bt_span:before{
	top: 1px;
}
#navtop_bt_span:after{
	bottom: 1px;
}
.bt_navtop_hover #navtop_bt_span,
.bt_navtop_hover #navtop_bt_span:before,
.bt_navtop_hover #navtop_bt_span:after{
	transition: all 0.3s;
}
.bt_navtop_hover #navtop_bt_span:before,
.bt_navtop_hover #navtop_bt_span:after{
	width: 30px;
	height: 1px;
	background: var(--blk);
}
.bt_navtop_hover #navtop_bt_span{
	background: none;
}
.bt_navtop_hover #navtop_bt_span:before{
	transform: rotate(45deg);
	top: 8px;
}
.bt_navtop_hover #navtop_bt_span:after{
	transform: rotate(-45deg);
	bottom: 6px;
}


/******************/
/****RESPONSIVE****/
/******************/

@media screen and (max-width: 1680px) {
	#sticky_buttons {
		right: 20px;
	}
}


@media screen and (max-width: 1480px) {
	#sticky_buttons {
		top: 427px;
	}
}


@media screen and (max-width: 1280px) {
	.widzmain,
	.alignwide {
		width: auto;
		margin-right: 20px !important;
		margin-left: 20px !important;
	}
	#header_content {
		width: auto;
	}
	.bloc_enjeux .bloc_enjeux_content,
	.bloc_engagements .bloc_enjeux_content {
		display: flex;
		flex-direction: column;
	}
	.bloc_enjeux .bloc_enjeux_content .wp-block-column:has(figure),
	.bloc_engagements .bloc_enjeux_content .wp-block-column:has(figure) {
		margin: 0 auto;
	}
	.bloc_enjeux_content .bloc_enjeux_content_col_03,
	.bloc_enjeux_content .bloc_enjeux_content_col_03 {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		width: 100%;
		flex-basis: unset !important;
	}
	.bloc_enjeux_content .bloc_enjeux_content_col_03 .wp-block-spacer {
		display: none;
	}
	.bloc_enjeux_content .bloc_enjeux_content_col_03 .wp-block-columns {
		flex-direction: column;
		justify-content: space-between;
		width: 40%;
	}
	.bloc_engagements .bloc_enjeux_content .wp-block-column .wp-block-columns .wp-block-column,
	.bloc_engagements .bloc_enjeux_content .wp-block-column p {
		max-width: unset;
		width: 100%;
	}
	.bloc_actus ul li .single_article:not(:has(img))::after,
	.bloc_ressources ul li .single_article:not(:has(img))::after {
		width: 100%;
	}
	.bloc_actus .wp-block-query,
	.bloc_ressources .wp-block-query {
		margin: 0 20px !important;
	}
	.bloc_ressources .single_article figure {
		width: 100% !important;
	}
	.bloc_valeurs_xxl .classic_title.widzmain {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

}


@media screen and (max-width: 1200px) {
	#header_content {
		justify-content: center;
		flex-direction: column;
	}
	#logo {
		margin: 0 auto 20px;
	}
	#header_main_content {
		flex: unset;
		width: 100%;
		padding-left: 0;
	}
	#sticky_buttons {
		top: 627px;
	}
	#footer_content {
		width: 410px;
	}
	#footer_form {
		flex: 1;
		width: unset;
	}
	.bloc_valeurs_xxl .wp-block-group.bloc_valeurs .wp-block-columns {
		flex-wrap: wrap !important;
	}
	.bloc_valeurs_xxl .wp-block-group.bloc_valeurs .wp-block-columns .wp-block-column:nth-child(-n+2) {
		width: 48%;
		flex-basis: unset;
	}
	.bloc_valeurs_xxl .wp-block-group.bloc_valeurs .wp-block-column:last-of-type{
		width: 100%;
	}

}


@media screen and (max-width: 1080px) {
	.widzmed {
		width: auto;
		margin-right: 20px !important;
		margin-left: 20px !important;
	}
	#page_404{
		display: flex;
		flex-wrap: wrap;
		padding: 94px 0 94px;
	}
	#page_404_ill_block{
		width: 46%;
		margin: 0 8% 0 0;
	}
	.bloc_actus .wp-block-query,
	.bloc_ressources .wp-block-query {
		margin: 0 0 0 20px !important;
	}
	.bloc_ressources .wp-block-query ul {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
		scrollbar-width: thin;
		scrollbar-color: transparent;
	}
	.bloc_ressources .wp-block-query ul li {
		min-width: 315px;
	}
	.bloc_valeurs_xxl .wp-block-group.bloc_valeurs .wp-block-columns,
	.bloc_expertise.wp-block-columns {
		flex-wrap: wrap !important;
	}
	.bloc_valeurs_xxl .wp-block-group.bloc_valeurs .wp-block-columns .wp-block-column:nth-child(-n+2),
	.bloc_expertise .wp-block-column:nth-child(-n+2) {
		width: 48%;
		flex-basis: unset;
	}
	.bloc_valeurs_xxl .wp-block-group.bloc_valeurs .wp-block-column:last-of-type,
	.bloc_expertise .wp-block-column:last-of-type {
		width: 100%;
		flex-basis: auto;
	}
}



@media screen and (max-width: 980px) {
	#header_content {
		position: relative;
		flex-direction: column;
		justify-content: flex-start;
	}
	#logo {
		width: 130px;
		height: 130px;
		margin-right: auto;
		margin-left: 0;
	}
	#navtop_bt {
		position: absolute;
		display: block;
		right: 0;
	}
	#navtop,
	#header_submenu {
		display: none;
	}
	#header_main_content {
		display: flex;
		flex-direction: column;
	}
	#navtop.navtop_hover {
		display: block;
		order: 1;
	}
	#header_submenu.submenu_hover {
		display: flex;
		order: 2;
	}
	#navtop ul {
		flex-direction: column;
	}
	#navtop ul li:has(ul) {
		position: relative;
		padding-right: 50px;
	}
	#navtop ul li:has(ul)::after {
		position: absolute;
		content: '';
		display: block;
		background: url(../img/fleche_sous_menu_navtop.svg) no-repeat;
		width: 16px;
		height: 15px;
		right: 0;
		top: 9px;
		transform: rotate(0deg);        /* déjà en 180° par défaut */
		transform-origin: center center;
		transition: transform 0.3s ease;
	}
	#navtop ul li.resp_sub_this_hover:hover::after {
		transform: rotate(180deg);
	}
	#navtop ul li:hover ul,
	#navtop ul li a:hover::after {
		display: none;
	}
	#navtop ul li.resp_sub_this_hover ul {
		position: relative;
		display: block;
		width: 100%;
		max-width: unset;
	}
	#navtop ul li ul {
		top: 0;
		padding: 20px 24px 11px 30px;
	}
	#navtop ul li a,
	#navtop ul li.resp_sub_this_hover ul li a {
		width: 100%;
	}
	#footer_content,
	#footer_form {
		width: 100%;
	}
	.footer_offices_title,
	.footer_offices_infos {
		max-width: unset;
	}
	#footer_form {
		margin-top: 40px;
	}
	#footer_form .gform_fields {
		display: flex;
		flex-direction: column;
		gap: 0 37px;
	}
	#footer_form .gform_fields .gfield--type-consent {
		margin-top: 10px;
	}
	#chapo {
		padding-bottom: 25px;
	}
	#chapo .chapo_content {
		flex-direction: column;
		justify-content: flex-start;
		padding: 0 0 27px;
	}
	.page-template-page_accueil #chapo h1,
	#chapo .chapo_content h1 {
		position: relative;
		padding-bottom: 28px;
		margin-bottom: 30px;
	}
	.page-template-page_accueil #chapo h1 {
		font-size: 40px;
	}
	#chapo .chapo_content h1 {
		width: 100%;
	}
	#chapo .chapo_content h1:after {
		position: absolute;
		content: '';
		width: 100%;
		height: 1px;
		bottom: 0;
		left: 0;
		background-color: var(--pictogreen);
	}
	#chapo .chapo_desc {
		max-width: unset;
	}
	#chapo .chapo_content::after {
		display: none;
	}
	#breadcrumb_content {
		padding: 20px 0 10px;
	}
	.bloc_enjeux_content {
		flex-direction: column;
	}
	.bloc_enjeux .bloc_enjeux_content .wp-block-column:has(figure),
	.bloc_engagements .bloc_enjeux_content .wp-block-column:has(figure) {
		margin: 0 auto;
	}
	.bloc_enjeux_content .bloc_enjeux_content_col_03 .wp-block-columns {
		width: 46%;
		row-gap: 20px;
	}
	.bloc_enjeux .bloc_enjeux_content .wp-block-column:nth-child(2) {
		display: none;
	}
	.bloc_engagements .bloc_enjeux_content .bloc_enjeux_content_col_03 .wp-block-columns {

	}
	.bloc_engagements .bloc_enjeux_content .wp-block-column .wp-block-columns .wp-block-column,
	.bloc_engagements .bloc_enjeux_content .wp-block-column p {
		max-width: unset;
		width: 100%;
	}
	.bloc_regions article .page_hentry .wp-block-column:first-of-type,
	.bloc_regions article .page_hentry .wp-block-column:last-of-type {
		display: none;
	}
	.bloc_regions article .page_hentry .wp-block-column:nth-child(2) {
		flex-basis: 100% !important;
		padding: 0 25px;
	}
	.bloc_territoire .wp-block-columns:not(.classic_title) {
		flex-direction: column;
	}
	.bloc_territoire .wp-block-columns:not(.classic_title) .wp-block-column:first-of-type {
		display: flex;
		justify-content: space-between;
		column-gap: 12px;
	}
	.bloc_territoire .wp-block-columns:not(.classic_title) .wp-block-column figure img {
		width: 100% !important;
		height: 300px !important;
	}
	.wp-block-spacer[style*="height:92px"] {
		height: 45px !important;
	}
	.bloc_text_image .wp-block-column:first-of-type {
		flex-basis: 100% !important;
	}

}


@media screen and (max-width: 880px) {
	#page_404_ill_block{
		width: 100%;
		margin: 0;
		text-align: center;
	}
	#page_404_ill_block object{
		margin: auto;
	}
	#page_404_ill_main{
		flex: none;
		width: 100%;
		text-align: center;
	}
	.bloc_valeurs_xxl .wp-block-group.bloc_valeurs .wp-block-columns .wp-block-column:nth-child(-n+2),
	.bloc_expertise .wp-block-column:nth-child(-n+2) {
		width: 46%;
	}

}


@media screen and (max-width: 780px) {
	.classic_title,
	.classic_title_green_bckgd {
		margin-bottom: 0;
		border-bottom: unset;
	}
	.classic_title > .wp-block-column:first-of-type,
	.classic_title_green_bckgd > .wp-block-column:first-of-type {
		padding-bottom: 21px;
	}
	.classic_title > .wp-block-column:first-of-type {
		border-bottom: 1px solid var(--pictogreen);
	}
	.classic_title_green_bckgd > .wp-block-column:first-of-type {
		border-bottom: 1px solid var(--underlined);
	}
	.classic_title,
	.classic_title_green_bckgd {
		padding: 25px 0 22px;
	}
	.classic_title > .wp-block-column:last-of-type p,
	.classic_title_green_bckgd > .wp-block-column:last-of-type p {
		text-align: left;
	}
	.classic_title > .wp-block-column:first-of-type,
	.classic_title_green_bckgd > .wp-block-column:first-of-type {
		padding-bottom: 13px;
	}
	.classic_title > .wp-block-column:nth-child(2),
	.classic_title_green_bckgd > .wp-block-column:nth-child(2) {
		margin-top: -15px;
	}
	.classic_title .wp-block-heading,
	.classic_green_title_h2 .wp-block-heading,
	.classic_title_green_bckgd .wp-block-heading,
	.classic_title .wp-block-column:nth-child(2) p,
	.classic_green_title_h2 .wp-block-column:nth-child(2) p,
	.classic_title_green_bckgd .wp-block-column:nth-child(2) p {
		display: inline;
	}
	.classic_title .wp-block-heading + .wp-block-heading,
	.classic_green_title_h2 .wp-block-heading + .wp-block-heading,
	.classic_title_green_bckgd .wp-block-heading + .wp-block-heading,
	.classic_title .wp-block-column:nth-child(2) p + .wp-block-column:nth-child(2) p,
	.classic_green_title_h2 .wp-block-column:nth-child(2) p + .wp-block-column:nth-child(2) p,
	.classic_title_green_bckgd .wp-block-column:nth-child(2) p + .wp-block-column:nth-child(2) p {
		margin-left: 0.1em;
	}
	.page-template-page_accueil .classic_title {
		padding-top: 20px;
	}
	.bloc_expertise,
	.bloc_besoins,
	.bloc_enjeux {
		margin-bottom: 30px;
	}
	.bloc_regions {
		margin-bottom: 10px;
	}
	.bloc_engagements .bloc_enjeux_content {
		padding-bottom: 30px;
	}
	.bloc_expertise .wp-block-columns .wp-block-column:nth-child(2) {
		padding: 13px 30px 21px;
	}
	.bloc_besoins .wp-block-columns {
		padding: 15px 30px 11px;
	}
	.bloc_enjeux .bloc_enjeux_content {
		padding-bottom: 40px;
	}
	.bloc_enjeux_content .bloc_enjeux_content_col_03 .wp-block-columns {
		flex-direction: row;
	}
	.bloc_deux_images .wp-block-column:has(figure) {
		max-width: unset;
	}
	.bloc_deux_images figure img {
		height: 350px;
	}
	.bloc_valeurs .single_valeur .wp-block-column:first-of-type,
	.bloc_valeurs .single_valeur .wp-block-column:last-of-type {
		display: none;
	}
	.bloc_valeurs .single_valeur .wp-block-column:nth-child(2) {
		padding: 0 20px;
	}
	.bloc_besoins .wp-block-columns p {
		width: 95%;
	}
}



@media screen and (max-width: 680px) {
	h1,
	.page_hentry h1,
	.page-template-page_accueil #chapo h1 {
		font-size: 30px;
		line-height: 42px;
	}
	h2,
	.page_hentry h2,
	.bloc_ressources .single_article h2 {
		font-size: 22px;
		line-height: 32px;
	}
	h3,
	.page_hentry h3 {
		font-size: 16px !important;
		line-height: 24px;
	}
	p,
	.page_hentry p,
	#chapo .chapo_desc p {
		font-size: 14px;
		line-height: 20px;
	}
	.page_hentry ul {
		margin: 0 0 10px;
	}
	.page_hentry ul li {
		font-size: 14px;
		line-height: 22px;
	}
	.classic_green_title_h2 {
		font-size: 25px;
		line-height: 27px;
	}
	.footer_offices_infos_title {
		font-size: 16px;
		line-height: 27px;
	}
	.footer_offices_infos_address,
	.footer_offices_infos_tel {
		font-size: 15px;
		line-height: 22px;
	}
	.wp-block-spacer[style*="height:100px"],   	/* réduis chaque bloc espacement défini en inline */
	.wp-block-spacer[style*="height:94px"] {
		height: 50px !important;				/* (le *= veut dire "contient") */
	}
	.wp-block-spacer[style*="height:90px"],
	.wp-block-spacer[style*="height:80px"],
	.wp-block-spacer[style*="height:76px"],
	.wp-block-spacer[style*="height:70px"] {
		height: 45px !important;
	}
	.wp-block-spacer[style*="height:60px"],
	.wp-block-spacer[style*="height:53px"],
	.wp-block-spacer[style*="height:52px"] {
		height: 25px !important;
	}
	.wp-block-spacer[style*="height:45px"],
	.wp-block-spacer[style*="height:44px"],
	.wp-block-spacer[style*="height:42px"],
	.wp-block-spacer[style*="height:40px"],
	.wp-block-spacer[style*="height:39px"] {
		height: 10px !important;
	}
	.wp-block-spacer[style*="height:55px"] {
		height: 25px !important;
	}
	#header_submenu.submenu_hover {
		flex-direction: column;
		justify-content: center;
		row-gap: 10px;
	}
	.submenu_contact {
		border-right: unset;
	}
	#footer_form form .gfield.gfield--input-type-textarea label {
		padding: 12px 0;
	}
	.footer_offices_title {
		padding-bottom: 40px;
	}
	.sticky_btn a {
		padding: 12px 12px 13px;
	}
	#chapo .chapo_content {
		padding: 0 0 27px;
	}
	.page-template-page_accueil #chapo::after {
		display: none;
	}
	.bloc_territoire .wp-block-columns:not(.classic_title) .wp-block-column:first-of-type {
		flex-direction: column;
	}

}


@media screen and (max-width: 500px) {
	#footer_form form .gfield--type-choice .ginput_container_consent {
		max-width: unset;
		width: 100%;
	}
	#footer_form form .gform-footer {
		bottom: -45px;
	}
	#footer_mentions .footer_nav ul {
		flex-wrap: unset;
		flex-direction: column;
		align-items: center;
	}
	#footer_mentions .footer_nav ul li {
		padding: 0 0 10px;
	}
	#footer_mentions .footer_nav ul li:after {
		display: none;
	}
	#sticky_buttons {
		right: 40px;
	}

}