.hide-1280 {
	display:none !important;
}

@media screen and (max-width:1280px) {
	/** Generic **/
	.hide-1024 {
		display:none !important;
	}
	.show-1024 {
		display:block !important;
	}
	.inline-block.show-1024 {
		display:inline-block !important;
	}
	.col-12 {
		width:1000px;
	}
	/** @End **/

	/** Menu flottant **/
	#left-site-menu {
		margin-left:-512px;
	}
	/** @End **/

	/** Produits **/
	#products-ranges-wrapper {
		padding-left:110px;
	}
	.range-block {
		padding-left:30px;
		width:275px;
	}
	.range-block img {
		width:100% !important;
		height:auto !important;
	}
	/** @End **/

	/** Contact **/
	#formulaire-contact .col-12, #plan-acces {
		padding-left:110px;
	}
	.contact-form textarea {
		width:674px;
	}
	.contact-form input[type="text"], .contact-form input[type="password"] {
		width:229px;
	}
	.service-bloc {
		width:430px;
	}
	.service-bloc:first-child {
		margin-right:30px;
	}
	.service-bloc img {
		width:100% !important;
		height:auto !important;
	}
	/** @End **/

	/** Espace Pro **/
	#espace-pro .col-12 {
		padding-left:110px;
	}
	/** @End **/

	/** Actualites **/
	#actualites .col-12 {
		padding-left:110px;
	}
	/** @End **/
}

@media screen and (max-width:1024px) {
	/** Generic **/
	.hide-720 {
		display:none !important;
	}
	.show-720 {
		display:block !important;
	}
	.inline-block.show-720 {
		display:inline-block !important;
	}
	.col-12 {
		width:98% !important;
	}
	#header {
		-webkit-background-size:140% auto !important;
		-moz-background-size:140% auto !important;
		background-size:140% auto !important;
	}
	article h2 {
		line-height:1.2;
	}
	.chapter-content-wrapper h2 {
		left:auto;
		right:20px;
	}
	/** @End **/

	/** Mozaic **/
	#bloc-article {
		height:342px;
		-webkit-background-size:auto 100%;
		-moz-background-size:auto 100%;
		background-size:auto 100%;
	}
	.card-front {
		-webkit-background-size:100% 100%;
		-moz-background-size:100% 100%;
		background-size:100% 100%;
	}
	.home-losange h2 {
		font-size:1.1em;
	}
	.card-back {
		font-size:0.786em;
	}
	#bloc-article #losangeSavoirFaire {
		width:126px;
		height:126px;
		top:-27px;
		margin-left:-211px;
	}
	#cadreLosangeSavoirFaire {
		width:178px;
		height:178px;
		margin-left:-89px;
		margin-top:-89px;
	}
	#bloc-article #losangeService {
		width:128px;
		height:128px;
		top: 211px;
		margin-left: -164px;
	}
	#cadreLosangeService {
		width:178px;
		height:178px;
		margin-left:-89px;
		margin-top:-89px;
	}
	#bloc-article #losangeBigText {
		width:150px;
		height:150px;
		top: 126px;
		margin-left: 104px;
	}
	#cadreLosangeBigText {
		width:212px;
		height:212px;
		margin-left:-106px;
		margin-top:-106px;
	}
	#bloc-article #losangeRight1 {
		top:-62px;
		margin-left:5px;
	}
	#video-wrapper {
		width:225px;
		height:225px;
		top:68px;
		margin-left:-376px;
	}
	#cadreVideo {
		width:318px;
		height:318px;
		margin-left:-159px;
		margin-top:-159px;
	}
	/** @End **/

	/** Menu flottant **/
	#left-site-menu {
		margin-left:0;
		left:1px;
	}
	/** @End **/

	/** Produits **/
	.range-block {
		width:48%;
		padding-left:4%;
	}
	.range-block:nth-child(3n+1) {
		padding-left:4%;
	}
	.range-block:nth-child(2n+1) {
		padding-left:0;
	}
	/** @End **/

	/** Contact **/
	.fieldrow {
		width:100% !important;
		display:block !important;
		text-align:left !important;
	}
	.contact-form label {
		width:auto;
		display:block;
		padding-right:0;
		text-align:left !important;
	}
	.contact-form input[type="text"], .contact-form input[type="password"], .contact-form textarea {
		width:100%;
	}
	.fieldrow.infos_mandatory > span, .fieldrow.mentions label, .g-recaptcha {
		margin-left:0;
	}
	.g-recaptcha > div {
		margin:0 auto;
	}
	.submitField {
		text-align:center !important;
	}
	#cnil-contact-infos {
		padding-left:0;
	}
	.service-bloc {
		width:100%;
	}
	.service-bloc:first-child {
		margin-right:0;
		margin-bottom:60px;
	}
	/** @End **/

	/** Espace Pro **/
	#ident-form-wrapper .input-submit-wrapper {
		position:relative;
		top:0;
	}
	/** @End **/
}

