/*
Theme Name: Twinn22
Theme URI: https://orvalis.fr
Description: 100% fait main
Author: Orvalis
Author url: https://orvalis.fr
Tags: one-column, right-sidebar, left-sidebar, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, translation-ready, rtl-language-support, custom-background
*/
@import url(https://use.typekit.net/gqc1aou.css);
:root {
	--ast-global-color-0: #333;
	--color-highlite: #f08219;
	--color-dark-logo: #333;
	--color-light-grey: #ccc;
	--color-light-blue: #e8f5fa;
	--margin: 1.125rem;
	--wrap: 1280px;
	--color-bg-body: #f2f2f2;
	--color-font: #333;
	--color-contrast-dark: #777
}
@media (min-width:769px) {
	:root {
		--margin: 3rem
	}
}
@media (min-width:1600px) {
	:root {
		--margin: 3rem;
		--wrap: 1480px;
	}
}
* {
	box-sizing: border-box;
	position: relative;
}
body {
	font-size: .75rem;
	font-size: 16px !important;
	position: relative;
	font-family: obvia, sans-serif !important;
	background-color: var(--color-bg-body);
	color: var(--color-font);
	margin: 0;
}
h1, h2, h3 {
	font-family: obvia-wide, sans-serif !important
}
h1 {
	font-size: 2.2em;
	text-transform: uppercase;
	padding-top: var(--margin) !important
}
h1:not(#numerisez-vos-infrastructures-techniques-et-immobilieres) {
	margin-top: calc(var(--margin)*6);
}

h1:not(#numerisez-vos-infrastructures-techniques-et-immobilieres, #notre-entreprise)::before {
    content: url(https://expli.site/twinn/files/2021/11/logo-twinn-sans-typo.svg);
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -65%);
}
h2 {
	font-size: 1.8em;
	font-weight: 300;
	padding-bottom: calc(var(--margin)/ 2);
	margin-bottom: var(--margin);
	border-bottom: thin solid var(--color-light-grey);
	text-align: center
}
h3 {
	font-size: 1.1em
}
h4 {
	font-size: 1em
}
@media only screen and (min-width:768px) {
	h1 {
		font-size: 3em
	}
	h2 {
		font-size: 2em
	}
}
h1.page-title {
	text-align: center;
	position: relative
}
p {
    margin: 0 0 11px;
}
figcaption {
	font-size: .75rem
}
a {
	text-decoration: none
}
a[href*="https://fr.wikipedia.org"] {
	background: url(https://upload.wikimedia.org/wikipedia/commons/3/3f/Notification-icon-Wikipedia-logo.svg) no-repeat 100% 0;
	background-size: 16px 16px;
	padding-right: 19px;
	position: relative;
	display: inline
}
a[href*="https://www.linkedin.com"] {
	background: url(https://expli.site/twinn/files/2022/03/picto-linkedin.svg) no-repeat 100% 0;
	background-size: 16px 16px;
	padding-right: 19px;
	position: relative;
	display: inline
}
a[href*="https://fr.wikipedia.org"]:hover::after, a[href*="https://orvalis.fr"]:hover::after {
	content: 'Voir la définition sur Wikipedia';
	position: absolute;
	bottom: -50px;
	background-color: #fff;
	padding: 10px;
	top: 0;
	white-space: nowrap;
	color: #333;
	font-size: .75em;
	border: 4px solid var(--color-highlite);
	height: 50px !important;
	width: 300px
}
a[href*="https://orvalis.fr"]:hover::after {
	content: attr(title)
}
.wrap {
	max-width: var(--wrap);
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0 var(--margin)
}
.fullwidth {
	width: 100vw !important
}
section.wp-block-group {
	margin-bottom: calc(4 * var(--margin));
	position: relative;
}
section.wp-block-group:first-of-type {
	margin-top: calc(2 * var(--margin)) !important
}
.accueil_intro + section.wp-block-group:first-of-type {
	margin-top: calc(4 * var(--margin)) !important
}
section > h2 {
	text-align: center;
	padding-bottom: calc(2 * var(--margin))
}
h1.page-title::after, section::after {
	content: '';
	position: absolute;
	width: 1px;
	height: calc(2.5 * var(--margin));
	bottom: calc(-3.5 * var(--margin));
	left: 50%;
	background-color: var(--color-light-grey)
}
section.blog::after {
	transform: translateX(-1px);
    bottom: calc(-2.5 * var(--margin));
}
a {
	font-weight: 700;
	color: inherit;
	display: inline-block
}
a:hover:after, a:hover:before, nav li a:hover:after, nav li a:hover:before {
	opacity: 1;
	width: 100%;
	z-index: 0
}
a {
	transition: all 1.6s ease;
	position: relative
}
a:hover {
	background-color: transparent
}
.nav li a:focus {
	background-color: transparent
}
a:after, a:before, nav li a:after, nav li a:before {
	position: absolute;
	opacity: 0;
	width: 0%;
	height: 4px;
	content: '';
	background: var(--color-dark-logo);
	transition: all .6s
}
a:before, nav li a:before {
	left: 4px;
	background: var(--color-highlite)
}
a:after {
	bottom: -4px;
	left: 0
}
a:before {
	bottom: -8px
}
.trigger-menu-wrapper {
  transition: transform 0.4s;
}
 
.scroll-down .trigger-menu-wrapper {
  transform: translate3d(0, -100%, 0);
}
 
.scroll-down .lottie-wrapper  {
  background: var(--darkgray);
}
 
.scroll-up .trigger-menu-wrapper {
  transform: none;
}
 
.scroll-up:not(.menu-open) .trigger-menu-wrapper {
  background: var(--lightpurple);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
}
@media (min-width:960px) {
	h1 {
		font-size: 3em
	}
	h2 {
		text-align: inherit
	}
}
@media (min-width:1024px) {
	body {
		font-size: .75rem;
		font-size: 16px !important
	}
}
@media (min-width:1366px) {
	body {
		font-size: .75rem;
		font-size: 18px !important
	}
}
header.content-header {
	background: 0 0;
	color: inherit;
	min-height: 0
}
.content-header h1, .content-header h2, .content-header h3 {
	color: inherit
}
.site-header {
	position: relative;
	z-index: 10;
	max-width: 1280px;
	margin: 0 auto
}
.trigger-menu-wrapper > .wrap {
	display: flex;
	width: 100%;
	flex-direction: column;
	height: auto;
	margin: 0 auto;
	background-color: var(--color-bg-body);
}
.site-header img, .custom-header-image {
	width: 200px;
	height: auto
}
#site-branding {
	position: relative;
	max-width: 200px;
	margin: 0 auto
}
#site-branding .site-branding-text {
	display: none;
}
.site-header .menu {
	text-align: center;
	overflow: auto;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 30px
}
#site-navigation {
	position: absolute;
	right: 0;
	flex: none
}
.navbar-default, .navbar-default .container {
	background-color: transparent;
	border-color: transparent
}
@media only screen and (max-width: 767px) {
	.menu-main-menu-container, .nav-menu {
		height: 0;
		opacity: 0;
		left: 0;
		top: 0;
    	position: fixed;
		background-color: var(--color-bg-body);
		width: 100vw;
	    padding-top: var(--margin);
		transition: all 0.4s ease;

	}
	.navbar-header button {
		transform: rotate(90deg);
		position: fixed;
		right: var(--margin);
		top: var(--margin);
		padding: 10px;
		border: none;
		height: 40px;
		width: 40px;
		font-size: 1.5em;
		z-index: 10000
		
	}
	.menu-main-menu-container.toggled-on, .nav-menu.toggled-on {
		opacity: 1;
		top: 80px;
		height: fit-content;


	}
	.menu-main-menu-container ul, .nav-menu ul {
		padding: 0;
	
	}
	
}
@media only screen and (min-width: 768px) {
	.navbar-header {
		display: none;
	}	

}

