@media screen and (max-width: 1280px) {
	
	/* >>> navigation */
	/* > desactivation langues --- 
	#menu > ul { width: 60%; }
	/* < desactivation langues --- */
	#menu-lang,
	.menu-tel { padding: 0 10px; }
	body.fixed_head #logo-header {
		width: calc(40% - 280px);
		left: 100px;
	}
	
	/* bandeau recrutement */
	#bandeau-recrut { padding: 0 }
	.bandeau-recrut_content {
		padding: 15px 5% 15px 15%;
	}
	.bandeau-recrut_icon {
		width: 10%;
		height: auto;
		left: 3%;
	}
}

@media screen and (max-width: 1024px) {
	
	/* >>> navigation */
	/*#menu > ul { width: 60%; }
	#menu-lang,
	.menu-tel { padding: 0 10px; }
	
	body.fixed_head #logo-header {
		width: 170px;
		left: 20px;
	}
	*/
}

@media screen and (max-width: 990px) {

	/* >>> alt navigation */
	.header-content {
		background: transparent;
	}
	._page { padding: 0; }
	#logo-header {
		width: 30%;
		height: 20vw;
	}
	#menu-alt { display:block }
	#menu {
		top:0;
		left:-250px;
		bottom:0;
		width: 250px;
		height:100%;
		z-index:1002;
		position: fixed;
		padding: 40px 0;
		background-color: #253457;
		-webkit-transition: left .3s;
		-o-transition: left .3s;
		transition: left .3s;
		overflow-y:hidden;	
	}
	body.fixed_head #menu { padding-left: 0 }
	#menu > ul { 
		display: block; 
		overflow: auto; 
		height: 100%; 
		width: 100%;
	}
	#menu > ul > li { 
		display: block; 
		text-align: left; 
		height: auto; 
	}
	#menu > ul > li > a { display:block; padding:8px 20px; line-height:normal; }
	#menu li.first-item > a { position:relative; }
	#menu li.first-item > a:after {
		content:"+";
		position:absolute;
		right:10px; top:8px;
		font-size:10px;
		color:#d2d2d2
	}
	#menu li.first-item.ss-menu-opened > a:after { content:"-"; color:#3586a0 }
	#menu .sous-menu { position:static; padding: 0;}
	#menu .sous-menu ul { 
		width:auto; 
		/* background:#eeeded; */
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		padding:10px 30px; 
	}
	.sous-menu ul li {
		width: auto;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		border: none;
		height: auto;
	}
	.sous-menu li a {
		font-size: 12px;
		text-align: left;
	}	
	#menu .sous-menu ul li.active a	{
		padding-left: 10px;
		color: #fff;
	}
	body.menu-opened #menu-overlay { display:block; opacity:1; }
	body.menu-opened #menu { left:0; }
	
	#menu-lang {
		position: absolute;
		height: 40px;
		width: 100%;
		top: 0;
	}
	.menu-tel {
		position: absolute;
		top: auto;
		border-radius: 0;
		bottom: 0; left: 0;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		width: 100%; height: 40px;
	}
	body.fixed_head #menu-alt {
		background: transparent;
		top: 18px; right: 5px;
	}
	body.fixed_head .header-content { background-color: #253457; }
	body.fixed_head #logo-header {
		width: 170px;
		left: 20px;
	}
	
	/* >>> footer */
	#footer {
		background-color: #0a2952;
		background-position: 0 0;
		background-size: 100% auto;
	}
	.footer-content_1 {
		padding: 5% 0;
	}
	#baseline-footer {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 80px 0 20px;
	}
	.baseline-footer_legals {
		width: 100%;
		text-align: center;
		padding: 30px 0 0;
	}
	.baseline-footer_legals li { 
		display: inline-block;
		margin: 0 10px;
	}
	.baseline-footer_tel { max-width: 30%; padding: 0 10px 0 0 }
	.baseline-footer_contact { max-width: 30%; padding: 0 10px; }
	.baseline-footer_infos { max-width: 40%; padding: 0 0 0 10px }

	/* >>> heading */
	.heading_photo img {width: 140%; }
	.heading_cell { padding-top: 18%; }
	
	/* >>> divers */
	h1, .h1_like { font-size: 2em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.25em; }

	.content_flex > .wp50 {
		padding: 20px;
	}
	
	/* bandeau recrutement */
	
	/* bandeau recrutement */
	#aside-recrut { padding: 80px 20px 0 }
	.aside-recrut_content {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 15px 20px 15px 130px;
		-ms-align-items: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.aside-recrut_content h2 { width: 100%; }
	.aside-recrut_content .bouton_1 { 
		width: 180px; 
		text-align: center;
	}
	.aside-recrut_content p {
		width: calc(100% - 220px);
		text-align: left;
		padding: 0 15px 0 0;
	}
	.aside-recrut_icon {
		width: 90px;
		height: 90px;
		top: -20px;
		bottom: auto;
		left: 20px;
	}
	#aside-recrut + #footer { border-top: none; }
	/* --- */
	#bandeau-recrut { padding: 0 }
	.bandeau-recrut_content {
		padding: 15px 20px 15px 130px;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-align-items: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.bandeau-recrut_content h2 { width: 100%; }
	.bandeau-recrut_content .bouton_1 { 
		width: 180px; 
		text-align: center;
	}
	.bandeau-recrut_content p {
		width: calc(100% - 220px);
		text-align: left;
		padding: 0 15px 0 0;
	}
	.bandeau-recrut_icon {
		width: 90px;
		height: 90px;
		top: -20px;
		bottom: auto;
		left: 20px;
	}
}

@media screen and (max-width: 860px) {
		
	/* >>> accueil */
	#hp-center { padding: 0 40px; }
	#hp-center h2 { 
		font-size: 2em;
		padding-left: 60px;
		background-size: 50px auto;
	}
	#encart-qualite h2 { font-size: 2em  }
	#encart-qualite.encart-col4 .encart-qualite_item {
		width: 46%;
		margin: 2%;
	}
	
	/* >>> footer */
	#footer {
		background: #fff;
		padding: 20px 0 0;
	}
	.footer-content_1 {
		padding: 20px;
	}
	#logo-footer {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		width: 33%;
	}
	#nav-footer {
		display: block;
		padding-left: 20px;
		width: 66%;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	#footer .nav_footer_col { 
		display: block;
		text-align: left;
		width: auto; 
	}
	#footer .nav_footer_menu,
	#footer .nav_footer_alone {
		background: #f4fbfe;
		margin: 0 0 10px;
	}
	#footer .nav_footer_col h4 { margin: 0 }
	#footer .nav_footer_col h4 > a { display: block }
	#footer .nav_footer_col p { padding:0 0 20px }
	#footer .nav_footer_col .nav_footer_title {
		position:relative;
		margin: 0; padding: 5px;
	}
	.nav_footer_menu .nav_footer_title:after {
		content:"+";
		position:absolute;
		right:10px; top:8px;
		font-size:10px;
	}
	.nav_footer_menu.ss-menu-opened .nav_footer_title:after { content:"-"; }
	.nav_footer_menu .nav_footer_content { display:none; padding:10px; }
	#baseline-footer {
		background: #0a2952;
		background-size: 100% auto;
		padding: 40px 20px 20px;
	}
	.baseline-footer_tel,
	.baseline-footer_contact { 
		width: 50%;
		max-width: 50%;
	}
	.baseline-footer_tel { text-align: right; }
	.baseline-footer_infos { 
		width: 100%;
		max-width: 100%;
		text-align: center;
		padding: 30px 0 0;
	}
	.baseline-footer_rs { 
		width: 100%;
		text-align: center;
		padding: 15px 20px;
	}
	.baseline-footer_rs ul {
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}
@media screen and (max-width: 780px) {
	#page_contact .wp33.right { position: relative; }
	#encart-recrut {
		position: absolute;
		top: 0; right: 20px;
	}
}