@media screen and (max-width:720px) {
	/** Generic **/
	.hide-480 {
		display:none !important;
	}
	.show-480 {
		display:block !important;
	}
	.inline-block.show-480 {
		display:inline-block !important;
	}
	.site {
		padding-top:45px;
	}
	#header {
		padding-top:164px;
	}
	#header #header-tel {
		font-size:1.143em;
	}
	#header #header-horaire {
		font-size:1.286em;
	}
	#page-local-nav {
		margin:20px 0 40px;
	}
	.col-12 {
		width:90% !important;
	}
	#legales-notices {
		display:block;
		width:auto;
		margin-bottom:12px;
	}
	#footer-wrapper ul {
		width:25%;
	}
	#zoom-close {
		right:2px;
	}
	#specialiste-cloture {
		padding-bottom:80px;
	}
	.chapter-content-wrapper h2 {
		position:static;
		margin:38px 0 0;
	}
	.chapter-content {
		margin-right:0;
		padding-right:0;
		border-right:0;
		margin-top:16px;
	}
	/** @End **/

	/** Menu **/
	#main_navigation {
		height:45px;
		position:fixed;
		top:0;
		left:0;
		right:0;
		z-index:20;
	}
	.main_navigation_plan {
		display:none;
		position:absolute;
		top:45px;
		background-color:rgba(0, 85, 120, 0.95);
		text-align:center;
		width:100%;
		height:auto;
	}
	.main_navigation_plan.in {
		display:block;
	}
	.main_navigation_plan > ul {
		min-width:230px;
	}
	.main_navigation_plan br {
		display:none;
	}
	.main_navigation_plan ul li {
		display:block;
		text-align:left;
		padding:0;
		height:40px;
		position:static;
	}
	.main_navigation_plan ul li {
		display:block;
		text-align:left;
		padding:0;
		height:auto;
		position:static;
	}
	.main_navigation_plan ul li:before {
		content:"";
		position:absolute;
		left:0;
		right:0;
		height:40px;
		background-color:#4190b1;
		z-index:1;
		opacity:0;
		-webkit-transition:opacity 0.2s ease-in-out;
		-moz-transition:opacity 0.2s ease-in-out;
		transition:opacity 0.2s ease-in-out;
	}
	.main_navigation_plan ul li:hover:before {
		opacity:1;
	}
	.main_navigation_plan ul li a {
		position:relative;
		z-index:2;
		color:#fff;
		padding:0;
		height:40px;
	}
	.main_navigation_plan ul li.has-child > a {
		padding-left:16px;
	}
	.main_navigation_plan ul li.has-child > a:before {
		content:"";
		width:6px;
		height:6px;
		border-right:1px solid #fff;
		border-bottom:1px solid #fff;
		position:absolute;
		left:0;
		top:50%;
		margin-top:-4px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.main_navigation_plan ul li.has-child.opened a:before {
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.main_navigation_plan ul .espace-pro a {
		background-color:transparent;
		color:#fff;
	}
	.main_navigation_plan ul .espace-pro:hover a {
		color:#fff;
	}
	#main_navigation ul ul {
		position:static;
		background:none;
		padding:0;
		margin:0;
	}
	.main_navigation_plan ul li.has-child.opened ul {
		display:block !important;
	}
	#main_navigation ul ul a {
		padding:0 0 0 30px;
		height:40px;
		line-height:40px;
		white-space:nowrap;
	}
	#main_navigation ul ul a:hover {
		color:#fff;
		background-color:transparent;
	}
	/** @End **/

	/** Produits **/
	#products-ranges-wrapper {
		padding-left:0;
	}
	.range-block {
		width:100% !important;
		padding-left:0;
		margin-bottom:100px;
	}
	.range-pdf-button {
		right:auto;
		left:50%;
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	/** @End **/

	/** Contact / Espace pro **/
	#formulaire-contact .col-12, #plan-acces, #espace-pro .col-12 {
		padding-left:0;
	}
	.g-recaptcha {
		width:100%;
		overflow:hidden;
		max-width:288px;
		margin:0 auto;
	}
	.g-recaptcha > div {
		-webkit-transform:scale(0.9);
		-moz-transform:scale(0.9);
		-ms-transform:scale(0.9);
		transform:scale(0.9);
	}
	.contact-form .article-head, #espace-pro .article-head {
		margin-top:40px;
	}
	.errors-wrapper, #account-recap {
		width:100%;
	}
	.pro-pdf-download-link {
		margin-top:254px;
	}
	/** @end **/

	/** Actualites **/
	#actualites .col-12 {
		padding-left:0;
	}
	.newsbloc {
		display:block;
	}
	.corps_news {
		padding:0 !important;
	}
	.img_news img {
		width:100% !important;
		height:auto !important;
	}
	.odd .img_news {
		margin-bottom:12px;
	}
	.even .img_news {
		margin-top:12px;
	}
	#cookie-banner a {
		margin:16px 12px 0;
		display:block;
	}
	#inform-and-ask {
		position:fixed;
		top:5%;
		left:5%;
		right:5%;
		bottom:5%;
		width:auto;
		height:auto;
		overflow:auto;
	}
	#inform-and-consent {
		max-width:100%;
		width:auto;
		margin-left:0;
		position:static;
		font-size:12px;
	}
	/** @End **/
	#legales-notices {
		text-align:center;
	}
	#footer-wrapper ul {
		width:100%;
	}
	#footer-wrapper ul a {
		text-align:center;
		padding:8px 0;
	}
	.family-block {
		padding-top:40px;
	}
	.bloc-to-top {
		right:auto;
		left:13px;
		top:0px;
	}
}

