@media screen and (max-width:1800px){


	.slide-link { font-size: 1.1em;}
	.slide-title { font-size: 1.3em;}
	.slide-excerpt { font-size: 1em; margin-top: 15px; }
	.home h1 { font-size: 2em}
	.topmenu > ul > li { margin-left: 3%;}
}
@media screen and (max-width:1600px){
	// .topmenu > ul > li { width: 18.5%;  }
	.title-caps { font-size: 0.9em; }
	.developpement-thumb { padding-bottom: 45%; }
}
@media screen and (max-width:1440px){
	body, .restore-space-inline-block { font-size: 20px; }
	.mail-link-footer { width: 128px}
	.home h1 { margin-bottom: 40px; }
	.text-presentation .btn_default { margin-top: 40px}
	.chapo-page p { line-height: 1.4}

	.ctn-thumb-news, .news-list { width: 50%;  }
	.page-id-11 .mail-legal, .phone-mail.mail img { width: 137px;}
	.caps-focus-absolute.right {
		right: 0%;
		left: 65%;
	}
	.caps-focus-absolute.left {
		left: 0%;
		right: 65%;
	}
}
@media screen and (max-width:1280px){
	body, .restore-space-inline-block { font-size: 18px; }
	.logo { width: 200px}
	.logo a::after {
		font-size: 16px;
		letter-spacing: 1px;
		white-space: inherit;
	}
	.topmenu { width: calc( 100% - 200px ); }
	.surtop { padding: 0 0 8px; }
	.surtop li { margin-left: 15px }

	.topmenu > ul > li > a { padding: 5px 5px; }
	.mail-link-footer { width: 115px}
	.ctn-presentation  { width: 100%; }
	.text-presentation { padding: 5% 5% 5% 0; }
	.rassurance { position: relative; width: auto; margin-top: 30px; }
	.rassurance li { display: inline-block; vertical-align: top; width: 20%; margin-bottom: 0 }
	.link-more-news:after { background-position: -367px -129px ; width:60px; height: 60px; transform: translateX(40px) translateY(-40px); }
	.blog article:nth-of-type(3n) { margin-right: 2% }
	.blog article:nth-of-type(even) { margin-right: 0 }
	.blog article  { width:49%;  }

	.list-interdiscip li { width: 32%; margin-right: 2%; margin-bottom: 25px; }
	.list-interdiscip li:nth-of-type(3n) { margin-right: 0% }
	.list-interdiscip li:nth-of-type(4), .list-interdiscip li:nth-of-type(5) { margin-bottom: 0% }
	.page-id-11 .mail-legal, .phone-mail.mail img  { width: 123px; }
	.page-id-11 .mail-legal { width: 123px; margin-bottom: -2px;}
	.logo {height: auto;}
}