div.navbar-collapse {
	width: 100vw;
	max-width: 100%;
	margin: 0 calc(-1 * var(--margin));
	background-color: var(--color-bg-body);
	margin-top: var(--margin);
	box-shadow: 2px 16px 30px -17px #000
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover {
	border-color: transparent;
	margin-top: calc(var(--margin) + 5px);
	margin-right: 0;
	background-color: var(--color-bg-body)
}
.navbar-collapse.collapse .menu-main-menu-container li {
	margin-bottom: calc(var(--margin)/ 2) !important;
	transition: all .6s ease;
	flex: 1
}
.navbar-nav li a {
	/* padding: calc(var(--margin)/ 2);*/
	text-align: center;
	width: 100%;
	height: 100%;
	color: var(--color-dark-logo);
	font-size: .9em;
	line-height: var(--margin);
	align-content: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.trigger-menu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	justify-content: center;
	padding: 0;
	z-index: 2;
	background: var(--color-bg-body);
	transition: transform .4s;
	display: flex
}
footer {
	background-color: var(--color-dark-logo);
	border-bottom: calc(var(--margin)/ 2) solid var(--color-highlite)
}
footer h2, footer p {
	color: var(--color-bg-body)
}
.navbar-default .container {
	width: auto !important;
	flex: 1
}
@media (min-width:768px) {
	div.navbar-collapse {
		margin-top: 0
	}
	.navbar-nav {
		margin: 0;
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: row
	}
	.navbar-nav li {
		flex: 1;
		float: none
	}
	.trigger-menu-wrapper {
		height: 130px
	}
	#site-navigation {
		bottom: 0
	}
}

