@charset "UTF-8";

/*
Theme Name: fencing
Theme URI: https://www.hlbedition.com/
Author: HLB Team
Author URI: https://www.hlbedition.com/
Template: twentytwentyone
*/
/*gris : #706f6f */
/*or : #222222 */

/**GENERAL**/
html {
	overflow-x: hidden;
}
body {
--global--width-wrap : 1480px;
}
.singular .entry-header, .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
	max-width: var(--global--width-wrap)!important;
	margin-left: auto;
	margin-right: auto;
}
html .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, 
html .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	background-color: #fff !important;
}
#cible .wp-block-group__inner-container, #about .wp-block-group__inner-container {
	padding: 0 1em;
}
#primary .entry-footer.default-max-width {
	display: none;
}
/****/

/**FONT**/
    @font-face {
    font-family: 'Cardium A Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cardium A Regular'), url('Cardium-A-Regular.woff') format('woff');
	font-display: swap;
    }
	
	h1, h2, h3, h4, h5,  .singular .entry-title{
		color : #706f6f;
	}
	* {
	font-family: 'Cardium A Regular' !important;
}	
p {
	font-family: 'Cardium A Regular' !important;
	font-size: .85em;
	line-height: 1.25em !important;
}
/****/

/**HEADER**/
#page::before {
	content: "";
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	position: absolute;
	width: 100%;
	height: 200px;
	z-index: -1;
}
.site-branding {
	display: none;
}
#masthead {
	padding-top: 0;
	max-width: 100%;
	align-items: start;
	z-index: 9999;
	position: relative;
}
.site-header > .site-logo {
	border-bottom: none!important;
}
.page:not(.page-id-2) .site-logo, .error404 .site-logo {
	width: 250px !important;
	max-width: 500px !important;
	max-height: 500px !important;
	margin-top: -3em;
}
.page:not(.page-id-2) .site-logo .custom-logo,  .error404 .site-logo .custom-logo {
	max-width: 250px;
	max-height: 2150px;
	height: auto;
	width: auto;
}
/****/


/**NAV**/
#site-navigation {
	position: fixed;
	padding: 1.5em 3em;
}
#site-navigation #mega-menu-wrap-primary .mega-toggle-animated-inner {
	background: #73c9e7!important;
}
#site-navigation #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-163:hover a {
	color: #73c9e7;
}
#site-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
	background: #ee775b!important;
}
#site-navigation #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-164:hover a {
	color: #ee775b;
}
#site-navigation #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after  {
	background: #fdc911!important;
}
#site-navigation #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-165:hover a {
	color: #fdc911;
}
#site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 15px 0px 15px;
}
html .primary-navigation {
	padding: 2em;
	z-index: 9;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
	background: transparent;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
}
#site-navigation #mega-menu-wrap-primary #mega-menu-primary li a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 15px;
	color: black;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-163::before, #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-164::before, #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-165::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 35px;
	display: block;
	margin-top: -25px;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-163::before {
	background: url('https://www.fencing.fr/wp-content/uploads/2024/04/catalogue.svg') no-repeat center /35px;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-164::before {
	background: url('https://www.fencing.fr/wp-content/uploads/2024/03/mail.svg') no-repeat center /30px;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-165::before {
	background: url('https://www.fencing.fr/wp-content/uploads/2024/04/siglenav.svg') no-repeat center /40px;
}
/********************/

	/**/
	/**page**/	

		/*home*/

#intro #domaine {
	left: 2%;
	position: relative;
	margin-top: 9em;
}

#expe {
	margin-top: 310px;
}
			#cible .contact-pro .wp-block-button__link.has-text-align-center.wp-element-button.__mPS2id._mPS2id-h.mPS2id-clicked {
			padding: 30px!important;
			}
			.home.page:not(.home).page.page-id-2.logged-in.admin-bar.custom-background.wp-custom-logo.wp-embed-responsive.is-light-theme.has-background-white.singular.has-main-navigation.customize-support::before {
			content: "";
			background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
			width: 100%;
			height: 500px;
			position: fixed;
			bottom: 0;
			z-index: -1;
		}
		