@media screen and (max-width:1100px){
	.logo { width: 35%}
	.logo a::after {
		font-size: 1.55vw;
	}
	.topmenu { width: 65%; right: 0}
	.topmenu >ul > li { display: none; width:auto;}
	.surtop li { margin-left: 10px; }
	.thumb-news a:after { border-top-color: #fff; }
	#st-trigger-effects , #home-link, #contact-link{ display: inline-block;}
	#home-link, #st-trigger-effects { margin-right: 20px }
	.ctn-logo-menu { padding-top: 0; }
	#showLeft { width: 40px; height: 32px; background-position: 0 -119px ; border:none;}
	#home-link a { width: 40px; height: 36px; padding:0; background-position: -107px -119px ; }
	#contact-link a { width: 45px; height: 33px; padding:0; background-position: -202px -119px ; }
	#showLeft, #home-link a, #contact-link a { cursor: pointer; display:block; }
	#showLeft:hover { background-position: -61px -119px}
	#home-link a:hover { background-position: -150px -119px}
	#contact-link a:hover { background-position: -261px -119px}
	#st-trigger-effects:before, #home-link:before, #contact-link:before { content:none; }
	#close { font-size: 24px; color: #000; font-weight: 700; display: inline-block; position: absolute; top:10px; right:10px; cursor: pointer;}
	.ctn-title-news:after { top: 4%; }
	.slide-img { width: 100%; position: relative; z-index: -1; margin-bottom: 0}
	.slide-caption { top: 29%; left:43%;  }
	.slide-link, .slide-caption { bottom:10%}
	.slide-caption:before { border-left: 8em solid transparent;  border-bottom: 7em solid #d64730; }
	.ctn-inner-news { width: 100%; margin: 40px auto 0; top:0}
	.ctn-title-news { width: 70%; }
	.ctn-title-news h2 { margin-bottom: 40px}
	.thumb-news:after { border-top: 10em solid #fff; }
	.link-more-news { width: 72%; }

	.topmenu > ul {display: flex;justify-content: flex-end;align-items: center;gap: 10px;}
	.surtop {margin-bottom: 8px;}
	.topmenu > ul > li{margin: 0;}
}
@media screen and (max-width:1024px){
	.surtop > ul > li { display: none; }
	#selector-languages { display: inline-block; border-left: 0}
	#selector-languages li { font-size: 1.8em; margin-left: 20px }
	#nav_menu-2 { width: calc( 60% - 40px )}
	#presentation { margin: 40px auto; }
	.thumb-presentation { position: relative; height:300px; left:0; margin: 35px auto;}
	.text-presentation { width: 100%; padding:0 }
	.home h1:after { content:none;}
	.ctn-title-news:after { margin-left: 27%; }
	.ctn-title-news h2 { left: 25%; }
	.blog h2 { margin-bottom: 10px;}
	.blog .excerpt-article {/*  font-size: 0.8em;  */}
	.thumb-experience { padding-bottom: 50%; }
	.fils-sante-2 { padding: 0 }
	.bloc-contacts { width: 40%; }
	#wpcf7-f4-p9-o1, #wpcf7-f662-p659-o1 { width: 60%; }
	.title-caps { font-size: 0.7em; }
	.etudes-thumb { width: 39%; padding-bottom: 67%}
	.developpement-thumb, .developpement-text { width: 100%; }
	.developpement-thumb { margin-right: 0; padding-bottom: 35%; margin-bottom: 30px; }
	.developpement-thumb img {width:100%; height: auto}
	.see-map { right: 30px ; bottom: 52px; width:50px; text-align: right;  }
	.list-partenaires { width: 85%; }
}
@media screen and (max-width:860px){
	body, .restore-space-inline-block { font-size: 16px; }
	.home h1 { font-size: 2.5em ; }
	.chapo-collaboration { width: 85%; }
	.sidebar-footer { align-items:  center; }
	/*#custom_html-2  { width: 70%; margin-right: 0 }*/
	/*#nav_menu-2 { width: calc( 30% - 40px )}*/
	/*#nav_menu-2 li { display: none;}*/
	.surtop { display: block;}
	.mail-link-footer { width: 103px}
	.news-list li { padding-top: 10px}
	.blog .excerpt-article { display: none }
	.blog h2{ margin-bottom: 20px; font-size: 1.2em }
	.thumbnail-single-article, .text-single-article { width: 100%; padding: 0}
	.thumbnail-single-article { margin-bottom: 40px; }
	.text-single-article .ctn-btn_default { text-align: center;  }
	.text-single-article .btn_default { float:none; display: inline-block; }

	.list-interdiscip li { width: 48%; margin-right: 4% }
	.list-interdiscip li:nth-of-type(3n) { margin-right: 4% }
	.list-interdiscip li:nth-of-type(2n) { margin-right: 0% }

	.list-fils-sante li, .list-textile li, .list-fils-industrie li { width:48%; margin: 0 4% 30px 0; }
	.list-fils-sante li:nth-of-type(2), .list-textile li:nth-of-type(2), .list-fils-industrie li:nth-of-type(2) { margin-right: 0; }

	.text-histor, .dev-text, .thumb-histor, .thumb-dev, .text-environnement, .thumb-environnement { width:100%}
	.thumb-histor img, .thumb-dev img, .thumb-environnement img { width:100%; height: auto; }
	.thumb-dev { margin: 0 0 30px }
	.thumb-histor, .thumb-environnement  { margin: 30px 0  0}
	.thumb-histor, .thumb-dev, .thumb-environnement { padding-bottom: 40%}


	.contact-presentation { padding :40px 0}
	.developpement, .interdiscip, .contact-presentation, .fils-sante,.ctn-caps, .ctn-developpement, .extrusion-ctn, .contact-extrusion { margin-top: 40px; }
	.page-head { margin-bottom: 40px; }
	.thumb-head-page:after { border-left: 5em solid transparent; border-right: 0 solid transparent; border-bottom: 5em solid #FFF;}
	.thumb-head-page:before { border-right: 5em solid transparent; border-left: 0 solid transparent; border-top: 5em solid #FFF; }
	.list-fils-sante li > div, .list-textile  li > div, .list-fils-industrie li > div, .list-genie-civil li > div { font-size: 1em}
	#wpcf7-f4-p9-o1, .etudes-text, .etudes-thumb, #wpcf7-f662-p659-o1 { width: 100%;  }
	.etudes-thumb { margin-left: 0; padding-bottom: 35%; margin-top: 30px; }
	.etudes-thumb img {width:100%; height: auto}
	.etudes-caps { top:auto; bottom:5%; width: 65%; transform: none;}
	.bloc-contacts { margin: 0 auto 40px; display: block; width: 100%; }
	#map { height:300px;}
	.bloc-contacts .text-bg { font-size: 22vw}
	.interdiscip .text-bg { font-size: 15vw; }
	.page-id-11 .mail-legal, .phone-mail.mail img { width: 110px; }
	.list-interdiscip li:nth-of-type(4) { margin-bottom: 25px;}
	.btn-map, .see-map{ right:0;}
	.img2_antimicrobien{display: none;}
	.postid-1757 img{max-height: 250px;}
	.colonne_score{display: none;}

}
@media screen and (min-width:768px) and (max-width: 1280px){
	.rassurance li {margin: 10px}
	.rassurance li .elt-rassur:before { width: 86px; height: 86px; }
	#rassur-133 .elt-rassur:before, #rassur-729 .elt-rassur:before { background-position: -0 -24px ; }
	#rassur-133 a.elt-rassur:hover:before, #rassur-729 a.elt-rassur:hover:before { background-position: 0 -161px ; }
	#rassur-127 .elt-rassur:before, #rassur-693 .elt-rassur:before { background-position: -184px -24px ; }
	#rassur-127 a.elt-rassur:hover:before, #rassur-693 a.elt-rassur:hover:before { background-position: -184px -161px ; }
	#rassur-125 .elt-rassur:before, #rassur-642 .elt-rassur:before { background-position: -276px -24px ; }
	#rassur-125 a.elt-rassur:hover:before, #rassur-642 a.elt-rassur:hover:before { background-position: -276px -161px ; }
	#rassur-131 .elt-rassur:before, #rassur-701 .elt-rassur:before { background-position: -692px -242px ; }
	#rassur-131 a.elt-rassur:hover:before, #rassur-701 a.elt-rassur:hover:before { background-position: -600px -242px ; }
	#rassur-129 .elt-rassur:before, #rassur-697 .elt-rassur:before { background-position: -91px -24px ; }
	#rassur-129 a.elt-rassur:hover:before, #rassur-697 a.elt-rassur:hover:before { background-position: -91px -161px ; }
	#rassur-dynalen a.elt-rassur:before { background-position: -1156px -98px ; }
	#rassur-dynalen a.elt-rassur:hover:before { background-position: -1156px 0px ; }
}
@media screen and (max-width:768px){
	.container-page { margin: 40px auto}
	.chapo-page p { line-height: 1.8 }
	.logo { width:240px;}
	.logo a::after {
		font-size: 14px;
		letter-spacing: .8px;
	}
	.topmenu { width: calc( 100% - 240px )}
	.slide-excerpt { display: none;}
	.slide-caption { bottom: 5%; }
	.navContainer { margin-top: 10px;}
	.slide-link { left: 46%}
	.slide-link a { color: #000 }
	.slide-link a:hover { color: #d64730}
	.linkcat li { width:100%;}
	.ctn-thumb-text-article {left:20%; right: 10%; }

	.chapo-page, .thumb-head-page { width:100%}
	.thumb-head-page img { height: auto; width: 100%; max-width: none; }
	.chapo-page { text-align: left; padding-left: 0%; margin-top: 25px;}

	.bloc-experience, .thumb-experience { width: 100%; }
	.thumb-experience { margin-left: 0; padding-bottom: 0; height: 350px; margin-top: 40px; border: 25px solid #d64730}
	.thumb-experience img { width: 100%; height:auto; }
	.ctn-experience:after { content: none; }

	.list-caps li { width: 33%; height:0; padding-bottom: 33%; position: relative; overflow: hidden; }
	.list-caps li>a { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
	.list-caps li img { position: absolute; top: -9999px; left:-9999px; bottom: -9999px; right: -9999px; margin: auto; }
	.list-caps li:first-of-type { margin-left: 33% }
	.titre-list-caps { transform: none; width:30%; top:0; bottom: auto; font-size: 5.7em; }
	.title-caps { transform: translateY(-50%) rotate(0) translateX(0); top:50%; left:5%; right:5%; bottom:auto; width:auto; text-align: center; }
	.title-caps { font-size: 1em; }
	.lang-en .titre-list-caps { font-size: 12vw; }

	.chapo-page h1 span { display: inline;}
	 .list-genie-civil > li  { width:100%; margin: 0 0 30px; text-align: center; }
 	.list-genie-civil .list-big-arrow, .text-genie-civil .more-hide  { text-align: left; width:80%; margin-left: auto; margin-right: auto }
 	.list-partenaires { width: 100%; }
	.thumbnail-single-article { float: none; display: block; margin: 0 auto 40px  }
	.col-d-flex__text {
		flex-basis: 100%!important;
		max-width: 100%;
		margin-right: 0;
		margin-left: 0!important;
		padding: 0;
	}
	.col-d-flex__thumb {
		margin-right: 0!important;
		margin-left: 0!important;
		margin-bottom: 40px!important;
		order: -1;
	}
	.col-d-flex.invert .col-d-flex__thumb {
		margin-top: 40px;
		margin-bottom: 0px;

	}
	.col-d-flex__text, .col-d-flex__thumb {
		flex-basis: 100%!important;
	}
	.caps-focus-absolute {
		position: static;
		margin-top: 20px;
	}
	.focus-vert::before {
		content: '';
		margin-right: 0px;
		display: block;
		width: 100%;
		height: 65px;
		margin-bottom: 20px;
	}	
	.focus-vert{
		display: block;
	}
	.focus-vert .wp-block-group__inner-container{
		width: 100%;
		text-align: center;
	}
	#citation_slogan{
		max-width: 350px;
		margin: 80px auto 120px auto;
		font-size: .9rem;
	}
	.postid-1850 .thumbnail-single-article {height: auto;float: none;}
	#home-link, #st-trigger-effects {margin-right: 0;}
}

@media screen and (max-width:640px){
	.slide-caption:after, .slide-caption:before, .news-list li, .ctn-title-news:after { display: none;}
	.logo, .topmenu { width: 50%}
	.logo a::after {
		font-size: 2.3vw;
		letter-spacing: .8px;
	}
	#custom_html-2, #nav_menu-2, #media_image-2  { width: 100%; text-align: center }
	#nav_menu-2 #menu-item-43, #nav_menu-2 li { display: inline-block;}
	.slide-caption { right: 0; }
	.slide-link { text-align: right; }
	// .rassurance li:nth-of-type(1),.rassurance li:nth-of-type(2) { margin-bottom: 20px}
	.thumb-presentation:before, .thumb-presentation:after { content:none;}
	.news-list li { padding-top: 0}
	.news-list li:first-of-type { display: block; border: none;}
	.ctn-thumb-news, .news-list { vertical-align: middle;}
	.link-news { margin: 10px auto 0; }
	.thumb-news:before {     border-left: 5em solid transparent; border-bottom: 5em solid #FFF;}
	.thumb-news:after {     border-right: 5em solid transparent; border-top: 5em solid #FFF;}
	.ctn-title-news h2 { left: 0%; font-size: 3.5em; margin-bottom: 20px }
	.ctn-title-news { width: 100%; padding: 2%;}
	.link-more-news:after { transform: translateX(110%) translateY(-22px); }
	.link-more-news { width: calc( 100% - 75px ); }
	.blog article:nth-of-type(3n) { margin-right: 0% }
	.blog article  { width:100%; height:auto; padding-bottom: 0;   }
	.blog article:last-of-type { margin-bottom: 30px; }
	.blog article .ctn-thumb-text-article { position: relative; top:0; left:0; right:0; transform : none; padding: 20px 5em   }
	.blog .excerpt-article { display: block }
	.blog .excerpt-article {  font-size: 0.8em; }

	.list-interdiscip li { width: 100%; text-align: center;}
	.list-interdiscip li:before, .list-fils-sante li:before, .list-textile li:before, .list-fils-industrie li:before { margin: 0 auto 20px }
	.list-interdiscip li, .list-interdiscip li:nth-of-type(3n) { margin-right: 0 }

	.list-fils-sante li, .list-fils-sante li:nth-of-type(2),.list-textile li, .list-textile li:nth-of-type(2), .list-fils-industrie li, .list-fils-industrie li:nth-of-type(2) { width:100%; margin: 0 0 30px; text-align: center; }
	.fils-sante-2 { background-size: 100% 100%; }
	.titre-list-caps { font-size: 4em; }
	.interdiscip .text-bg, .fils-sante .text-bg, .textile-text .text-bg, .industrie-text .text-bg, .fils-civil .text-bg { display: none;}
	.etudes-caps { position: static; width: 100%; font-size: 1em; margin-top: 20px}
	.chapo-page h1 span { display: block;}
	.list-genie-civil .list-big-arrow, .text-genie-civil .more-hide  { width: 100%; }

	.wp-block-image .alignleft, .wp-block-image .alignright { float:none; display: block; max-width: 400px; margin-left: auto; margin-right: auto;}

	.sidebar-footer { display: block; }
	#custom_html-4 { display: block; margin: 10px auto 0}
	#custom_html-2 span { display: block;}
	.madebynovagence {
		position: static;
		margin: auto;
	}
	.mw-400 img {
		width: 100%;
	}
	
}

@media screen and (max-width:480px){
	.header-container.is-sticky .logo {  width: 40px; height: 51px;  margin-bottom: 0; background: url(../images/logo-sticky.svg) 0 0 no-repeat }
	.header-container.is-sticky .logo img { display: none; }
	.header-container.is-sticky .topmenu {width: calc( 100% - 40px ); text-align: right}
	.header-container.is-sticky .logo, .header-container.is-sticky .topmenu { display: inline-block; vertical-align: bottom}
	.logo { margin: 0 auto 40px}
	.logo a::after {
		font-size: 4vw;
		letter-spacing: 1px;
	}
	.logo, .topmenu, .rassurance li,.ctn-thumb-news, .news-list { width: 100%;  }
	.logo, .topmenu { display: block; text-align: center }
	.home #main { margin: 40px auto }
	.slider-home, .header-container.is-sticky .surtop { display: none!important;}
	#slider > .wrapper { height:300px; background: url(/wp-content/uploads/slide1-921x530.jpg) 0 0 no-repeat;
		-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
	.rassurance li:nth-of-type(3) { margin-bottom: 20px}
	.news-list {  padding: 0%; margin-top: 30px }
	.ctn-title-news h2 { font-size: 2.5em; }
	.blog article:before, .blog article:after, .thumbnail-single-article:before, .thumbnail-single-article:after  { content: none; }
	.blog article .ctn-thumb-text-article { padding: 5%}
	footer { padding-bottom: 50px}
	.contact-rapid, .ctn-btn-contact-fast { left: 5%}
	.contact-rapid { width: auto; }
	.ctn-btn-contact-fast { text-align: center;}
	.thumb-histor, .thumb-dev, .thumb-environnement { padding-bottom: 85%; /* height:auto; */}
	// .thumb-histor img, .thumb-dev img  { position:static; width:100%; height:auto; max-width: 100%;}
	.list-partenaires li { width: 49%; }
	.list-partenaires li:nth-of-type(3n) { border-right: 1px solid #ebebeb; }
	.list-partenaires li:nth-of-type(4n), .list-partenaires li:nth-of-type(even)  { border-right: none; }
	.list-partenaires li:nth-of-type(4)  { border-bottom: 1px solid #ebebeb;}
	.list-partenaires li:nth-of-type(5)  { border-bottom: 0; }
	.thumb-experience { height: auto; }
	.titre-list-caps, .lang-en .titre-list-caps { position:relative; width:100%; font-size:3em; }
	.list-caps { margin: 10px auto 0}
	.list-caps li { width: 100%; height:0; padding-bottom: 33%;}
	.list-caps li:first-of-type { margin-left: 0 }
	.list-caps li img {  width:100%; height:auto; max-width: 100%; }
	.champs {  width: 100%; margin-right: 0%;margin-bottom: 15px; }
	.submit-container, #recaptcha { display: block}
	#recaptcha { margin-bottom: 30px }
	.submit-container { text-align: center; width: 100%; }
	.submit-container .wpcf7-submit { display: inline-block;}
	.text-bloc-contacts:after { right:0;}
	.list-extrusion li { width: 100%; margin-right: 0 }
	.etudes-thumb, .developpement-thumb  { height:auto; padding-bottom: 0}
	.etudes-thumb img, .developpement-thumb img { position: static; }
	.rassurance ul { background-size: cover;}
	.rassurance li { width: 50%; margin: 25px; }

	.rassurance li .elt-rassur:before { width: 86px; height: 86px; }
	#rassur-133 .elt-rassur:before, #rassur-729 .elt-rassur:before { background-position: -0 -24px ; }
	#rassur-133 a.elt-rassur:hover:before, #rassur-729 a.elt-rassur:hover:before { background-position: 0 -161px ; }
	#rassur-127 .elt-rassur:before, #rassur-693 .elt-rassur:before { background-position: -184px -24px ; }
	#rassur-127 a.elt-rassur:hover:before, #rassur-693 a.elt-rassur:hover:before { background-position: -184px -161px ; }
	#rassur-125 .elt-rassur:before, #rassur-642 .elt-rassur:before { background-position: -276px -24px ; }
	#rassur-125 a.elt-rassur:hover:before, #rassur-642 a.elt-rassur:hover:before { background-position: -276px -161px ; }
	#rassur-131 .elt-rassur:before, #rassur-701 .elt-rassur:before { background-position: -692px -242px ; }
	#rassur-131 a.elt-rassur:hover:before, #rassur-701 a.elt-rassur:hover:before { background-position: -600px -242px ; }
	#rassur-129 .elt-rassur:before, #rassur-697 .elt-rassur:before { background-position: -91px -24px ; }
	#rassur-129 a.elt-rassur:hover:before, #rassur-697 a.elt-rassur:hover:before { background-position: -91px -161px ; }
	#rassur-dynalen a.elt-rassur:before { background-position: -1156px -98px ; }
	#rassur-dynalen a.elt-rassur:hover:before { background-position: -1156px 0px ; }
	.wp-image-243 { width: 99%; }
	.mw500, .mw300, .mw150 { margin: 30px auto; float: none; display: block; }
	.mw500, .mw300 { width: 100%; }
.surtop {text-align: center;}
	.logo {width: 230px !important;}
	.topmenu > ul {justify-content: center;}
	.home header {padding: 20px 0;}
	.st-menu {width: 100% !important;}
}

@media screen and (max-width:360px){
	#recaptcha { margin-bottom: 30px; position: relative; left: -11.5%; }
	.surtop { padding-bottom: 0; }


}