@media (min-width:992px) {
	#site-branding {
		margin: 0
	}
	.trigger-menu-wrapper {
		height: 80px
	}
	.trigger-menu-wrapper > .wrap {
		flex-direction: row;
		align-items: center;
		justify-content: space-between
	}
	#site-navigation {
		position: relative;
		right: auto;
		white-space: nowrap;
		flex: 1;
	}
	.menu-main-menu-container > ul {
		display: flex;
		justify-content: center;
		padding-left: 50px;
	}
	ul#menu-main-menu-2 {
		padding-left: 0;
		align-items: center;
	}
	ul#menu-main-menu-2 li {
		flex: 1;
	}
	.trigger-menu-wrapper {
		overflow: hidden
	}
	div.navbar-collapse {
		width: auto;
		margin: var(--margin);
		background-color: transparent
	}
	.menu-main-menu-container li {
		height: 100%
	}
	div.navbar-collapse {
		box-shadow: none
	}
}
aside#widget_cpt_dynamique-16 {
	width: 100%;
	text-align: center
}
#page {
	max-width: none;
	background-color: var(--color-bg-body),
}
div#content {
	padding-top: 80px;
	background-color: var(--color-bg-body),
}
.entry-content > div:not(.fullwidth) {
	max-width: 1280px;
	/*margin: auto auto*/
}
.wp-block-group {
	padding-top: 0;
	padding-bottom: 0
}
.wp-block-columns, .posts-container {
	grid-gap: 0;
	margin-bottom: var(--margin);
	padding-bottom: var(--margin);
	flex-direction: column
}
.posts-container.wrap article:nth-child(even) > div {
    border-right: none;
}
.am__col-3 .am_grid_col, .menu-main-menu-container li, .wp-block-columns > .wp-block-column, nav li,
.posts-container .flex-column {
	border: none;
	margin: 0;
	padding-right: var(--margin);
	padding-left: var(--margin);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	margin-bottom: calc(2 * var(--margin))
}

.menu-main-menu-container li, nav li {
	padding: 0
}

/* TYPE_POST */
.type-post .post-thumbnail {
    aspect-ratio: 1/1;
}
.type-post .post-thumbnail {
    aspect-ratio: 1/1;
}
.type-post img {

    width: 100%;
    height: 100%;
    min-width: 100%;
    margin: 0;
    object-fit: cover;
    min-height: 100%;
}
.post-content {
	flex: 1;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    text-align: left;
    justify-content: center;
}
footer.entry-meta {
    color: #FFF;
    padding: 10px;
    border-bottom: none;
	margin-top: var(--margin);
}
footer.entry-meta > * {
	width: auto;
}
/* LISTE DE POSTS */
.post-text {
	justify-content: flex-start;
}
.autres-posts > * {
	justify-content: flex-start !important;
}
.posts-container {
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	gap: var(-margin);
		}