.home .wp-block-heading.has-text-align-center.h1 {
	margin-bottom: 2em;
	text-align: left;
	font-size: 3em;
	text-transform: uppercase;
	color: white;
	text-shadow: -4px 2px 4px black;
}
.home .wp-block-heading.has-text-align-center.h1::before {
	content: "";
	background: url('https://www.fencing.fr/wp-content/uploads/2024/03/carre-orange.svg') no-repeat;
	position: absolute;
	width: 100px;
	height: 100px;
	margin-left: -85px;
	margin-top: 75px;
}
		.home #primary::before {
			content: "";
			background: url('https://www.fencing.fr/wp-content/uploads/2024/03/main-img-border.svg') no-repeat center bottom / 100%;
			width: 100%;
			height: 350px;
			position: absolute;
			margin-top: -348px;
			z-index: -1;
		}
			.home .uagb-block-b0ab8732.uagb-tabs__hstyle1-desktop > .uagb-tabs__body-wrap {
			border-color: transparent;
		}
		.has-text-align-center.wp-block-post-title {
			color: red !important;
		}
		.df-popup-thumb .df-book-wrapper {
			box-shadow: none!important;
		}
		#desc #quality::before {
			content: "";
			background: url('https://www.fencing.fr/wp-content/uploads/2024/04/premium.svg');
			position: absolute;
			width: 100px;
			height: 100px;
			margin-left: -123px;
		}		
		#desc #entretien::before {
			content: "";
			background: url('https://www.fencing.fr/wp-content/uploads/2024/04/clean.svg');
			position: absolute;
			width: 100px;
			height: 100px;
			margin-left: -123px;
		}
#catalogue .uagb-tabs__panel.uagb-tabs__align-center {
	margin-bottom: 1em;
	max-width: 100%;
}
		.df-popup-thumb:hover .df-book-cover {
			transform: scale(1.1)!important;
		}
		.df-popup-thumb:hover .df-book-wrapper {
			transform: rotate(0);
		}
#fab {
	display: inline-block;
	font-size: .5em;
	background: #706f6f;
	padding: 5px 20px;
	border-radius: 5px;
	margin: 15px;
	transform: skewX(-7deg);
	color: white;
	text-shadow: none;
	filter: drop-shadow(3px 1px 2px #0000005e);
}
		#download {
			transform: scale(0.5);
			margin-top: -3em;
		}
		#cible {
			z-index: 1;
		}
		#cible .wp-block-heading {
			text-transform: uppercase;
			font-size: 1.25em;
		}
#catalogue {
	padding-top: 8em !important;
	background: #0000000a;
	margin-top: 260px;
	padding-bottom: 5em !important;
}
#Catalogue-slider {
	top: -311px !important;
	position: relative;
	margin-bottom: -220px;
}
		#catalogue #uagb-tabs__tab1::before {
			content: "";
			width: 2px;
			height: 40px;
			background: black;
			position: absolute;
			margin: ;
			margin-top: 26px;
			margin-left: -20px;
			transform: rotate(7deg);
		}
		#catalogue .uagb-tabs__wrap.uagb-tabs__hstyle1-desktop .uagb-tab {
			margin: 10px 40px 10px 0;
		}
		#catalogue .btn-selection a {
			border-radius: 5px;
			transform : skew(-7deg);
			padding : 1em;
		}
		#catalogue #uagb-tabs__tab0 a, #catalogue #uagb-tabs__tab1 a {
			text-decoration: none;
			font-size: 1.25em;
			line-height: 1.25;
		}
		#catalogue #uagb-tabs__tab0 a {
			background: #73c9e7 !important;
			border: 1px solid #73c9e7;
		}
		#catalogue #uagb-tabs__tab1 a {
			background: #ee775b !important;
			border: 1px solid #ee775b;
		}
		#catalogue #gamme-bois .uagb-post__taxonomy.default a {
			color: #73c9e7!important;
		}
		#catalogue #gamme-composite .uagb-post__taxonomy.default a {
			color: #ee775b!important;
		}
		.expand {
			height: auto!important;
		}
		.hidde {
			height: 0!important;
			overflow: hidden;
		}
