/*
Theme Name: SEMPATAP
Theme URI: http://www.sempatap.com/
Description: Site SEMAPTAP
Version: 1.0
Author: Skerzo - Marketing & Communication
Creation Theme by Skerzo - Marketing & Communication
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sub, sup {font-size: 70%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {max-width: 100%; height: auto;}
strong {font-weight: 500;}
em {font-style: italic;}
big {font-size: 110%;}
small {font-size: 80%;}

html {
  font-size: .625em; /* fallback IE8+ */
  font-size: calc(1em * .625); /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
}

img {
	max-width: 100%;
	height: auto;
}

hr.wp-block-separator,
hr{
	margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
	width:100% !important;
}

/* 10 px = 1rem */

/*
::selection {background: #00aeef; color: #FFF;}
::-moz-selection {background: #00aeef; color: #FFF;}*/

/* THEME */ 
body {font-family: 'Din Pro', 'Heveltica', 'Arial', sans-serif; color: #444; padding-top: 6rem; 	    font-size: 19px;
    line-height: 1.4;}
h1.bigh1{
	font-size: 6rem;
    font-family: 'Din Pro', 'Heveltica', 'Arial', sans-serif;
    text-transform: none;
    font-weight: bold;
}

.wp-block-column{padding:0.4rem}
h1, .h1-like, .header-produit p {font-size: 3.4rem; line-height: 4rem; margin: 2rem auto 2.5rem; font-family: 'Din Pro Condensed Medium', 'Helvetica', 'Arial', sans-serif; text-transform: uppercase; text-align: center;}
h2 {font-size: 2.6rem; line-height: 3.2rem; margin: 3rem 0 1rem; text-transform: uppercase;}
h2.has-background strong {font-weight: 700; font-size: 2rem;}
h3 {font-size: 1.8rem; line-height: 2.6rem; margin: 3rem 0 1rem; text-transform: uppercase; font-weight: 500;}
h3.has-background{margin: 3rem 0 1rem};
h3.h4like {font-size: 1.6rem; line-height: 2.4rem; margin: 3rem 0 -1rem; text-transform: uppercase; font-weight: 500; color:#4BBDCF}

p.title-help {font-size: 2.6rem; background:red; line-height: 3.4rem; margin: 3rem 0 1.5rem; text-align: center; text-transform: uppercase;}


a {transition: 0.35s ease all; text-decoration: none;}
p {margin: 1.5rem 0;}
p.intro {font-size: 1.2em; line-height: 2.6rem;}
img.borders {border: 0.1rem solid #DDD;}

.clr {clear: both;}
.page a,
.home a,
.post a {color: #145e78; text-decoration: underline;}

.page a.more-link,
.home a.more-link,
.post a.more-link {padding: 1rem 2rem; display: inline-block; background: #1F5E74; color: #FFF; text-decoration: none; text-transform: uppercase; font-weight: 500;}
.page a.more-link:hover
.home a.more-link:hover
.post a.more-link:hover {background: #A1CD3A;}

.fa-brands, .fab{font-family: 'Font Awesome 6 Brands' !important;}
.fa-classic, .fa-regular, .fa-solid, .far, .fas, .fa{
    font-family: 'Font Awesome 6 Free'!important;
}

/* accueil*/
h1 .logo{

	max-width: 40rem;
    display: block;
    margin: 0 auto;
    padding-top: 1.5rem;
    border-top: 2rem solid #a1cd3a;
    margin-bottom: 2rem;
}

h1 span{font-size:0;}


.tab-correspondance {font-size: 1.2em; line-height: 1.8rem; text-align: center; font-style: italic; margin: -1rem 0 3rem 0;}
.page ul,
ul.block-editor-block-list__layout,
ul.block-editor-rich-text__editable,
.post ul {list-style: none; margin: 1.5rem 0 2rem 0;}
.page ul li,
ul.block-editor-block-list__layout li,
ul.block-editor-rich-text__editable li,
.post ul li {font-size: 1em; line-height: 1.2em; position: relative; margin: 1rem 0; padding-left: 1.5rem;}
ul.block-editor-rich-text__editable li:before,
.page ul li:before,
ul.block-editor-block-list__layout li:before,
.post ul li::before {content:'\f0da'; font-family: 'Font Awesome 6 Free'; display: block; transform: scale(1); position: absolute; top: 0; left: 0;}
.page ul:not([class*="is-style-"])  li:before,
.post ul:not([class*="is-style-"])  li::before {color: #444;}


/* gutenberg */

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background{padding:0;}
h1.has-background span, h2.has-background span, h3.has-background span, h4.has-background span, h5.has-background span, h6.has-background span{
	padding: 0.6rem 1.2rem;
}

.wp-block-button__link{
	padding: 1rem 2rem;
    display: inline-block;
    background: #1F5E74;
    color: #FFF !important;
	text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 500;
	border-radius: 0;
}

.wp-block-button__link:hover{
	background:#A1CD3A;
}


.wp-block-columns.has-background h3,
.wp-block-columns.has-background h2{margin-top:0}

.wp-block-columns.has-background{margin-top:2rem; margin-bottom: 2rem;}
.wp-block-columns.has-background > .wp-block-column{padding:2rem;}

.n2-ss-slide-limiter{max-width: 100%!important;}

/*.product ul li:first-child {background: #DDD;}*/

@media screen and (min-width: 48em) {

	.alignleft {float: left; margin: 0 2rem 1rem 0;}
	.alignright {float: right; margin: 0 0 1rem 2rem;}
	
	.products-list {display: flex; justify-content: space-between; flex-wrap: wrap;}
	.products-list.center {justify-content: center;}
	.products-list .product {flex-basis: 48%;}
	
	ul.list-2-col {display: flex; justify-content: space-between; flex-wrap: wrap;}
	ul.list-2-col li {flex-basis: 48%; margin: 0.5rem 0;}
}

@media screen and (min-width: 60em) {
	.products-list .product {flex-basis: 30%;}
	.wp-block-gallery{max-width:90%; margin:auto;}
}




/* Galerie */
.gallery-row {margin-bottom: 2rem;}
.gallery-col-6 figure {flex-basis: 49%;}
.gallery-col-5 figure {flex-basis: 49%;}
.gallery-col-4 figure {flex-basis: 49%;}
.gallery-col-3 figure {flex-basis: 32%;}
.gallery-col-2 figure {flex-basis: 49%;}
.gallery-col-1 {margin: 1.6rem 0;}
.gallery-caption, .wp-caption-text {padding: 1rem 0; text-align: center; font-style: italic; font-size: 1.2rem; line-height: 1.6rem;}
.gallery-icon {text-align: center;}

@media screen and (min-width: 40em) { /* 640 */
	.gallery-row {display: flex; justify-content: space-between; flex-wrap: wrap;}
	.logos .gallery-row {justify-content: left;}
	.logos .gallery-row figure {margin-right: 1rem; flex-basis: 18%;}
	.gallery-col-6 figure {flex-basis: 16%;}
	.gallery-col-5 figure {flex-basis: 19%;}
	.gallery-col-4 figure {flex-basis: 24%;}
}

@media screen and (min-width: 48em) {
	#page-content {max-width: 78vw;}
	.gallery-col-3 figure {flex-basis: 32%;}
}

@media screen and (min-width: 60em) {
	.gallery-col-3 figure {flex-basis: 32%;}
	.gallery-col-6 figure {flex-basis: 16%;}
}

/* structure */
#page-content {max-width: 90vw; margin: 0 auto; padding: 0 2rem; min-height:69vh}
.tpl-full-width #page-content {max-width: none;}
.width-96rem {max-width: 78vw; margin: 0 auto; justify-content: center; display:flex; flex-direction: column;}
.width-86rem {max-width: 86rem; margin: 0 auto;}

@media screen and (min-width: 60em) {
	body {padding-top: 0;}	
	#page-content {padding: 0;}
}

/* HEADER */
#header-wrap {background: #e7e7e7;}
#header {height: 6rem; max-width: 95vw; margin: 0 auto; z-index: 4000;}

@media screen and (min-width: 100em) {
#banner,
#page-content,
#header {max-width: 78vw;}
}



#banner-wrap {background: #f7f7f7;}
#banner {max-width: 95vw; margin: 0 auto;}
@media screen and (min-width: 100em) {
	#banner {max-width: 78vw;}

}

@media screen and (min-width: 150em) {
.width-96rem,
	#page-content {
		max-width: 56vw;
	}
}
	
#banner img {display: block; width: 100%;}

#header .menu-top-bar {display: none;}
.menu-top-bar a {text-decoration: none; color: #444;}
.menu-top-bar .contact {background: #054347; color: #FFF; padding: 0.6rem 1.2rem; border-radius: 0.4rem;}
.menu-top-bar .contact:hover {background: #2c8d96;}
.menu-top-bar .contact .fa.fa-envelope{margin-right: 0.6rem;;}
.menu-top-bar .docs::before {content: '\f1c1'; font-family: 'FontAwesome'; margin-right: 0.6rem;}
.menu-top-bar .searchform {margin: 1rem;}
.menu-top-bar #facebook {font-size: 3rem; color: #3D5A96;}
.menu-top-bar #facebook:hover {color: #4e74c1;}
.menu-top-bar #twitter {font-size: 3rem; color: #2AA3EF;}
.menu-top-bar #twitter:hover {color: #46bcff;}
.menu-top-bar #linkedin {font-size: 3rem; color: #0076b4;}
.menu-top-bar #linkedin:hover {color: #0086cc;}

.border-green{
margin:1rem;
border:2px solid #a1cd3a !important;
padding:1rem;
}

.border-green h3{ margin-top:0.5rem; margin-bottom:1rem}

#header .searchform {float: right; margin-top: -0.25rem; margin-left: 1rem; width: 14rem;}

#menu-wrap .menu-top-bar a {color: #FFF; background: #145e78; display: block; padding: 1rem; text-align: center;}

#header .baseline {text-transform: uppercase; display: none;}

#menu-btn {position: absolute; background: #004348; top: 0; bottom: 0; left: 0; text-align: center; width: 5rem; color: #FFF; font-size: 3.2rem; line-height: 6rem; cursor: pointer; padding-top: 1.2rem;}
#menu-btn:hover, #menu-btn.opened {background: #004348;}

.main-title {margin-left: 5rem;}

.btn-menu-projet {color: #FFF; background: #A2CB46; font-weight: 500; font-size: 1.7rem}

@media screen and (max-width: 59.9375em) { /* 959px */ 
	#header-wrap {position: fixed; top: 0; right: 0; left: 0; height: 6rem; z-index: 30;}
	#menu-wrap {position: fixed; top: 6rem; left: 0; right: 0; bottom: 0; z-index: 20; display: none; overflow-y: scroll;}
}

@media screen and (min-width: 48em) { 
	#menu-lang .sub-menu  {left: 0; right: 0; position: absolute; background: #FFF; opacity: 0; visibility: hidden; text-align: center; width: 4rem;}	
	#menu-lang .sub-menu a {display: block; margin: 0; padding: 1rem; background: #E7E7E7;}
	#menu-lang li:hover > .sub-menu {opacity: 1; visibility: visible; display:block}
}

@media screen and (min-width: 60em) {  /* 960 / 16 = 60em */
	#menu-btn {display: none;}
	
	#header {position: relative;}
	#header .baseline {position: absolute; top: 1rem;left: 20rem; display: block;line-height: 2rem;}
	
	#header .menu-top-bar {position: absolute; top: 1.3rem; right: 2rem; display: block;}
	#header .menu-top-bar a {margin-right: 1rem; display: inline-block; vertical-align: middle;}
	
	
	#menu-wrap {display: block;}
	#menu-wrap .menu-top-bar {display: none;}
	
	.main-title {margin-left: 0;}
	
	body.sticky-menu {padding-top: 12rem;}

	.sticky-menu #header-wrap {position: fixed; top: 0; left: 0; right: 0; z-index: 4000;}
	.sticky-menu #menu-wrap {position: fixed; top: 6rem; left: 0; right: 0; z-index: 3000;}

	#header #menu-lang {float: right; margin-top: 0.35rem;}	
	#menu-lang li {position: relative;}
	#menu-lang li.active > a {color: #054347;}
	#menu-lang li.active > a::after {content: "\f0d7"; font-family: "Font Awesome 6 Free"; margin-left: 0.5rem;}
	#menu-lang li:hover > a {color: #2c8d96;}

	#menu-lang .sub-menu  {left: 0; right: 0; position: absolute; background: #FFF; opacity: 0; visibility: hidden; text-align: center; width: 4rem;}	
	#menu-lang .sub-menu a {display: block; margin: 0; padding: 1rem; background: #E7E7E7;}
	#menu-lang li:hover > .sub-menu {opacity: 1; visibility: visible; display:block}
	
}


/* Encart other products */
.other-products-wrap {background: #e7e7e7; padding: 0rem 2rem 4rem; text-align: center; margin-top: 4rem;}
p.other-products-title {font-size: 2.2rem; line-height: 2.8rem; margin: 0rem 0 1rem; text-transform: uppercase; text-align: center; padding-top: 2rem; border-top: 1.5rem solid #a1cd3a; display: inline-block;}

.other-products-list {margin: 0 auto; max-width: 78vw;}
.other-product {display: block;}

.other-product-title > div {border: 0; height: 4rem;}
.other-product-title > div img {height: 4rem;}
.other-product-title > div.logo-woopies img {width: 20rem; height: 2.5rem; margin-top: 0.8rem;}
.other-product-title > div.logo-absopanel img {width: 20rem; height: 2.5rem; margin-top: 0.8rem;}

.other-product-thumb {border-top: 0.6rem solid #666; border-bottom: 0.6rem solid #666;}
.other-product-thumb img {display: block;}

.show-pages .other-product-title {font-size: 2.2rem; padding: 1rem;}

a.sempatap div.other-product-thumb {border-color: #D11A6F;}
a.sempafloor div.other-product-thumb {border-color: #f15a29;}
a.sempaphon div.other-product-thumb {border-color: #ebab21;}
a.woopies div.other-product-thumb {border-color: #db0d15;}
a.absopanel div.other-product-thumb {border-color: #db0d15;}

@media screen and (min-width: 48em) { 
	.other-products-list {display: flex; justify-content: space-between;}	
	.other-product {flex-basis: 31%;}
}

/* services */
h2.icon-service-1 {background: url(img/icon-service-1.png) no-repeat left center; padding: 1.25rem 0 1.5rem 7rem;}
h2.icon-service-2 {background: url(img/icon-service-2.png) no-repeat left center; padding: 1.25rem 0 1.5rem 7rem;}
h2.icon-service-3 {background: url(img/icon-service-3.png) no-repeat left center; padding: 1.25rem 0 1.5rem 7rem;}
h2.icon-service-4 {background: url(img/icon-service-4.png) no-repeat left center; padding: 1.25rem 0 1.5rem 7rem;}

/* FOOTER */
#footer-wrap {background: #145e78; padding: 2rem; margin-top: 6rem;}
.front-page #footer-wrap {margin-top: 2rem;}
#footer {color: #E7E7E7; max-width: 78vw; margin: 0 auto;}
#footer a {color: #FFF;}
#footer p {font-size: 1.4rem; line-height: 2rem;}
#footer .socials {font-size: 1.6rem; margin-left: 0.5rem;}
#footer .widget-title {font-size: 1.6rem; color: #FFF; font-weight: 500; margin: 0 0 1.5rem;}
.innerfooter .liensrslegal{margin-bottom:2rem;}
.innerfooter .menu li{min-height: 34px;}
#menu-legal a{font-size: 1.4rem;
    line-height: 2rem;}

@media screen and (min-width: 48em) { 
	.innerfooter {display: flex; justify-content: space-between;}
	.innerfooter .about {flex-basis: 60%}
	.innerfooter .contact {flex-basis: 30%}
	.innerfooter .liensrslegal{margin-bottom:0;}
	.innerfooter .liensrslegal,
	.innerfooter .menu li{display:inline-flex;     align-items: center;}
	.innerfooter .menu li:first-child:after{content:'|';
		margin-left:0.2rem;
		margin-right:0.2rem;}
	.innerfooter .rs:before{
		content:'|';
		margin-left:0.2rem;
		margin-right:0.2rem;

	}
}

/* forms */
.form-devis {padding: 2rem 2rem 0.5rem; background: #F7F7F7;}
.form-devis .multistep-nav a {background: #145E78 !important; color: #FFF !important;}
.form-devis .multistep-nav a:hover {background: #B1E365 !important; color: #23282D !important;}
.form-devis .container-body-tab {margin-top: 0;}
.form-devis h2 {margin-top: 0; font-weight: bold; color: #A2CB46;}
.form-devis .form-group {margin-top: -1.2rem;}
.form-devis input[type="number"] {width: 7rem!important}
.form-devis .radio, .form-devis .checkbox {display: inline-block; margin-right: 1.2rem;}
.form-devis input[type="radio"], .form-devis input[type="checkbox"] {margin-top: 0;}

.form-devis-2 {padding: 2rem; background: #F7F7F7;}

.form-group.surface, .form-group.height {float: left; margin-right: 1rem;}

form .btn-primary {color: #ffffff; background-color: #1A5E76; border-color: #1A5E76; font-size: 18px; padding: 8px 24px; font-weight: 500;}
form .btn-primary:hover {background: #A2CB46; border-color: #A2CB46;}

.wpcf7-not-valid-tip {color: #D00;}

.form-industry {max-width: 72rem; margin: 0 auto; padding: 2rem; background: #F7F7F7;}

.form-partenariat {max-width: 72rem; margin: 0 auto; padding: 2rem; background: #F7F7F7;}

.contact-coordonnees,
.contact-formulaire{padding:1.5rem !important}

.contact p.follow{ margin-bottom: 0 !important;}
.contact-coordonnees .rs{display:flex; flex-wrap: wrap; margin-top: 0; }
.contact-coordonnees .rs li:before{display:none;}
.contact-coordonnees .rs li{font-size: 1.8em; margin:0.5rem !important}
.contact-coordonnees .rs li a{display:flex; align-items: center; text-decoration: none;}

@media screen and (min-width: 48em) { 
	.page-contact{flex-direction: row; flex-wrap: wrap; gap:0 !important;}
	
}
/* industry */
.industry h3 span {display: inline-flex;}
/* produits complémentaires */
.produits-complementaires h3 {color: #A3CA4F; margin-bottom: -1rem;}
.encart-produits-complementaires {border-top: 0.1rem solid #AAA; border-bottom: 0.1rem solid #AAA; padding: 2rem 0;}
.encart-produits-complementaires h2 {margin-top: 0;}

/* Fiches techniques */
.technical_sheets .logo {max-width: 30rem; margin-bottom: 0rem;}
.technical_sheets h1, .technical_sheets .h1-like {font-size: 4.2rem;}



/* sitemap */
.sitemap .logo {max-width: 20rem; border-width: 0.8rem; margin: 0; padding: 1rem;}
.sitemap .logo img { vertical-align: middle; display: inline;}
.sitemap > li {margin-bottom: 3rem;}
.sitemap li ul li::before {content: '\f105';}

/* search */
.searched-post {padding: 2rem; border: 0.1rem solid #DDD; margin-bottom: 2rem;}
.searched-post h2 {margin-top: 0;}
.searched-post .logo {max-width: 30rem; border-width: 1rem; margin: 0; padding: 1rem;}

/* solutions-batiment*/

/* vous avez un projet*/
.projet strong{
	display: block;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.projet .required{color:red;}

.projet  .identite .mr-mme .radio{display:inline-flex; margin: 0.5rem;}
.projet .informations-client .identite{ width:100%}
.projet .wp-block-columns { flex-wrap: wrap !important; margin-bottom: 0;}
.projet .wp-block-column { width: 48% !important;
    flex-grow: 0 !important; 
	flex-basis:inherit !important;
    /* display: flex; */
    margin: 0.5rem;}

/* produits */
#autres-categories{margin-top: 1rem;}
#autres-categories h2{text-align: center;
    

    margin-bottom: 3rem;}

	#autres-categories h2:before{
		content:'';
		display:block;
		border-top: 2rem solid #a1cd3a;
		max-width: 30rem;
		margin-bottom: 2rem;
			
	margin-left:auto;
	margin-right: auto;
	}



#autres-categories .list-produits{display: flex; flex-wrap: wrap; flex-direction: row;}
#autres-categories .list-produits .wp-block-column{display: inline-flex; width:25%; margin:0.5rem; flex-grow: 0; flex-basis: 80% !important;}
#autres-categories .list-produits .wp-block-column .icon{width:100%; display:flex; height:105px; align-self: flex-end;}
#autres-categories .list-produits .wp-block-column .icon img{width:70%;margin:auto; filter:grayscale(1) brightness(100)}
#autres-categories .list-produits .wp-block-column .icon img.noflam{filter:none;}
#autres-categories .list-produits .wp-block-column a h3{align-self: flex-start;
    margin-top: 0;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    width: 100%;
    align-content: center;
    text-align: center;}

#autres-categories .list-produits .wp-block-column a{width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    text-align: center;}

	@media screen and (min-width: 48em) {
		#autres-categories h2:before{
			max-width: 40rem;
		}
		#autres-categories .list-produits .wp-block-column{
		flex-grow: 0; flex-basis: 32% !important;
		}
	}
.single .post-content{margin-top:2rem;}




.single .wp-block-image{text-align: center; margin-bottom: 0;}
.single  .wp-block-columns {gap:0; margin-bottom: 1rem;}
.single  .wp-block-column .wp-block-columns {margin-bottom:0;}
.single  .wp-block-column .wp-block-columns h3{margin-top:1rem; margin-bottom:1rem;}
.single #footer-wrap{margin-top: 3rem;}
@media screen and (min-width: 48em) {
	.single .header-produit{margin-bottom: 2rem;}
	.single .wp-block-image,
	.single  .wp-block-columns ,
	.single  .wp-block-column .wp-block-columns {margin-bottom:1rem;}

}


@media screen and (min-width: 60em) {

	.single .header-produit{margin-bottom: 3rem;}
.wp-block-gallery.columns-5 figure.wp-block-image{max-width:18%; border:2px solid gray;}
}


.single.green [class*='sempa-'].background h2{color:white !important;}



.single p span.tadv-background-color{

	color:white;
	font-weight: bold;
}
.single .header-produit{position: relative;}
.single .header-produit .fondTitre{position: absolute; width: 100%; z-index: -1;
    display: flex;
    justify-content: center;}
.single .header-produit h1{width:100%; z-index:1;}
.single .header-produit h1 span{font-size:0;}
.single .logo-produit{
	max-width: 40rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0rem;
}


.single .header-produit h1:before{
	content:'';
	height:3rem;
	max-width: 40rem;
	width:100%;
	margin:auto;
	display: block;
}

.single.sempa-isoler-du-froid-absorber-le-son .header-produit{
	background-position: center top; 
	background-repeat: no-repeat; 
}

.single .wp-block-image {width:100%; overflow: hidden;}

.align-center{justify-content:center;}

/* call to action */

#cta{
	background: url(img/cta-sempatap.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    min-height: 50vh;
    justify-content: center;
    display: flex;
    align-items: center;
	position: relative;
	color:white;
	z-index: 1;
}

#cta .opacity{
	position: absolute;
	height:100%;
	width:100%;
	background:black;
	opacity:0.3;
	z-index: -1;
}

#cta a{display:flex; justify-content: center;     max-width: 80%;
    margin: auto;}

#cta .more-link{
	text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
	padding:1rem 2rem;
	margin-top:1rem;
	transition: all ease-in-out 0.3s;
}

#cta .more-link:hover{
	opacity:0.8
}

@media screen and (min-width: 48em) {

	#cta{
		min-height: 30vh;
	}
	
	
}
@media screen and (min-width: 60em) {


}


/* similaires */

#similaires-categorie h2{margin-top:0; margin-bottom: 2rem;}
#similaires-categorie ul{margin-bottom: 2rem;}
#similaires-categorie{position: relative; padding-top:2rem; padding-bottom: 2rem; margin-top: 2rem; 	text-align: center;}

#similaires-categorie li img.negatif{
	filter:invert(1) brightness(100);

}
	#similaires-categorie li img{

		width:80%
}

#similaires-categorie .imageFond{
	position: relative;
	display: flex;

}

#similaires-categorie .imageFond img{
	width: 60%;
	height: auto;
	margin: auto;
	opacity: 0.5;
}
#similaires-categorie ul{
	display: flex;
    width: 100%;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#similaires-categorie ul li{display:inline-flex; width:50%; margin-top:1rem;
margin-bottom:1rem}
#similaires-categorie ul li span{font-size:0;}


@media screen and (min-width: 48em) {

	#similaires-categorie .imageFond{
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		height:100%;

	
	}
	#similaires-categorie ul li{ width:25%;}

	#similaires-categorie .imageFond img{
		height: 80%;
		width: auto;

		margin: auto;
	}
	
}
@media screen and (min-width: 60em) {


}

.etude-formulaire .type{
width:10%;
}
.etude-formulaire .surface,
.etude-formulaire .materiaux{
width:40%;
}

.etude-formulaire .surface .form-group {
display:inline-flex;
;
}

.etude-formulaire ::placeholder {
  color: #3b3a3a;
  opacity: 1; /* Firefox */
}

.etude-formulaire ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #3b3a3a;
}

.etude-formulaire .surface span{

color:#10B9A8 !important;
}
#etude-form {
margin-left:auto;
margin-right:auto;
margin-top:2rem;
margin-bottom:2rem;
}
#etude-form .surface label{
flex-direction: row;
    align-items: center;
}
#etude-form .surface label inout{margin-right:0.5rem}
#etude-form label{
    display:flex;
    flex-direction:column;
color:#10B9A8;
font-weight:500;
}

#etude-form .codedropz-upload-handler {
    border: 2px solid  #10B9A8 !important;
    background: #10b9a821 !important;
}
#etude-form .codedropz-btn-wrap{
display:flex;
justify-content:center;
margin-top:1rem;
margin-bottom:1rem;
}

#etude-form .codedropz-btn-wrap .cd-upload-btn{
    background:  #004348;
color:white !important;
    padding: 0.5rem 1rem;
    border: 1px solid #004348;
    border-radius: 0.5rem;
}
#etude-form .codedropz-upload-inner h3:before{
content: '';
    width: 5rem;
    height: 5rem;
    background: url(img/upload.svg);
background-size:cover;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}

#etude-form .codedropz-upload-inner h3 {
    margin: 1rem 0;
    font-size: 2rem;
    color: #004348;
}


#etude-form .cf7mls_next.action-button{
background:#10B9A8;
}
#etude-form .form-group {
width:100%;
margin-top:0.5rem
}
#etude-form input{
border:1px solid #10B9A8;
}

#etude-form .envoyer .form-group{width:100%;}

#etude-form .cf7mls_back.action-button{
border:1px solid #10B9A8;; 
background: white;
color:#10B9A8;
float:none;
margin-left:1rem
}