.posts-container .flex-column {
    flex-direction: column;
	height: 100%;
}
.posts-container article {
	margin-top: var(--margin);
	margin-bottom: var(--margin);
}
.posts-container article h2 {
	border: none;
	margin-bottom: 0;
}
.blog .flex-column > a,
.type-post > a{
    height: 100%;
    display: flex;
    flex-direction: column;
    font-weight: normal;
}
.am__col-3 .am_grid_col:nth-child(3n), .main-header-menu > .menu-item:last-child, body:not(.blog) section.altern .wp-block-columns:nth-child(even) > .wp-block-column:last-child, body:not(.blog) section.altern .wp-block-columns:nth-child(odd) > .wp-block-column:first-child, body:not(.blog) section:not(.altern) .wp-block-columns .wp-block-column:last-child, nav li:last-child, .posts-container .flex-column:nth-child(even) {
	border-right: none !important
}
.am_grid_col::after, .am_single_grid::after, .asr-filter-div ul li::after, .wp-block-columns > .wp-block-column::after,
.posts-container > article .post-text::after {
	content: '';
	display: block;
	width: calc(100% - 2 * var(--margin));
	height: 1px;
	background-color: var(--color-light-grey);
	position: absolute;
	bottom: calc(-1 * var(--margin))
}
.posts-container > article .post-text::after {
	width: 100%;
}
.wp-block-column {
	flex: 1 !important
}
.wp-block-image {
	margin-bottom: 0
}
.lottie-wrapper {
	position: fixed;
	bottom: 50px;
	right: 25px;
	z-index: 1;
	padding: 5px;
	border-radius: 5px
}
@media (min-width:768px) {
	.wp-block-columns {
		flex-direction: row
	}
	.am__col-3 .am_grid_col, .menu-main-menu-container li, .wp-block-columns > .wp-block-column, nav li, .posts-container .flex-column {
		border-right: thin solid var(--color-light-grey)
	}
	.am__col-3 .am_grid_col, .menu-main-menu-container li, .wp-block-columns > .wp-block-column, nav li, .posts-container .flex-column {
		margin-bottom: 0
	}
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
	margin-bottom: 0	
}
blockquote.wp-block-quote {
	border: none;
	font-weight: 700;
	font-size: 1.8em;
	text-align: center;
	display: block;
	width: 100%;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font-family: obvia-wide, sans-serif !important
}
blockquote.wp-block-quote.orange {
	color: var(--color-highlite);
	text-transform: none;
	font-family: obvia, sans-serif !important;
	font-size: 1.3em;
	max-width: 700px;
	margin: calc(var(--margin)/ 4) auto
}
.image-intro .wp-block-cover, .image-intro .wp-block-cover-image {
    min-height: 0;
}
.image-intro .wp-block-cover {
    height: 100%;
    position: relative;
    opacity: 0.3;
}
.image-intro.video .wp-block-cover, .home_baner {
    position: relative;
    height: calc( (100vw / 16) * 9);
}
@media (min-width: 768px) {
.image-intro.video .wp-block-cover, .home_baner {
    margin-bottom: calc(4 * var(--margin));
    max-height: 80vh;
}
}
.image-intro {
	position: relative;

}
.image-intro.accueil_intro {
	position: relative;
	padding-bottom: 100px;
}
.image-intro p {
    font-size: 1.5em;
}
.wp-block-gutenbee-video-bg-wrapper::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: var(--color-bg-body);
	display: block;
	z-index: 100;
	opacity: .3
}
.image-intro::after {
	content: '';
	position: absolute;
	width: 1px;
	left: 50%;
	background-color: var(--color-highlite);
	bottom: calc(-3 * var(--margin));
	top: auto;
	height: calc(3 * var(--margin))
}
@media screen and (min-width:1600px) {
	.image-intro::after {
		bottom: calc(-3 * var(--margin));
		top: auto;
		height: calc(3 * var(--margin))
	}
}
.image-intro img, video {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	height: 100%
}