.btn-selection.locked::before {
	content: "";
	position: relative;
	background: transparent;
	width: 100%;
	height: 77px;
	display: block;
	top: 77px;
	margin-top: -76px;
	transform: skew(-7deg);
	z-index: 1;
}
.unlocked {
	content: none!important;
	opacity: 1;
}
.locked {
	content: "";
	opacity: .5;
}
		#catalogue .uagb-post__taxonomy.default::before {
			content: "Lames d'occultation";
			display: block;
		}
		#catalogue .uagb-post__inner-wrap > .uagb-post__text:first-child {
			margin-top: 3em;
		}
		#catalogue .uagb-post__inner-wrap > .uagb-post__text:last-child {
			margin-bottom: 0;
		}
		#catalogue .uagb-block-b0ab8732.uagb-tabs__hstyle1-desktop > .uagb-tabs__panel .uagb-tab {
			border-style: none;
		}

		#catalogue .uagb-post__taxonomy.default {
			font-size: 2em;
			line-height: 1;
			margin-bottom: 1em !important;
			position: relative;
			color: #706f6f;
			text-transform: full-size-kana;
			margin-left: 65px;
		}
		#bois-btn a {
			background: #73c9e7;
			color: black;
		}
		#composite-btn a {
			background : #ee775b;
		}
		#catalogue .uagb-post__inner-wrap {
			background: none;
			text-align: left;
		}
		#catalogue #gamme-bois .uagb-post__taxonomy.default::after {
			content: "";
			background: url('https://www.fencing.fr/wp-content/uploads/2024/03/carre-bleu.svg') no-repeat;
			display: block;
			position: absolute;
			width: 50px;
			height: 90px;
			top: 0;
			margin-left: -65px;
		}
		#catalogue #gamme-bois  td:nth-child(2n) {
			background: #e4f1f8;
		}
		#catalogue #gamme-bois  td:nth-child(2n+1) {
			background: #eff6f9;
		}
		#catalogue #uagb-tabs__tab0 a, #catalogue #uagb-tabs__tab1 a {
			border-radius: 5px;
			transform: skew(-7deg);
			padding: 1em;
		}

		#catalogue .uagb-inner-tab-1 .uagb-post__taxonomy.default::after {
			content: "";
			background: url('https://www.fencing.fr/wp-content/uploads/2024/03/carre-orange.svg') no-repeat;
			display: block;
			position: absolute;
			width: 50px;
			height: 90px;
			top: 0;
			margin-left: -65px;
		}
		#catalogue #gamme-composite td:nth-child(2n) {
			background: #fce4de;
		}
		#catalogue #gamme-composite td:nth-child(2n+1) {
			background: #fdf1ee;
		}
		#catalogue article figure .wp-element-caption {
			text-align: left !important;
			line-height: 1;
			margin-left: 50px;
			margin-top: 2em;
		}
		#catalogue figure * {
			border-bottom: 0;
			font-size: .95em;
		}
#catalogue .uagb-post__title.uagb-post__text {
	text-transform: uppercase;
	font-weight: lighter;
	padding: 0;
}
		.wp-element-caption::before {
			content: "";
			background: url('https://www.fencing.fr/wp-content/uploads/2024/03/marques.svg') no-repeat;
			position: absolute;
			width: 50px;
			height: 50px;
			margin-left: -50px;
			margin-top: -10px;
		}
		#catalogue #details .wp-element-caption::before {
			content: none;
		}
		#catalogue #details .wp-element-caption {
			font-size: .75em;
		}
		#catalogue .wp-element-caption strong {
			color: #706f6f;
		}
		#catalogue #montage {
			border: 1px dashed black;
			padding: 25px;
		}
		#coloris .wp-element-caption {
	font-size: 15px;
}
#coloris .wp-element-caption::before {
	background: none;
	content: none;
	position: ;
	display: none;
	width: 0;
	height: 0;
}
		#contact-us .wp-block-group__inner-container, #about {
			position: relative;
			z-index: 1;
		}
		#contact-us {
	margin-top: -238px;
}
#contact-us::before {
	background: url('https://www.fencing.fr/wp-content/uploads/2024/03/repeat-bg2.svg') no-repeat center /cover;
	content: "";
	width: 100%;
	height: 380px;
	position: relative;
	margin-bottom: -300px;
}

		#contact-us #forminator-module-148 {
			height: 0;
			overflow: hidden;
		}
		#contact-us #forminator-module-148.expand {
			height: auto;
			overflow: visible;
			transition: all linear .25s;
			padding: 2em !important;
			border-radius: 15px!important;
		}
		#contact-us .forminator-ui#forminator-module-148.forminator-design--flat .forminator-button-submit {
			background-color: #ee775b;
			color: #FFFFFF;
			border-radius: 5px;
			transform: skewX(-5deg);
			font-size: 1em;
		}
		#contact-us .forminator-ui#forminator-module-148.forminator-design--flat .forminator-button-submit:hover {
			background-color: #73c9e7;
		}
		#contact-us .forminator-field input, #contact-us textarea {
			border-radius: 5px !important;
		}
		#engagement {
	border-top: 1px dashed #00000063;
	margin-top: 5em;
}
				/*home*/
	
	/*default*/
