.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Elementor element 9254813 **/
#content .elementor-element-9254813 {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/** Header >> Header - Menu Noir Hover (:hover) **/
#menu-1-9686add .elementor-item-active:hover {
	color: rgb(168, 85, 34) !important;
}


/*= Footer ==================== */

/** Footer >> lienFooter **/
.elementor-element-a98f40d a, 
.elementor-element-87c7bb8 a {
	color: rgb(255, 255, 255) !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}

/** Footer >> TLA Graff (:hover) **/
.elementor-widget-text-editor a:hover {
	font-weight: 800 !important;
	text-decoration: underline !important;
}


/*= FICHE PROJETS ============= */

/** FICHE PROJETS >> li prix **/
.elementor-element-0d90cef li, 
.elementor-element-92127f6 li {
	list-style-type: none !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	margin-left: -5px !important;
	border-bottom: 1px solid rgb(213, 168, 136) !important;
}


/*= ACCUEIL =================== */

/** ACCUEIL >> img dans imgmask **/
.page-id-95 .imgmask {
	background-color: rgb(231, 244, 222) !important;
	width: 100% !important;
	height: 62.7% !important;
	overflow: hidden !important;
	overflow-x: hidden !important;
}

/** ACCUEIL >> info projet **/
p.infoprojet {
	width: 100% !important;
	margin-top: -15px !important;
}

/** ACCUEIL >> li coup de coeur **/
#wpv-view-layout-1343 li {
	list-style-type: none !important;
	width: 75% !important;
	display: inline-block !important;
}

/** ACCUEIL >> ul coup de coeur **/
#wpv-view-layout-1343 ul {
	margin-left: 0 !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
	display: grid !important;
	grid-auto-flow: column !important;
}
#wpv-view-layout-1343 ul > :nth-child(n) {
	width: 350px !important;
}

/** ACCUEIL >> infoprojet lien **/
p.infoprojet a {
	font-family: lato !important;
	color: rgb(168, 85, 34) !important;
	font-size: 12px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}


/*= PROJETS =================== */

/** PROJETS >> Loupe recherche **/
#search-a03b8d9 {
	color: rgb(172, 82, 24) !important;
}

/** PROJETS >> btn filtre **/
.radio label {
	font-family: lato, Sans-Serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	background-color: rgb(92, 54, 31) !important;
	padding: 5px 20px 5px 20px !important;
	margin-right: 20px !important;
	display: inline-block !important;
	cursor: pointer !important;
}

/** PROJETS >> btn filtre hover **/
.radio label:hover {
	font-family: lato, Sans-Serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	background-color: rgb(172, 82, 24) !important;
	padding: 5px 20px 5px 20px !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important;
	display: inline-block !important;
	cursor: pointer !important;
}

/** PROJETS >> mask radio **/
.js-wpv-filter-form-1404 input[type=radio] {
	display: none !important;
}

/** PROJETS >> Case recherche **/
.js-wpv-filter-trigger-delayed {
	font-family: sora !important;
	color: rgb(168, 85, 34) !important;
	font-size: 15px !important;
	background-color: rgba(250, 250, 250, 0) !important;
	height: 37px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	margin-top: 10px !important;
	border-color: rgb(92, 54, 31) !important;
	border-width: 1px !important;
	border-radius: 0 !important;
}

/** PROJETS >> Bouton envoyer - recherche **/
#post-98 .btn-secondary {
	font-family: sora !important;
	font-size: 30px !important;
	font-weight: bold !important;
	vertical-align: middle !important;
	background-color: rgb(92, 54, 31) !important;
	height: 37px !important;
	padding: 3px 15px 4px 15px !important;
	margin-top: -6px !important;
	margin-left: -5px !important;
	border-color: rgb(255, 255, 255) !important;
	border-width: 0 !important;
	border-radius: 0 !important;
	position: relative !important;
}

/** PROJETS >> Bouton envoyer - recherche Hover **/
#post-98 .btn-secondary:hover {
	font-family: sora !important;
	background-color: rgb(168, 85, 34) !important;
}

/** PROJETS >> btn tous **/
input.wpv-reset-trigger {
	font-family: lato, Sans-Serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	background-color: rgb(92, 54, 31) !important;
	padding: 10px 20px 10px 20px !important;
	margin-right: 20px !important;
	display: inline-block !important;
}

/** PROJETS >> btn tous hover **/
input.wpv-reset-trigger:hover {
	font-family: lato, Sans-Serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
	background-color: rgb(172, 82, 24) !important;
	padding: 10px 20px 10px 20px !important;
	margin-right: 20px !important;
	-o-transition-property: background-color !important;
	-moz-transition-property: background-color !important;
	-webkit-transition-property: background-color !important;
	transition-property: background-color !important;
	-o-transition-duration: 0.5s !important;
	-moz-transition-duration: 0.5s !important;
	-webkit-transition-duration: 0.5s !important;
	transition-duration: 0.5s !important;
	display: inline-block !important;
}