.image-intro img {
	object-fit: cover;
	width: 90%
}
.content-header h1, .image-intro .wp-block-group blockquote, .image-intro  .wp-block-group h1, h1.has-text-align-center.wrap, h1.page-title,
.image-intro h1 {
	color: var(--color-highlite);
	text-align: center;
	border-bottom: thin solid var(--color-highlite);
	padding-bottom: var(--margin);
	margin: 0 auto var(--margin);
	background: 0 0;
	position: relative;
	display: block;
	overflow: visible;
	width: fit-content;
	font-size: 2.7em !important;
	text-transform: none;
	max-width: 750px
}
@media screen and (min-width: 768px) {
	.content-header h1, .image-intro .wp-block-group blockquote, .image-intro .wp-block-group h1, h1.has-text-align-center.wrap, h1.page-title, .image-intro h1 {
		font-size: 2.7em !important;
	}
}
.image-intro .wp-block-group figure.wp-block-pullquote {
	background-color: transparent !important;
}
.image-intro .wp-block-group .wp-block-pullquote p {
	font-size: inherit;
	font-weight: 300;
	line-height: 1.1em;
	font-family: obvia-wide, sans-serif !important
}
h1.has-text-align-center.wrap, h1.page-title {
	margin: calc(4 * var(--margin)) auto
}
h1.has-text-align-center.wrap::after, h1.has-text-align-center.wrap::before, h1.page-title::after, h1.page-title::before {
	content: '';
	position: absolute;
	background: var(--color-highlite);
	width: 1px;
	left: 50%;
	top: calc(-5 * var(--margin));
	bottom: auto;
	height: calc(4 * var(--margin))
}
h1.has-text-align-center.wrap::after, h1.page-title::after {
	top: auto;
	bottom: calc(-5 * var(--margin))
}
.image-intro.video .wp-block-group {
	display: flex;
	flex-direction: column;
	text-align: center;
	font-weight: bolder !important
}
.image-intro > .wp-block-group .wp-block-group__inner-container > * {
	flex: 1
}
.image-intro > .wp-block-group .wp-block-group__inner-container > p {
	font-weight: bolder;
	margin-top: calc(2 * var(--margin))
}
@media (min-width:768px) {
	.image-intro .wp-block-group {
		position: absolute;
		bottom: 30%;
		left: 50%;
		width: 80vw;
		transform: translate(-50%, 50%)
	}
	.image-intro.accueil_intro > div > .wp-block-group > .wp-block-group {
		bottom: calc(2 * var(--margin));
		position: absolute;
		transform: translate(-50%, 0)
	}
}
.image-intro.accueil_intro .wp-block-group {
	bottom: 0;
	position: absolute;
	transform: none;
	right: 10px !important;
	left: auto
}
.image-intro.accueil_intro > div > .wp-block-group .wp-block-group__inner-container,
.image-intro.accueil_intro h1 {
	text-align: right
}
.image-intro.accueil_intro > .wp-block-group__inner-container {
	padding-bottom: 100px
}
.image-intro.accueil_intro > div > .wp-block-group .wp-block-group__inner-container > * {
	text-align: right
}
@media only screen and (min-aspect-ratio:16 / 8) {
	.image-intro.accueil_intro figure.wp-block-image.size-full.is-resized {
		width: 90vw
	}
	.image-intro.accueil_intro > div > .wp-block-group {
		bottom: 70px !important
	}
	.image-intro::after {
		bottom: calc(-3 * var(--margin));
		top: auto;
		height: calc(3 * var(--margin))
	}
}
.wp-block-pullquote {
	background-color: var(--color-dark-logo) !important;
	height: 100%;
	padding: 0;
	margin: 0;
	color: var(--color-bg-body);
	display: flex;
	align-items: center
}
.wp-block-pullquote blockquote {
	border: none;
	font-size: inherit
}
section.services {
	padding-bottom: calc(2 * var(--margin))
}
.types-services > div {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
	.types-services > div {
		grid-template-columns: repeat(5, 1fr);
	}
}
.types-services > div  {
	text-align: center
}
.types-services figure {
	border-radius: 50%
}
section.clients figure {
	text-align: center;
	padding: var(--margin) var(--margin) calc(var(--margin)/ 2);
	background-color: #fff
}
section.clients figure + figure {
	padding: 0 var(--margin) var(--margin)
}
section.clients figure:first-of-type img {
	max-height: 70px;
	width: auto
}
section.clients figcaption {
	font-size: .8em
}
section.clients blockquote.wp-block-quote {
	text-transform: none;
	font-size: 1em;
	text-align: left;
	font-family: obvia, sans-serif !important;
	font-weight: 400;
	font-style: italic;
    margin-left: var(--margin);
}
section.clients blockquote::after, section.clients blockquote:before {
	content: "“";
	font-family: Georgia;
	font-size: 8rem;
	position: absolute;
	opacity: .5;
	margin: -2rem 0 0 -4rem;
	color: var(--color-highlite)
}
section.clients blockquote::after {
	content: "”";
	margin: -1rem -4rem 0 0
}
section.clients blockquote cite {
	font-style: normal
}
section#pour_vous h2 + p {
	max-width: 700px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}