.page:not(.page-id-2) #content, .error404 #content {
	background: #fff;
	padding-bottom: 6em;
	padding-top: 3em;
}
.page:not(.page-id-2).custom-background, .error404.custom-background {
	background-image: none;
}	
	
	/**article**/
.category-bois tbody tr td:nth-child(2n+1) {
	background: #f3fafd!important;
}
.category-bois tbody tr td:nth-child(2n) {
	background: #e8f5fc!important;
}
.home #content {
	background: #fff;
}
	
	/**footer**/
#colophon #footer-adress {
	font-size: .85em;
	line-height: 1.25;
}
#colophon.site-footer {
	padding-top: 0;
	padding-bottom: 15px;
}
#colophon {
	background: #ee775b;
	margin: 0;
	width: 100%;
	min-width: 100%;
	z-index: 1;
	position: relative;
}

#colophon::before {
	content: "";
	background: url('https://www.fencing.fr/wp-content/uploads/2024/03/footer-curve.svg') no-repeat center/cover;
	height: 150px;
	position: relative;
	width: 100%;
	top: -148px;
}
#colophon.site-footer > .site-info {
	max-width: var(--global--width-wrap);
	margin: auto;
	border: none;
	display: block;
	margin-top: -10em;
}
#colophon.site-footer .site-info .widget-area {
	margin: 0 !important;
	display: block !important;
	min-width: 100%;
}
.df-popup-thumb {
	width: 350px!important;
}
.df-popup-thumb .df-book-cover::after {
	content: none!important;
}
#df_47 * {
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}
.df-popup-thumb:hover .df-book-wrapper {
	transform: none;
}
.df-book-title {
	display: none !important;
}
#mentions-wrap {
	text-align: center;
	font-size: .85em;
	color: #706f6f;
}
#mentions-wrap * {
	text-decoration: none;
}
.wp-block-button.btn-contact::before, .wp-block-button.btn-catalogue::before {
	content: "";
	position: relative;
	display: block;
	width: 60px;
	height: 45px;
	margin: 0 auto -1em;
	z-index: 1;
}
.wp-block-button.btn-contact::before {
	background: url('https://www.fencing.fr/wp-content/uploads/2024/03/mail.svg') no-repeat center/60px;
}
.wp-block-button.btn-catalogue::before {
	background: url('https://www.fencing.fr/wp-content/uploads/2024/04/catalogue.svg') no-repeat center/40px;
}
.btn-contact .wp-block-button__link.wp-element-button, .btn-catalogue .wp-block-button__link.wp-element-button {
	background: none !important;
	border: 1px solid;
	border-radius: 5px;
	transform: skew(-7deg);
	padding: 1em;
}

.yellow .wp-block-button__link.wp-element-button {
	background: #fdc911 !important;
	color: black !important;
	border: 1px solid #fdc911;
}
#contact-widget {
	margin-top: 6em;
}
#contact-widget a {
	color: black !important;
	border: 1px solid white;
}
.error404 #colophon::before, .page:not(.home)	#colophon::before {
	margin-top: 0;
}
/****/
/*404*/
.error404 #content {
	text-align: center;
	padding-bottom: 12em;
}
/***/



/****RESPONSIVE****/
@media screen and (min-width: 1480px) {
#domaine {
	margin-top: -500px;
	z-index: 9;
	position: relative;
}

}