/** PROJETS >> div filtre **/
.js-wpv-filter-form-1404 .radio {
	display: inline !important;
}

/** PROJETS >> li projets **/
#wpv-view-layout-1404 li {
	text-align: left !important;
	list-style-type: none !important;
	width: 40% !important;
	margin-right: 6% !important;
	display: inline-block !important;
}

/** PROJETS >> imgmask projets **/
.page-id-98 .imgmask {
	background-color: rgb(231, 244, 222) !important;
	width: 100% !important;
	height: 62.7% !important;
	overflow: hidden !important;
	overflow-x: hidden !important;
}

/** PROJETS >> img dans imgmask projets **/
.page-id-98 .imgmask img {
	background-size: contain !important;
	width: 100% !important;
	min-width: 420px !important;
	min-height: 236px !important;
	margin-left: 0 !important;
}

/** PROJETS >> ul projets **/
#wpv-view-layout-1404 ul {
	text-align: center !important;
	padding: 0 0 0 5% !important;
	margin: 0 !important;
}

/** PROJETS >> catégorie projets **/
.catprojet {
	text-align: right !important;
	padding-left: 20px !important;
	float: right !important;
	display: inline-block !important;
}

/** PROJETS >> info projet projets **/
.page-id-98 p.infoprojet {
	width: 100% !important;
	margin-top: -15px !important;
	display: block !important;
}

/** PROJETS >> infoprojet lien hover **/
p.infoprojet a:hover {
	font-family: lato !important;
	color: rgb(0, 0, 0) !important;
	font-size: 12px !important;
	font-weight: normal !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

/** PROJETS >> projet lien **/
p.infoprojet a {
	font-family: lato, Sans-Serif !important;
}

/** PROJETS >> section filtres **/
.elementor-element-24f76ba form {
	width: 125% !important;
	margin-top: -200px !important;
	margin-bottom: 70px !important;
	margin-left: 8.5% !important;
}

/** PROJETS >> Placeholder boite de recherche **/
input::placeholder {
	font-family: sora !important;
	color: rgb(255, 255, 255) !important;
}


/*= EQUIPE ==================== */

/** EQUIPE >> icone social **/
.qodef-m-social-icons {
	display: none !important;
}

/** EQUIPE >> contenu info people **/
.qodef-m-content {
	padding: 20px !important;
}


/*= BOUTIQUE ================== */

/** BOUTIQUE >> Couleur Footer **/
.page-id-1980 .elementor-element-3061349 {
	background-color: rgb(0, 0, 0) !important;
}

/** BOUTIQUE >> Auteur boutique **/
.type-article-boutique .entry-meta {
	display: none !important;
}

/** BOUTIQUE >> Thumbnail images produit **/
#main .elementor-thumbnails-swiper {
	width: 50% !important;
}

/** BOUTIQUE >> Flèches articles caroussel **/
.elementor-swiper-button i::before {
	margin-right: 25px !important;
	margin-left: 25px !important;
}

/** BOUTIQUE >> Swiper slide - overlay **/
.swiper-slide::after {
	background-color: rgba(0, 0, 0, 0) !important;
}


