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

/******HEADER******/
/*nav bt*/
#navtop_bt{
	order: 1;
	display: none;
	box-sizing: border-box;
	width: 24px;
	height: 21px;
	margin: 15px 19px auto 20px;
	cursor: pointer;
	position: relative;
	z-index: 888;
}
#navtop_bt_span{
	display: block;
	width: 24px;
	height: 21px;
	background: var(--green);
	margin: auto;
	position: relative;
}
#navtop_bt_span:before,
#navtop_bt_span:after{
	content: '';
	display: block;
	width: 26px;
	height: 6px;
	background: var(--wh);
	position: absolute;
	transition: all 0.3s;
}
#navtop_bt_span:before{
	top: 3px;
}
#navtop_bt_span:after{
	bottom: 3px;
}
.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: 3px;
	background: var(--green);
}
.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: 10px;
}


@media screen and (max-width: 1880px) {
	.invisible_slider_single_step {
		width: 150px;
	}
}


@media screen and (max-width: 1600px) {
	.invisible_slider_single_step {
		width: 55px;
	}
}


@media screen and (max-width: 1480px) {
	.widzlarge {
		width: auto;
		margin-right: 20px;
		margin-left: 20px;
	}
	.swiper {
		margin-left: 10px;
	}
	.invisible_slider_single_step {
		display: none;
	}
}


@media screen and (max-width: 1280px) {
	/*** CLASSICS ***/
	.widzmain {
		width: auto;
		margin-right: 20px;
		margin-left: 20px;
	}
}


@media screen and (max-width: 1080px){
	/******404******/
	#page_404{
	display: flex;
	flex-wrap: wrap;
	padding: 94px 0 94px;
	}
	#page_404_ill_block{
	width: 46%;
	margin: 0 8% 0 0;
	}
	.bloc_accroche {
		width: auto;
		margin-right: 20px;
		margin-left: 20px;
	}
	.chapo {
		padding: unset;
		background-color: unset;
	}
	.chapo_content {
		flex: unset;
		max-width: unset;
		width: 100%;
		padding-bottom: 20px;
	}
	.chapo_form {
		max-width: unset;
	}
	.bloc_partner_content {
		width: 500px;
	}
	.bloc_videos_single {
		width: 45%;
	}
	.green_single_editor {
		width: 42%;
	}
	.calendly_popup_style {
		min-width: 820px;
	}
}


@media screen and (max-width: 980px) {
	/*** HEADER ***/
	#logo {
		padding-right: 0;
		margin-right: auto;
	}
	#navtop_bt{
		display: block;
	}
	#navtop{
		display: none;
	}
	#navtop.navtop_hover {
		display: block;
		order: 4;
		width: 100%;
		flex: unset;
		margin-top: 10px;
		background-color: var(--lgreen);
		border-radius: 0 0 20px 20px;
	}
	#navtop.navtop_hover ul {
		display: flex;
		flex-direction: column;
		padding-top: 38px;
	}
	#navtop.navtop_hover ul li {
		padding: 0 0 7px 29px;
	}
	#navtop.navtop_hover ul li a {
		padding: 7px 10px;
	}
	#navtop.navtop_hover ul li a:hover::after {
		transform-origin: unset;
		transform: unset;
		transition: unset;
	}
	#navtop.navtop_hover #openModal {
		display: block;
		width: fit-content;
		padding-left: 39px;
		margin: 50px 0 35px;
	}
	.header_rdv_btn {
		display: none;
	}
	.page_hentry iframe {
		max-height: 450px;
	}
	.header_social_pic:hover .header_social_pic_hover {
		display: none;
	}
	.calendly_popup_style {
		min-width: 620px;
	}

}