@media screen and (max-width: 1480px) {
	#catalogue .uagb-post__inner-wrap > .uagb-post__text:first-child {
	margin-top: 0em;
}
		#domaine {
		display: block;
	}
	#catalogue .uagb-block-4068b34a:not(.is-grid) .uagb-post__inner-wrap > .uagb-post__text,
	#catalogue .uagb-block-08d24e90:not(.is-grid) .uagb-post__inner-wrap > .uagb-post__text	{
	margin-left: 2em;
	margin-right:2em;
	}
	#domaine {
		margin-top: -370px;
		z-index: 9;
		position: relative;
	}
}

@media screen and (min-width: 1280px) {

#catalogue .uagb-post__text {
	margin-left: 0;
}
.home .wp-block-heading.has-text-align-center.h1 span:last-child {
	display: block;
}

		#catalogue .uagb-tabs__body-wrap, #catalogue .wp-block-uagb-tabs-child {
			padding-left: 0 !important;
			padding-right: 3em;
		}
#catalogue #uagb-tabs__tab0 a, #catalogue #uagb-tabs__tab1 a {
	max-width: 420px;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.25;
}
#catalogue .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	margin-top: -2em;
}
		#catalogue #uagb-tabs__tab0 a, #catalogue #uagb-tabs__tab1 a {
			padding: .5em 5em;
		}
		#cible .contact-pro {
			position: absolute;
			right: 0;
			top: 119px;
			max-width: 376px;
		}
}

@media screen and (max-width: 1279px) {
	html .h2 {
	text-align: center !important;
}
	#catalogue #catalogue .uagb-post__inner-wrap > .uagb-post__text {
	margin-left: 1em;
	margin-right: 1em;
}
#catalogue .uagb-post__inner-wrap > .uagb-post__text {
	margin-left: 1em;
	margin-right: 1em;
}

	#details {
		display: flex;
	}
	#catalogue {
	margin-top: 7em;
}
#Download {
	padding: 0 !important;
}

}

@media screen and (min-width: 1024px) {
	#about {
	margin-bottom: 5em;
}
#catalogue-tools {
	margin-top: -14em;
}
	#catalogue .uagb-post-grid.uagb-post__items.is-carousel {
	width: 85%;
}
		#desc #quality, #desc #entretien {
	margin-left: 4em !important;
}
#intro-img img {
	object-fit: cover !important;
	height: 100%;
}
#intro-img {
	height: 100vh;
	overflow: hidden;
	margin-top: -124px;
	min-height: 750px;
}
#intro-img::before {
	content: "";
	position: absolute;
	width: 50%;
	height: 100vh;
	display: block;
	background: linear-gradient(to right, rgba(0,0,0,0.65) 49%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);
	min-height: 750px;
}
#cible #desc-img {
	position: absolute;
	margin-right: -15%;
	transform: rotateY(190deg);
	margin-top: -18%;
}
#cible {
	margin-top: 6em;
}

.wp-block-image.size-large.is-resized.floatingimg.aos-init.aos-animate img {
	margin-top: -215px !important;
	position: relative;
}

	#about .wp-block-group__inner-container {
	padding-right: 0;
}
.prod-img {
	height: 450px;
	transform: skewY(-8deg);
	background: #8080802b;
	border-radius: 0 15px 15px 0 !important;
	object-fit: cover;
	overflow: hidden;
	min-width: auto;
}
.prod-img2 {
	transform: skewY(4deg);
	background: #8080802b;
	border-radius: 15px 15px 0 !important;
	object-fit: cover;
	overflow: hidden;
	min-width: auto;
}
.prod-img figure img {
	transform: scale(1.35) skewY(8deg);
	object-fit: cover;
	height: 450px;
}
.prod-img2 img {
	transform: scale(1.35) skewY(-4deg);
	object-fit: cover;
}
		html .home .site-header > .site-logo {
		margin-top: -100px;
	}