/*( Large Desktop )*/
@media (min-width: 1280px) {
	/** PROJETS >> section filtres **/
	.elementor-element-24f76ba form {
	width: 80% !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** PROJETS >> btn filtre **/
	.radio label {
	padding-right: 15px !important;
	padding-left: 15px !important;
	margin-right: 10px !important;
}

	/** PROJETS >> btn tous **/
	input.wpv-reset-trigger {
	padding-right: 15px !important;
	padding-left: 15px !important;
	margin-right: 10px !important;
}

	/** PROJETS >> li projets **/
	#wpv-view-layout-1404 li {
	padding-bottom: 25px !important;
}

	/** PROJETS >> img dans imgmask projets **/
	.page-id-98 .imgmask img {
	background-size: contain !important;
	position: relative !important;
	right: 9% !important;
}

	/** PROJETS >> catégorie projets **/
	.catprojet {
	padding-left: 0 !important;
	position: relative !important;
}

	/** PROJETS >> section filtres **/
	.elementor-element-24f76ba form {
	width: 90% !important;
}

	/** Header >> Elementor menu toggle **/
	.page-id-100 .elementor-menu-toggle {
	color: rgba(0, 0, 0, 0.94) !important;
}

	/** ACCUEIL >> info projet **/
	p.infoprojet {
	width: 270px !important;
}

	/** ACCUEIL >> li coup de coeur **/
	#wpv-view-layout-1343 li {
	width: 100% !important;
	min-width: 100% !important;
	display: inline-block !important;
}

	/** ACCUEIL >> ul coup de coeur **/
	#wpv-view-layout-1343 ul {
	margin-left: 0 !important;
	grid-column-gap: 1% !important;
	column-gap: 1% !important;
	justify-items: auto !important;
}
#wpv-view-layout-1343 ul > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
#wpv-view-layout-1343 ul > :nth-child(3) {
	grid-area: 1 / 3 / 2 / 4 !important;
}
#wpv-view-layout-1343 ul > :nth-child(n) {
	width: 50% !important;
}

	/** ACCUEIL >> infoprojet lien **/
	p.infoprojet a {
	font-size: 11px !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** PROJETS >> btn filtre **/
	.radio label {
	margin-bottom: 10px !important;
}

	/** PROJETS >> btn tous **/
	input.wpv-reset-trigger {
	margin-bottom: 10px !important;
}

	/** PROJETS >> li projets **/
	#wpv-view-layout-1404 li {
	margin-bottom: 25px !important;
}

	/** PROJETS >> img dans imgmask projets **/
	.page-id-98 .imgmask img {
	height: 350px !important;
}

	/** PROJETS >> ul projets **/
	#wpv-view-layout-1404 ul {
	
}
#wpv-view-layout-1404 ul > :nth-child(n) {
	width: 600px !important;
}

	/** PROJETS >> section filtres **/
	.elementor-element-24f76ba form {
	width: 90% !important;
}

	/** Header >> Elementor menu toggle **/
	.page-id-100 .elementor-menu-toggle {
	color: rgba(0, 0, 0, 0.94) !important;
}

	/** ACCUEIL >> img dans imgmask **/
	.page-id-95 .imgmask {
	min-height: 190px !important;
}

	/** ACCUEIL >> ul coup de coeur **/
	#wpv-view-layout-1343 ul {
	display: inline-grid !important;
	grid-auto-flow: row !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Footer >> Menu - Pied de page mobile **/
	#page .elementor-element-aa00d90 {
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** ACCUEIL >> img dans imgmask **/
	.page-id-95 .imgmask {
	width: 100% !important;
	margin-left: 0 !important;
}

	/** ACCUEIL >> info projet **/
	p.infoprojet {
	line-height: 1 !important;
	margin-top: -20px !important;
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: center !important;
	align-content: center !important;
}

	/** ACCUEIL >> li coup de coeur **/
	#wpv-view-layout-1343 li {
	display: grid !important;
	grid-auto-flow: row !important;
}

	/** ACCUEIL >> ul coup de coeur **/
	#wpv-view-layout-1343 ul {
	width: 100% !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	display: inline-grid !important;
	grid-auto-flow: row !important;
}

	/** PROJETS >> Elementor widget container **/
	#post-98 .elementor-widget-container {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

	/** PROJETS >> btn filtre **/
	.radio label {
	width: 100% !important;
	margin-top: 5px !important;
	margin-right: 0 !important;
	margin-bottom: 5px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

	/** PROJETS >> btn filtre hover **/
	.radio label:hover {
	text-align: left !important;
	width: 100% !important;
	height: 33px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

	/** PROJETS >> Case recherche **/
	.js-wpv-filter-trigger-delayed {
	width: 86% !important;
}

	/** PROJETS >> btn tous **/
	input.wpv-reset-trigger {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

	/** PROJETS >> btn tous hover **/
	input.wpv-reset-trigger:hover {
	margin-right: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

	/** PROJETS >> li projets **/
	#wpv-view-layout-1404 li {
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

	/** PROJETS >> img dans imgmask projets **/
	.page-id-98 .imgmask img {
	height: 150px !important;
	position: relative !important;
	right: 9% !important;
}

	/** PROJETS >> ul projets **/
	#wpv-view-layout-1404 ul {
	padding-left: 25px !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-content: center !important;
	align-content: center !important;
	grid-template-columns: 25px !important;
	justify-items: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}
#wpv-view-layout-1404 ul > :nth-child(n) {
	width: 380px !important;
	padding: 0px 24px 20px 0px !important;
}

	/** PROJETS >> catégorie projets **/
	.catprojet {
	padding-left: 0 !important;
}

	/** PROJETS >> info projet projets **/
	.page-id-98 p.infoprojet {
	font-family: sora !important;
	line-height: 2 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: column !important;
	-moz-flex-direction: column !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	float: left !important;
}

	/** PROJETS >> infoprojet lien hover **/
	p.infoprojet a:hover {
	font-family: sora, sans-serif !important;
	font-size: 10px !important;
}

	/** PROJETS >> projet lien **/
	p.infoprojet a {
	font-family: sora, sans-serif !important;
	font-size: 10px !important;
}

	/** PROJETS >> section filtres **/
	.elementor-element-24f76ba form {
	text-align: center !important;
	width: 80% !important;
	margin-top: -300px !important;
	margin-left: 0 !important;
}

	/** Header >> Elementor menu toggle **/
	.page-id-100 .elementor-menu-toggle {
	color: rgba(0, 0, 0, 0.94) !important;
}

	/** FICHE PROJETS >> colonne images projet mobile **/
	#content .elementor-element-304d66b {
	grid-gap: 0 !important;
	gap: 0 !important;
}

}