@media screen and (max-width: 740px) {
	
	/* >>> header */
	#logo-header {
		width: 40%;
		height: 25vw;
	}
	#logo-header img {width: 66%; }
	.heading_page .heading-layer_3 { 
		width: 60%;
		height: 85%;
	}
	
	/* >>> accueil */
	#systeme-chlorin .content_flex {
		padding: 0 20px;
		max-width: 640px;
	}
	.systeme-chlorin_left { width: 60% }
	.systeme-chlorin_fig { width: 40%; }
	.systeme-chlorin_right {
		width: 100%;
		padding: 0;
	}
	.hp-links_item__txt {
		top: 14%; left: 10%;
		font-size: 1.125em 
	}
	#hp-advantages ul {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	#hp-advantages li {
		padding: 10px;
		max-width: 50%;
		width: 50%;
	}

	/* >>> Divers */
	.content_flex .wp50 {
		width: 100%;
	}
	.mobile-reverse-column > div {
	    -webkit-box-ordinal-group: 4;
	        -ms-flex-order: 3;
	            order: 3;
	}
	.heading_photo,
	.heading_page .heading-layer_1, 
	.heading_page .heading-layer_2 { 
		height: 50vw;
		min-height: 160px;
	}
	.heading_cell {
	    padding: 20px 0 0;
	    position: relative;
		background: #fff;
		margin-top: -1px;
	    height: auto;
	}
	.heading_cell__inner {
		text-align: center;
		padding: 0 20px;
	}	
	.heading_page h1 {
		font-size: 1.75em;
	}	
	.heading_cell #breadcrumb {
		text-align: center;
		padding-top: 20px;
	}
}

