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

@media screen and (max-width: 980px) {
	.widzmain {
		width: auto;
		margin-right: 10px;
		margin-left: 10px;
	}
}

@media screen and (max-width: 880px) {
	*{
		transition: all 0.3s;
	}
	.widzmain {
		width: 300px;
		margin-right: auto;
		margin-left: auto;
	}
	.op_step_first {
		padding-top: 0;
	}
	.op_area_main {
		padding: 24px 0 12px;
	}
	.op_step_first .op_area_main {
		padding: 24px 0;
	}
	.op_section_title_strap {
		padding: 36px 0 12px 90px;
		margin: 0 0 10px;
	}
	.op_section_title_bubble {
		width: 130PX;
		height: 78px;
		left: -10px;
	}
	.op_section_title_bubble_span {
		line-height: 34px;
		margin: 28px auto auto 32px;
		font-size: 34px;
	}
	.op_area_bt{
		margin: 0 18px;
	}
	.op_area_bt_item {
		box-sizing: border-box;
		width: 100%;
		line-height: 13px;
		padding: 5px;
		font-size: 13px;
		text-align: center;
	}
	.op_area_bt_item:first-child {
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom-left-radius: unset;
	}
	.op_area_bt_item:last-child {
		border-top: none;
		border-left: 2px solid var(--bleu);
		border-top-right-radius: unset;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	.op_section_site_title {
		padding-top: 16px;
	}
	.op_section_site_title .op_section_title {
		line-height: 60px;
		font-size: 75px;
		text-shadow: 3px 2px 0px var(--bleu);
	}
	.op_section_video_main{
		gap: 14px;
	}
	.op_section_video_menu_cols {
		order: 2;
	}
	.op_video_block {
		flex: unset;
		display: block;
		width: 100%;
		height: 188px;
	}
	.op_section_video_pic{
		width: 120px;
		height: auto;
		bottom: 19px;
		right: 40px;
	}
	.op_section_address_strap {
		margin: 0 0 26px;
	}
	.op_section_address_block {
		padding: 10px;
	}
	.op_section_address_line_top {
		line-height: 23px;
		font-size: 23px;
	}
	.op_section_address_line_bottom {
		line-height: 14px;
		font-size: 14px;
	}
	.op_section_address_logo {
		width: 62px;
		height: auto;
		background-size: 70% auto;
	}
	.op_section_shop_title_strap .op_section_title {
		font-size: 50px;
	}
	.op_section_shop_pres_strap {
		gap: 25px;
		margin: 0 0 39px 0;
	}
	.op_section_shop_pres_mozaik {
		flex: unset;
		width: 100%;
	}
	.op_section_shop_single_pic_cols {
		height: 133px;
	}
	.op_section_single_label {
		line-height: 14px;
		font-size: 14px;
		padding: 5px;
		font-family: 'mynerve';
	}
	.op_section_shop_single .op_section_single_label{
		top: unset;
		bottom: 0;
	}
	.op_section_shop_pres_cols {
		width: 100%;
		padding-top: 0;
	}
	.op_section_shop_pres_cols .op_nav_bt{
		display: none;
	}
	.op_section_hygi {
		margin-bottom: 24px;
	}
	.op_section_hygi_content {
		padding: 44px 35px 11px 14px;
	}
	.op_section_hygi_title {
		padding: 8px 5px 7px;
		margin: 0 auto;
		text-align: center;
		left: 0;
	}
	.op_section_hygi_pic {
		width: unset;
		position: absolute;
		top: /*5px*/55px;
		right: /*-40px*/-45px;
		bottom: unset;
	}
	.op_section_hygi_pic img {
		max-width: 90px;
		position: relative;
		bottom: unset;
		left: unset;
	}
	.op_section_artist {
		display: block;
		margin: 0 0 8px 0;
		position: relative;
	}
	.op_section_artist_content {
		gap: 24px;
	}
	.op_section_artist_col_left,
	.op_section_artist_col_right{
		flex: unset;
		width: 100%;
	}
	.op_section_artist_col_left_title {
		padding: 8px 32px 7px;
	}
	.op_section_artist_hentry {
		padding: 36px 14px 11px;
	}
	.op_section_artist_right_hentry {
		padding: 106px 17px 28px;
		text-align: center;
	}
	.op_section_info_shop {
		margin: 0;
		background-size: 100%;
	}
	.op_section_info_shop_hentry {
		padding: 36px;
		line-height: 26px;
		font-size: 24px;
	}
	.op_section_artist .op_section_title_bubble {
		right: -30px;
		bottom: -40px;
	}
	.op_section_title_strap.op_section_project_title_strap{
		padding: 46px 0 12px 80px;
	}
	.op_section_project_title_strap .op_section_title_bubble_span {
		line-height: 32px;
		margin: 28px auto auto 14px;
		font-size: 32px;
	}
	.op_section_project_title_strap .op_section_title {
		line-height: 50px;
		font-size: 50px;
	}
	#op_section_project_single_col {
		order: 1;
		flex-direction: unset;
		gap: 16px;
		height: auto;
	}
	#op_section_project_single_double{
		order: 2;
	}
	.op_section_project_mozaik_strap{
		gap: 16px;
	}
	.op_section_project_mozaik_strap:not(:last-of-type) {
		margin-bottom: 16px;
	}
	.op_section_project_mozaik_strap:not(:first-of-type) .op_nav_bt {
		display: none!important;
	}
	.op_section_project_mozaik_strap:first-of-type .op_nav_bt {
		top: 227px;
	}
	#op_section_project_single_col .op_section_project_single_pic{
		box-sizing: border-box;
	}
	#op_section_project_single_01 .op_section_project_single_pic,
	#op_section_project_single_03 .op_section_project_single_pic,
	#op_section_project_single_04 .op_section_project_single_pic,
	#op_section_project_single_05 .op_section_project_single_pic,
	#op_section_project_single_06 .op_section_project_single_pic,
	#op_section_project_single_08 .op_section_project_single_pic,
	#op_section_project_single_09 .op_section_project_single_pic{
		height: 290px;
	}
	#op_section_project_single_02 .op_section_project_single_pic,
	#op_section_project_single_06 .op_section_project_single_pic,
	#op_section_project_single_07 .op_section_project_single_pic{
		height: 354px;
	}
	.op_section_project_single,
	#op_section_project_single_02,
	#op_section_project_single_06,
	#op_section_project_single_double{
		flex: unset;
		width: 100%;
	}
	#op_section_project_single_01,
	#op_section_project_single_05,
	#op_section_project_single_08{
		flex: unset;
		width: 206px;
	}
	#op_section_project_single_03,
	#op_section_project_single_04{
		box-sizing: border-box;
		width: 141px;
		margin-bottom: 8px;
	}
	#op_section_project_single_02:before,
	#op_section_project_single_06:before {
		height: 36px;
	}
	#op_section_project_single_06:before {
		border: 2px solid var(--wh);
		border-top-right-radius: unset;
		border-top-left-radius: unset;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		top: unset;
		bottom: 0;
	}
	#op_section_project_single_10,
	#op_section_project_single_11{
		flex: unset;
		box-sizing: border-box;
		width: 300px;
		height: 300px;
		position: relative;
	}
	#op_section_project_single_01 .op_section_single_label,
	#op_section_project_single_05 .op_section_single_label,
	#op_section_project_single_08 .op_section_single_label{
		margin: 0 0 0 auto;
		right: -10px;
		bottom: -7px;
		left: unset;
	}
	#op_section_project_single_05 .op_section_single_label,
	#op_section_project_single_08 .op_section_single_label{
		top: unset;
		padding: 5px;
	}
	#op_section_project_single_03 .op_section_single_label,
	#op_section_project_single_04 .op_section_single_label {
		width: auto;
		padding: 5px;
		right: 16px;
		left: 16px;
	}
	#op_section_project_single_02 .op_section_single_label,
	#op_section_project_single_06 .op_section_single_label{
		margin: 0 auto;
		top: unset;
		right: 0;
		bottom: 27px;
		left: 0;
	}
	#op_section_project_single_09 .op_section_single_label{
		top: unset;
		bottom: -7px;
	}
	#op_section_project_single_10 .op_section_single_label,
	#op_section_project_single_07 .op_section_single_label{
		margin: 0 auto;
		top: unset;
		right: 0;
		bottom: -7px;
		left: 0;
	}
	#op_section_project_single_11 .op_section_single_label {
		bottom: -7px;
	}
	.op_section_project_social_strap {
		line-height: 20px;
		padding: 10px 0;
		margin-top: 19px;
		font-size: 18px;
	}
	.op_section_contact {
		margin: 0 0 6px;
	}
	.op_section_title_strap.op_section_contact_title_strap{
		padding: 34px 10px 12px 18px;
	}
	.op_section_contact_title_strap .op_section_title_bubble_span {
		line-height: 28px;
		margin: 30px auto auto 20px;
		font-size: 28px;
	}
	.op_section_contact_title_strap .op_section_title{
		line-height: 54px;
		font-size: 58px;
		text-align: center;
	}
	.op_section_contact .op_nav_bt{
		top: -150px;
		z-index: 44;
	}
	.op_section_contact_blue_strap {
		line-height: 20px;
		padding:  6px 8px;
		font-size: 18px;
	}
	.op_section_contact_address_motif {
		height: 26px;
	}
	.op_section_contact_address_vertical {
		line-height: 18px;
		padding: 8px;
		font-size: 16px;
		letter-spacing: -5px;
	}
	.op_section_contact_address_content {
		padding: 12px 10px;
	}
	/*
	.op_section_contact_address_label {
		line-height: 16px;
		font-size: 14px;
	}
	.op_section_contact_address_datas {
		line-height: 16px;
		font-size: 12px;
	}
	*/
	.op_section_contact_pic_block {
		width: /*80px*/120px;
		margin: unset;
		position: absolute;
		/*
		top: 120px;
		right: -20px;
		bottom: unset;
		left: unset;
		*/
		top: unset;
		bottom: 230px;
		left: 30px;
	}
	.op_section_contact_form_bt {
		padding: 10px;
	}
	.op_section_contact_form_bt_span {
		line-height: 24px;
		padding: 0 26px 0 0;
		font-size: 24px;
	}
	.op_section_contact_form_pic_col {
		width: 300px;
	}
	.op_section_contact_form_col {
		flex: unset;
		width: 100%;
		padding-top: 0;
		margin-top: -30px;
	}
	.op_section_contact_form_block .op_section_title_bubble {
		width: 230PX;
		height: 128px;
		margin: 0 auto;
	}
	.op_section_contact_form_block .op_section_title_bubble_span {
		line-height: 25px;
		margin: 52px auto auto 42px;
		font-size: 25px;
		color: var(--bleu);
		text-transform: none;
		text-align: center;
	}
	.op_section_contact_form_main {
		position: relative;
	}

	.op_section_contact_form_intro {
		display: flex;
		min-height: 140px;
	}
	.op_section_contact_form_intro p{
		margin: auto 0;
	}
	.op_section_contact_form_pic {
		box-sizing: border-box;
		width: 127px;
		margin-top: unset;
		position: absolute;
		top: 285px;
		left: 0;
	}
	.wpcf7 span.wpcf7-form-control-wrap {
		width: 100%;
	}
	.wpcf7 span.wpcf7-form-control-wrap[data-name="nom"],
	.wpcf7 span.wpcf7-form-control-wrap[data-name="prenom"],
	.wpcf7 span.wpcf7-form-control-wrap[data-name="ville"],
	.wpcf7 span.wpcf7-form-control-wrap[data-name="pays"]{
		box-sizing: border-box;
		padding-left: 136px;

	}
	.page_hentry_wrapp {
		padding: 14px 10px 108px;
		border-radius: 5px;
		margin-top: 14;
		margin-right: 0;
	}
	.page_title_wizpic_pic {
		max-width: 100%;
	}
	.page_hentry .gallery dl.gallery-item {
		width: 100%!important;
	}
	.page_hentry img.page_hentry_pic_illu_pic{
		display: block;
		float: unset;
		width: auto;
		max-width: 216px;
		margin: 0 auto 32px;
	}
}

@media screen and (max-width: 580px){
	#main{
		overflow: hidden;
	}
}

/******404******/
@media screen and (max-width: 1080px){
	#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: 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;
	}
	
}