/******************/
/****RESPONSIVE****/
/******************/
#navtop_bt_resp{
	display:none;
	flex-wrap:wrap;
	align-items:center;
	row-gap:5px;
	position:absolute;
	z-index:6;
	top:28px;
	right:30px;
	width:30px;
	height:16px;
}
#navtop_bt_resp span{
	display:inline-block;
	width:100%;
	height:5px;
	background-color:var(--orange);
	transition:all 0.4s;
}
#navtop_bt_resp.bt_navtop_cross{
	row-gap:0;
	transition:all 0.4s;
}
#navtop_bt_resp.bt_navtop_cross span:nth-of-type(1){
	transform:translateY(6px) rotate(45deg);
	transition:transform 0.4s;
}
#navtop_bt_resp.bt_navtop_cross span:nth-of-type(2){
	transform:translateY(-2px) rotate(-45deg);
	transition:transform 0.4s;
}
@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;
	}
	
}

@media screen and (max-width: 780px){
	/*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;
	}
	.widzmain{
		margin-right:20px;
		margin-left:20px;
	}
	.flex1{
		flex: unset;
	}
	#header {
		position: relative;
		z-index:1;
	}
	#navtop_bt_resp{
		display: flex;
	}
	#logo a{
		display: flex;
		align-items:center;
		height:73px;
	}
	#header_nav{
		display: none;
		flex: unset;
		width: 100%;
	}
	#header > .flex_bloc{
		margin-right:20px;
		margin-left:20px;
	}
	#header_nav ul li{
		width: 100%;
	}
	#header_nav ul li a{
		padding:10px 0;
	}
	.bloc_infos_pratique{
		row-gap: 20px;
		padding-top:20px;
		padding-bottom:50px;
	}
	.inscription_content{
		order:1;
	}
	.bloc_infos_pratique .infos_content{
		order:2;
		margin:auto;
	}
	.bloc_preparations{
		padding:70px 30px 40px;
	}
	.bloc_preparations .content{
		row-gap: 20px;
	}
	.bloc_faq{
		margin-top:50px;
	}
	.bloc_faq > .page_hentry{
		margin-bottom:40px;
	}
	.bloc_faq .bloc_faq_list .single{
		width: 100%;
	}
	.bloc_programme{
		margin-top:50px;
	}
	#footer{
		row-gap: 40px;
		padding-right:20px;
		margin-top:40px;
	}
	#footer .contact_list .contact_infos{
		width: 100%;
	}
	.home_baner{
		height: 80vh;
		padding-top:70px;
		padding-bottom:90px;
		align-items:flex-start;
	}
	.bloc_programme .thumb{
		width: 75%;
		height:350px;
	}
	.inscription_content .content{
		padding-left:0;
	}
	.page_hentry img{
		float:unset;
	}
	
}
@media screen and (max-width: 580px){
	#logo{
		padding-bottom:0;
	}
	#logo a{
		height:45px;
	}
	.home_baner .top_title{
		font-size: 19px;
	}
	.home_baner .bottom_title,
	.page_hentry h2{
		font-size: 32px;
		line-height: 40px;
	}
	.bloc_infos_pratique .infos_content{
		width: 100%;
		padding: 33px 15px 35px;
	}
	.bloc_preparations{
		padding:70px 10px 40px;
	}
	.bloc_faq .bloc_faq_list .single .title{
		font-size: 15px;
	}
	.bloc_faq .bloc_faq_list .single{
		padding-bottom:15px;
	}
	.bloc_programme .thumb .thumb_title{
		font-size: 30px;
	}
	#footer{
		padding-top:105px;
		padding-left:20px;
	}
	.footer_picto{
		top:-45px;
		left:-17px;
	}
	.page_hentry .gallery .gallery-item{
		width: 100% !important;
	}
}