@media screen and (max-width: 880px) {
	/******404******/
	#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;
	}
	#footer_container {
		flex-direction: column;
		padding: 42px 42px 13px;
	}
	.footer_logo {
		width: 148px;
		height: 107px;
		padding-right: 0;
		margin: 0 auto 30px;
	}
	.footer_nav {
		padding-bottom: 31px;
	}
	.footer_btn {
		width: fit-content;
		padding-bottom: 47px;
	}
	#footer_nav_mentions {
		justify-content: center;
	}
	.bloc_partner_content {
		width: 100%;
	}
	.bloc_partner_pic {
		flex: unset;
	}
	.bloc_partner_content_single {
		padding-bottom: 40px;
	}
	.bloc_partner_pic {
		min-height: 371px;
	}
	.bloc_videos_content {
		justify-content: center;
	}
	.bloc_videos_single {
		/*width: 57%;*/
		width: 396px;
	}
	.bloc_editors_content {
		padding-bottom: 0;
	}
	.bloc_editor_single {
		padding-bottom: 35px;
	}
	.bloc_editors span.page_hentry h2 {
		padding-bottom: 15px;
	}
	.bloc_editors_content:last-of-type {
		padding-bottom: 19px;
	}
	.key_numb_maintitle h2 {
		margin-bottom: 0;
	}
	.key_numb_single_article {
		width: 44%;
	}
	.accordeon_pop_up_part {
		max-width: unset;
		width: 100%;
	}
	.swiper-button-prev-logos,
	.swiper-button-prev-steps {
		background: url(../img/slider_green_arrow_left_resp.svg) no-repeat;
	}
	.swiper-button-next-logos,
	.swiper-button-next-steps {
		background: url(../img/slider_green_arrow_right_resp.svg) no-repeat;
	}
	.swiper-button-prev-steps,
	.swiper-button-next-steps,
	.swiper-button-prev-logos,
	.swiper-button-next-logos {
		width: 45px;
		height: 45px;
	}
	.myLogosSwiper {
		padding-bottom: 40px;
	}
	.bloc_logos_slider_buttons {
		position: relative;
		width: 105px;
		height: 50px;
		padding-top: 35px;
		margin-right: auto;
		margin-left: auto;
	}
	.swiper-button-prev-logos {
		top: unset;
		transform: unset;
		left: 0;
	}
	.swiper-button-next-logos {
		top: unset;
		transform: unset;
		right: 0;
	}
	.bloc_etapes_slider_buttons {
		width: 104px !important;
	}
	.bloc_editors_green {
		padding: 41px 0 67px;
	}
	.bloc_editor_single {
		width: 100%;
	}
	.classic_edit_topline_content {
		padding-top: 50px;
	}

	/*** ESPACEMENTS BLOCS ***/
	.bloc_accroche {
		padding: 51px 0 39px;
	}
	.bloc_partner,
	.bloc_editors_green {
		margin-bottom: 50px;
	}
	.bloc_videos_container {
		padding: 37px 0 52px;
		margin-bottom: 44px;
	}
	.bloc_visual,
	.bloc_editors_green{
		margin-bottom: 64px;
	}
	.bloc_key_numbers,
	.bloc_classic_editor {
		padding-bottom: 47px;
	}
	.bloc_accordeon,
	.bloc_slider_single_step {
		padding-bottom: 43px;
	}
	.bloc_repeat_logos {
		padding-bottom: 10px;
	}
	.bloc_classic_editor_topline {
		padding-bottom: 34px;
	}
	.bloc_key_numb_form {
		padding: 60px 70px 60px;
	}
}


@media screen and (max-width: 780px) {
	.calendly_popup_style {
		min-width: 480px;
	}
}




@media screen and (max-width: 680px) {
	.page_hentry h4,
	.page_hentry h3 {
		margin-bottom: 15px;
	}
	#footer_nav_mentions {
		justify-content: flex-start;
		padding-top: 20px;
	}
	#footer_nav_mentions ul {
		flex-direction: column;
	}
	#footer_nav_mentions ul li a {
		padding-bottom: 15px;
	}
	.chapo_content::before {
		width: 82px;
		height: 109px;
	}
	.chapo_content::after {
		width: 82px;
		height: 38px;
		left: 116px;
	}
	.green_single_editor {
		width: 100%;
	}
	.page_hentry iframe {
		max-height: 350px;
	}
	.calendly_popup_style {
		min-width: 380px;
	}
}


@media screen and (max-width: 500px) {
	.chapo_editor {
		height: 700px;
		padding: 0 16px 75px 20px;
	}
	.key_numb_single_article {
		width: 100%;
	}
	.key_numb_btn {
		justify-content: center;
	}
	.key_numb_download {
		width: 100%;
		text-align: center;
	}
	.classic_green_btn {
		line-height: 20px;
	}
	.green_single_editor {
		width: 100%;
	}
	.page_hentry iframe {
		max-height: 289px;
	}
	.calendly_popup_style {
		min-width: 340px;
		margin-top: 200px;
	}
	.close {
		top: 20px;
	}
	.bloc_key_numb_form {
		padding: 60px 40px 60px;
	}
}