#etude-form  div.wpcf7-validation-errors .wpcf7-icon-wraning{fill:white !important}

#etude-form .has-error input.wpcf7-not-valid{border:red 2px solid; !important}
#etude-form .has-error label{color:red !important; font-weight:500}

#etude-form  div.wpcf7-validation-errors{
background:red;
color:white;
width: max-content;
    padding: 2rem;
    margin-right: auto !important;
    margin-left: auto !important;

}
.wpcf7-form .fieldset-cf7mls .cf7mls-btns,
.etude-formulaire{padding:1rem}

#etude-form .wpcf7 form.sent .wpcf7-response-output {
    display: block;
    background: #a1cd3a !important;
    color: white;
    padding: 2rem;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

#etude-form .form-group .envoyer,
#etude-form .form-group.note{width:100%}

@media screen and (min-width: 768px){
#etude-form .surface .form-group {
width:90%;}
.wpcf7-form .fieldset-cf7mls .cf7mls-btns,
.etude-formulaire{padding:2rem}
#etude-form .cf7mls_back.action-button{
margin-left:2rem}

}
@media screen and (min-width: 48em) {
#etude-form .cf7mls_back.action-button{
margin-left:2rem}
#etude-form .surface .form-group{
width:80%;
}
}

@media screen and (min-width: 60em) {
#etude-form .cf7mls_back.action-button{
margin-left:2rem}
#etude-form .surface .form-group {
width:90%;
}
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-block-embed-youtube .wp-block-embed__wrapper object, .wp-block-embed-youtube .wp-block-embed__wrapper embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

@media screen and (min-width: 48em) {
.wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-block-embed-youtube .wp-block-embed__wrapper object, .wp-block-embed-youtube .wp-block-embed__wrapper embed {
width:70%;

}
.wp-block-embed-youtube .wp-block-embed__wrapper {
padding-bottom:36.25%;
padding-top:10px;
}
}