.logo-twin, .logo-twin img {
	width: 100%;
	height: 100%
}
.types-services img {
	border: 4px solid var(--color-dark-logo);
	width: 120px;
	border-radius: 50%;
}
.text-intro-section {
	padding: calc(2 * var(--margin)) var(--margin)
}
.asr-filter-div {
	text-align: center;
	padding: var(--margin);
	border-bottom: thin solid var(--color-light-grey)
}
.asr-filter-div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	margin: 0 auto;
	width: 100%
}
.asr-ajax-container {
	padding: 0 var(--margin)
}
.am_post_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: minmax(100px, 500px);
	margin: 0;
	overflow: hidden
}
.am__col-3 .am_grid_col {
	max-width: 100%;
	flex: none;
	margin-bottom: var(--margin)
}
.am_single_grid {
	box-shadow: none
}
.am_post_grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: minmax(100px, 500px);
	margin: 0;
	overflow: hidden
}
@media (min-width:992px) {
	.am_post_grid {
		grid-template-columns: repeat(3, 1fr)
	}
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
	margin-left: 0
}
div#main-grid.single-article {
	display: flex;
	flex-direction: column
}
.single-article figure, .single-article figure img {
	position: relative;
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 100%;
}
.single-article figure::after {
	width: 100%
}
.single-article figure {
	margin: 0;
}
div#main-grid.single-article #primary, div#main-grid.single-article #secondary {
	width: 100%
}
div#main-grid.single-article #secondary ul {
	display: flex;
	flex-direction: row
}
div#main-grid.single-article #secondary ul li {
	flex: 1
}
div#main-grid.single-article #secondary ul li a {
	width: 100%;
	height: 100%;
	position: relative
}
.carre figure {
	position: relative
}
@media (min-width:768px) {
	section.altern .wp-block-columns:nth-child(odd) {
		flex-direction: row-reverse !important
	}
	.carre img {
		width: 100%;
		max-width: 100%;
	}
	.carre figure::before {
		content: "";
		display: block;
		padding-top: 100%
	}
	.carre img {
		top: 50%;
		right: auto;
		bottom: auto;
		left: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
		object-fit: contain;
		object-position: center;
		max-width: 100%;
		height: 100%;
		margin-bottom: 0 !important
	}
}
aside {
	max-width: var(--wrap);
	margin: 0 auto
}
aside:last-of-type {
	border-right: none !important
}
aside h2 {
	text-align: center
}
aside ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	list-style: none
}
div#header-widget-area {
    display: flex;
	flex-direction: column-reverse;
    gap: var(--margin);
}
@media only screen and (min-width: 768px) {
	div#header-widget-area {
		flex-direction: row;
	}
}
div#header-widget-area > div {
	flex: 1;
}
.sidebar-footer h1, .sidebar-footer h2, .sidebar-footer h3, .sidebar-pagebottom h2 {
	color: var(--color-bg-body);
	border-color: var(--color-contrast-dark)
}
.sidebar-pagebottom:last-child {
	background-color: var(--color-dark-logo)
}
.sidebar-pagebottom .container ul {
	gap: 100px
}
.sidebar-pagebottom a, footer a {
	color: var(--color-highlite);
	font-weight: 700
}
.projets {
	position: relative;
	margin: 50px 0
}
.liste_projet, .ul_projets {
	list-style: none;
	justify-content: space-around
}
.liste_projet li {
	position: relative;
	flex: none
}
.widget_widget_cpt_dynamique li span {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: calc(var(--margin)/ 2);
	background-color: rgba(255, 255, 255, .7);
	width: 100%
}
#site-credits img {
	width: 80px
}
@media (min-width:768px) {
	.sidebar-pagebottom ul {
		display: flex;
		align-items: center
	}
}
@media (min-width:992px) {
	aside ul {
		display: flex;
		flex-direction: row;
		justify-content: space-between
	}
	aside ul li {
		flex: 1
	}
}
footer .container, footer > * {
	width: 100%;
	max-width: var(--wrap);
	margin: 0 auto
}
aside .container {
	width: 100%;
	margin: 0;
	padding: 0
}
.menu-main-menu-container li {
	text-align: center
}
.sidebar-pagebottom .container ul {
	gap: 0
}
.sidebar-pagebottom .container ul li {
	height: 100%
}
#secondary ul li, footer#colophon.site-footer ul li {
	position: relative
}
.footer-nav-menu a:focus:not(.btn), .footer-nav-menu a:hover:not(.btn), .sidebar-footer a:focus:not(.btn), .sidebar-footer a:hover:not(.btn) {
	color: var(--color-highlite)
}
.after-footer {
	width: 100vw;
	max-width: none;
	flex-direction: column;
    background: #222222;
    color: white;
    font-size: 16px;
}
.after-footer .container {
	flex-direction: column;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	max-width: none
}
.sidebar-pagebottom {
	max-width: var(--wrap);
	margin: var(--margin) auto
}
.sidebar-footer aside.widget, .sidebar-pagebottom aside {
	flex: 1;
	padding: var(--margin)
}
.sidebar-pagebottom .container ul {
	gap: 0
}
.site-credits {
	clear: both
}
#nos-partenaires .wp-block-columns {
	align-items: end
}
#nos-partenaires figcaption {
	font-size: .8em;
	text-align: center;
}
#nos-partenaires .wp-block-column {
	display: flex;
	flex-direction: column
}
#nos-partenaires .wp-block-column .wp-block-image {
	flex: 1
}
#nos-partenaires .wp-block-column p {
	height: 30px
}
.ul_partenaire img.attachment-medium.size-medium.wp-post-image {
	width: 200px;
	max-width: 100%;
	height: auto;
}
#secondary ul li, footer#colophon.site-footer ul li {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}
#footer-navigation ul.dividers > li:nth-child(n+2):before {
	content: "";
	display: inline-block;
	height: 0;
	margin-right: 0;
	border-left: none
}
footer nav li a {
	padding: calc(var(--margin)/ 2) var(--margin)
}
aside > .container > p {
	display: none
}
input, textarea {
	background-color: rgba(255, 255, 255, .1) !important;
	color: var(--color-bg-body) !important;
	border-color: transparent !important;
	transition: all .3s ease;
	width: 100%;
	padding: calc(var(--margin)/ 4);
	font-family: inherit;
}
div[pseudo=placeholder], input::placeholder, textarea::placeholder {
	color: var(--color-bg-body) !important
}
input:focus, input[type=submit], textarea:focus {
	color: var(--color-bg-body) !important;
	transition: all .3s ease;
	border-color: var(--color-highlite) !important
}
span[data-name='your-message'] {
    grid-column-start: 1;
    grid-column-end: end;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	color: #FFF;
}
@media (min-width:992px) {
	footer aside:first-of-type {
		border-right: thin solid var(--color-contrast-dark)
	}
	.sidebar-pagebottom {
		display: flex;
		flex-direction: row
	}
	.sidebar-pagebottom > div {
		flex: 1
	}
}
form > p {
  	display: grid;
	grid-gap: calc( var(--margin)/4 );
  	grid-template-columns: auto;
}
form > p span.your-message,
form > p input {
 	grid-column-start: 1;	
	grid-column-end: end
}

#metier .wp-block-columns,
#equipe .wp-block-columns {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
#metier .wp-block-columns > div,
#equipe .wp-block-columns > div {
	display: flex;
	justify-content: flex-start;
	height: 100%;
}