html .home .site-logo .custom-logo {
	max-width: 650px;
	max-height: 100%;
	height: auto;
	width: 500px;
	position: absolute;
	left: -55px;
	top: -156px;
	min-height: 500px;
}

}
@media screen and (max-width: 1023px) {
	#catalogue .uagb-slick-carousel .slick-slide {
	padding-left: 33px;
}
	#catalogue :not(.is-grid).uagb-post-grid.uagb-post__columns-tablet-2 article {
	width: 100%;
	padding: 0 !important;
}
	#catalogue .main-product-figure img {
	width: 100%;
	object-fit: cover;
}
	#catalogue h4 {
	font-size: 1em;
}
		#catalogue #gamme-bois .uagb-post__taxonomy.default::after {
	content: "";
	background: url('https://www.fencing.fr/wp-content/uploads/2024/03/carre-bleu.svg') no-repeat;
	display: block;
	position: relative;
	width: 25px;
	height: 25px;
	top: 0;
	margin: 15px auto;
}
		#catalogue .uagb-post__taxonomy.default {
	width: 100%;
}
#catalogue .uagb-post__taxonomy.default {
	text-align: center;
	margin: 0;
}
h4.uagb-post__title.uagb-post__text {
	text-align: center !important;
}
	#catalogue #coloris {
	display: flex;
}

		#catalogue .uagb-block-4068b34a:not(.is-grid).uagb-post__items article {
	padding-right: 2em;
	padding-left: 2em;
	margin-bottom: 20px;
}
.home .wp-block-heading.has-text-align-center.h1 {
	margin-bottom: 2.5em;
	color: white;
	font-size: 2.25em;
}
	html .home .site-logo .custom-logo {
	max-width: 350px;
	max-height: 100%;
	height: auto;
	width: 350px;
	position: absolute;
	left: -29px;
	top: -98px;
	min-height: 350px;
}
#intro-img {
	height: 90vh;
	overflow: hidden;
	margin-top: -200px;
	min-height: 650px;
}
#intro-img img {
	object-fit: cover !important;
	height: 100%;
}
	#catalogue .uagb-slick-carousel {
		padding: 30px;
	}
#gamme-bois .alignleft img, #gamme-bois .alignleft img {
	overflow: hidden;
	object-fit: cover;
	width: 75%;
}
#gamme-bois .alignleft, #gamme-composite .alignleft {
	margin: 0 !important;
	width: 100%;
}
	#expe {
	margin-top: 0;
}
#desc #quality::before,  #desc #entretien::before {
	content: "";
	position: relative;
	width: 100px;
	height: 100px;
	margin-left: 0;
	display: block;
	margin: auto;
}
	.wp-block-column.right-img.is-layout-flow.wp-block-column-is-layout-flow {
	display: none;
}
body .is-layout-flex {
	display: block;
	text-align: center;
}
	.home .wp-block-heading.has-text-align-center.h1::before {
	content: none;
}
.home .wp-block-heading.has-text-align-center.h1 {
	padding-left: 0;
	text-align: center;
}
	body #catalogue .slider-container.is-layout-flex {
	display: block;
}
	#catalogue .uagb-tabs__body-wrap {
	max-width: 100% !important;
}
	#catalogue #uagb-tabs__tab1::before {
	content: none;
}
	#catalogue .uagb-tabs__wrap.uagb-tabs__hstyle1-desktop .uagb-tab {
	margin: 10px;
}
	#catalogue .uagb-tabs__wrap {
	display: block;
}
	#catalogue .uagb-block-4068b34a:not(.is-grid) .uagb-post__inner-wrap > .uagb-post__text,
	#catalogue .uagb-block-08d24e90:not(.is-grid) .uagb-post__inner-wrap > .uagb-post__text	{
		margin-left: 0em;
		margin-right: 0em;
	}

}

@media only screen and (max-width: 767px) {
#catalogue #coloris {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
	#Selection {
	display:flex;
	padding: 1em;
}
#Selection > div {
	flex: 1;
}
	#cible .wp-block-group__inner-container, #about .wp-block-group__inner-container {
	padding: 0;
	text-align: justify;
}
#cible .wp-block-heading {
	text-align: center;
}
#cible .wp-block-group__inner-container, #about .wp-block-group__inner-container {
	padding: 0;
}	
#site-navigation #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-163::before, #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-164::before, #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-165::before {
	content: "";
	position: absolute;
	width: 50px;
	height: 35px;
	display: inline;
	margin-left: -25px;
	margin-top: -7px;
	}