@media screen and (max-width: 640px) {
	.content_flex > .wp50 {
		padding: 10px;
	}
	.content_block.edit_content.bg-deco {
		min-height: 0;
		margin: 40px 0;
	}
	
	/* --- */
	.aside-recrut_content { 
		display: block;
		padding-left: 115px;
	}
	.aside-recrut_content p { width: 100%; padding: 0 }
	.aside-recrut_content .bouton_1 { margin: 10px 0 0 }
	.aside-recrut_icon {
		width: 75px;
		height: 75px;
		padding: 18px;
		top: 20px; 
	}
	/* --- */
	.document-dwnl { padding: 30px 20px; }
	.content_block + .document-dwnl { margin-top: 20px; }
	
}

@media screen and (max-width: 540px) {
	
	body { font-size: 14px }
	
	/* >>> accueil */
	.encart-qualite_item {
		width: 100%;
		max-width: 280px;
		margin: 10px;
	}
	.hp-links_item {
		width: 100%;
		height: 30vw;
		overflow: hidden;
	}
	.hp-links_item__fig img { margin: -20% 0 }
	.hp-links_item__txt { top: 20% }
	#hp-center { background-size: auto 280px; }
	#hp-center h2 { text-align: left }

	/* >>> Divers */
	.heading_page {padding-top: 0;}
	
	/* bandeau recrutement */
	.bandeau-recrut_content { 
		display: block;
		padding-left: 115px;
	}
	.bandeau-recrut_content p { width: 100%; padding: 0 }
	.bandeau-recrut_content .bouton_1 { margin: 10px 0 0 }
	.bandeau-recrut_icon {
		width: 75px;
		height: 75px;
		padding: 18px;
		top: 20px; 
	}
	#page_contact .wp33.right { position: relative; }
	#encart-recrut {
		position: relative;
		top: 0; right: 0;
		max-width: inherit;
		margin: 30px auto 0;
	}
}

/*
@media screen and (max-width: 780px) {
	.nav_footer_col { border-bottom:#3c4751 1px solid; }
	.nav_footer_menu .nav_footer_title:after { color:#5e676f }
	.nav_footer_menu:active { background-color:#353f48 }
}
*/
@media screen and (max-width: 480px) {
	h1 { font-size:24px; }

	/* form */
	.content_block .content_row label.left, .content_block .content_row label.right {
		padding: 5px 0;
	}
	
	/* --- */
	.document-dwnl a {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.document-dwnl h3 { margin-bottom: .5em; }
}

@media screen and (max-width: 360px) {
	.baseline-footer_tel,
	.baseline-footer_contact {
		width: 100%;
		max-width: 100%;
		text-align: center
	}
	.baseline-footer_tel a { 
		border-radius: 20px;
		margin: 0 0 20px; 
	}
	
	/* --- */
	#aside-recrut { padding: 40px 0 0 }
	.aside-recrut_content { 
		border-radius: 0;
		padding: 20px 30px;
		text-align: center;
	}
	.aside-recrut_icon {
		position: static;
		display: block;
		margin: 0 auto 15px;
	}
	.aside-recrut_content p { text-align: center; }
}