@media screen and (max-width:480px) {
	.hide-320 {
		display:none !important;
	}
	.show-320 {
		display:block !important;
	}
	.inline-block.show-320 {
		display:inline-block !important;
	}
	#header {
		padding-top:98px;
	}
	#page-local-nav {
		margin-bottom:40px;
	}
	#page-local-nav img {
		width:80px !important;
		height:auto !important;
	}
	#bloc-carrousel #fondBlanc .centre p, #bloc-carrousel #fondBleu .centre p, .blank-head-part, .visual-head-part {
		font-size:1.571em;
	}
	#bloc-article {
		height:247px;
	}

	/** Mozaic **/
	#bloc-article {
		height:247px;
		background-position:calc(50% - 25px) top;
	}
	.card-back {
		font-size:0.571em;
	}
	#bloc-article #losangeSavoirFaire {
		width:92px;
		height:92px;
		top: -20px;
		margin-left: -177px;
	}
	#cadreLosangeSavoirFaire {
		width:128px;
		height:128px;
		margin-left:-64px;
		margin-top:-64px;
	}
	#bloc-article #losangeService {
		width:92px;
		height:92px;
		top: 152px;
		margin-left: -143px;
	}
	#cadreLosangeService {
		width:128px;
		height:128px;
		margin-left:-64px;
		margin-top:-64px;
	}
	#bloc-article #losangeBigText {
		width:110px;
		height:110px;
		top: 90px;
		margin-left: 50px;
	}
	#cadreLosangeBigText {
		width:154px;
		height:154px;
		margin-left:-77px;
		margin-top:-77px;
	}
	#bloc-article #losangeRight1 {
		top:-72px;
		margin-left:-32px;
	}
	#video-wrapper {
		width:140px;
		height:140px;
		top:25px;
		margin-left:-99px;
	}
	#video-clicker {
		background-size:96px 72px;
	}
	#cadreVideo {
		width:198px;
		height:198px;
		margin-left:-99px;
		margin-top:-99px;
	}
	#video-wrapper:hover #video-clicker {
		background-size:121px 90px;
	}
	/** @End **/

	.products-nav a {
		margin-left:0;
	}
}