#site-navigation #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	line-height: 1;
	height: auto;
	padding-top: 2em !important;
	padding-bottom: 1em !important;
	}
	.mega-menu-primary-mobile-open #site-navigation #mega-menu-wrap-primary::after {
	content: "";
	position: relative;
	height: 4px;
	display: block;
	width: 99%;
	background: linear-gradient(to right, rgba(115,201,231,1) 0%,rgba(115,201,231,1) 32%,rgba(115,201,231,1) 32%,rgba(238,119,91,1) 33%,rgba(238,119,91,1) 66%,rgba(253,201,17,1) 66%,rgba(253,201,17,1) 100%);
	margin-top: -2px;
	}
#site-navigation {
	position: fixed;
	padding: 1.5em 0;
	width: 150px !important;
}
#site-navigation #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
	background: white;
	padding: 0px 0px 0px 0px;
	border-radius: 5px;
	transform: skew(-7deg);
	margin-right: -16px;
	box-shadow: 0 0 6px #00000052;
}

		html:not(.no-js) [data-aos="fade-left"], html:not(.no-js) [data-aos="fade-right"]{
	transform: none !important;
}
.home .wp-block-heading.has-text-align-center.h1 {
	margin-bottom: 2em;
	color: white;
	font-size: 1.75em;
}
	#domaine {
	margin-top: -295px;
	z-index: 9;
	position: relative;
}

#catalogue .uagb-post__taxonomy.default {
	font-size: 2em;
	line-height: 1;
	margin-bottom: 1em !important;
	position: relative;
	color: #706f6f;
	text-transform: full-size-kana;
	margin-left: 0;
}
	#details {
	display: block;
}
	#about .wp-block-columns.enga-icones {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0 !important;
	font-size: .75em;
}

	h3, .h3 {
	font-size: 1.25em!important;
}
	#block-7 {
	margin-top: -17em;
}
	#block-7 .uag-image-143 {
	filter: drop-shadow(0 -4px 15px #0000001c);
}
	#catalogue .uagb-tabs__panel.uagb-tabs__align-center {
	margin-bottom: 0;
}
	#catalogue #uagb-tabs__tab0 a, #catalogue #uagb-tabs__tab1 a {
	border-radius: 5px;
	transform: skew(-7deg);
	padding: 1em;
	font-size: .85em;
}
	.home #cible {
	top: -14em;
}


	#site-navigation {
	margin: 0;
	width: 100%;
}
}

@media only screen and (min-width: 768px) {
	#site-navigation::after {
	content: "";
	position: relative;
	height: 4px;
	display: block;
	width: 99%;
	background: linear-gradient(to right, rgba(115,201,231,1) 0%,rgba(115,201,231,1) 32%,rgba(115,201,231,1) 32%,rgba(238,119,91,1) 33%,rgba(238,119,91,1) 66%,rgba(253,201,17,1) 66%,rgba(253,201,17,1) 100%);
	margin-top: -2px;
}
		#site-navigation #mega-menu-wrap-primary {
	background: white !important;
	border-radius: 5px;
	transform: skew(-7deg) !important;
}

}



@media screen and (max-width: 479px) {
#catalogue .btn-selection a {
	font-size: .85em;
}
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
	margin-top: 7em;
}
	#site-navigation {
	position: fixed;
	padding: 1.5em 0;
	width: 200px !important;
}
#site-navigation #mega-menu-wrap-primary #mega-menu-primary li a {
	font-size: 18px;
}
#colophon {
	margin-top: 50%;
}
#domaine {
	margin-top: -342px;
	z-index: 9;
	position: relative;
}
#intro-img {
	height: 95vh;
	overflow: hidden;
	margin-top: -370px;
}
html .home .site-logo .custom-logo {
	max-width: 250px;
	max-height: 100%;
	height: auto;
	width: 250px;
	position: absolute;
	left: -29px;
	top: -77px;
	min-height: 250px;
}
#site-navigation .menu-button-container {
	display: none;
}
	.home #content {
	background: #fff;
	margin-top: 10em;
}
	.home .wp-block-heading.has-text-align-center.h1 {
	margin-bottom: 1em;
	color: white;
	font-size: 1.85em;
}
	#masthead {
	grid-template-columns: 0 50% auto;
}
html .site-header > .site-logo {
	width: 50%;
	text-align: left;
}
}

@media screen and (min-width: 480px) {

	.page:not(.page-id-2) .site-header, .error404 .site-header {
		padding-bottom: 0;
	}
}

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

	
}

@media screen and (min-width: 359px) {
}