<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: DBO-Avocats
Description: Theme dÃ©diÃ© au site internet de DBO-Avocats
Version: 1.0
Author: BABAWEB
Author URI: https://www.babaweb.fr/
*/

/* Fonts */
@import url(https://fonts.bunny.net/css?family=playfair-display:400,500,600i,700,800,800i|poppins:400,500,500i,600,700,700i&amp;display=swap);

@font-face {
  font-family: 'icons';
  src: url('assets/fonts/icons/icons.eot?81317296');
  src: url('assets/fonts/icons/icons.eot?81317296#iefix') format('embedded-opentype'),
    url('assets/fonts/icons/icons.woff2?81317296') format('woff2'),
    url('assets/fonts/icons/icons.woff?81317296') format('woff'),
    url('assets/fonts/icons/icons.ttf?81317296') format('truetype'),
    url('assets/fonts/icons/icons.svg?81317296#icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* CSS Reset */
*, *::before, *::after { box-sizing: border-box; padding: 0; border: 0; border-radius: 0; margin: 0; background: none; text-align: inherit; text-decoration: none; font: inherit; color: inherit; list-style: none; outline: none;} input, button, select, textarea { -webkit-appearance: none; -moz-appearance: none;} a, button { overflow: visible; cursor: pointer;}

/* Accessibility */
.screen-reader-text,
.screen-reader-response {
  display: block;
  width: 0;
  height: 0;

  position: absolute;

  opacity: 0;
  overflow: hidden;
}

:root {
  --header-height: 120px;
  --viewport-height: 100vh;

  /* Families */
  --title: 'playfair display';
  --labor: 'poppins', sans-serif;

  /* Sizes */
  --text--xs: 0.75rem; /* 12 */
  --text--sm: 0.875rem; /* 14 */
  --text--base: 1rem; /* 16 */
  --text--md: 1.25rem; /* 20 */
  --text--2md: 1.5rem; /* 24 */
  --text--3md: 1.625rem; /* 26 */
  --text--lg: 1.875rem; /* 30 */
  --text--2lg: 2.5rem; /* 40 */
  --text--3lg: 3rem; /* 48 */
  --text--4lg: 3.125rem; /* 50 */
  --text--xl: 3.75rem; /* 60 */
  --text--2xl: 4.375rem; /* 70 */
  --text--3xl: 5.625rem; /* 90 */
  --text--huge: 12.5rem; /* 200 */
  --text--2huge: 31.25rem; /* 500 */

  --text--huge-mobile: 9rem; /* 200 */
  --text--2huge-mobile: 24rem; /* 500 */

  --text--lg-width: 6vw;
  --text--2lg-width: 9vw;
  --text--huge-width: 24vw;
  --text--2huge-width: 65vw;

  /* Headings */
  --h1: var(--text--xl);
  --h2: var(--text--2lg);
  --h3: var(--text--lg);
  --h4: var(--text--2md);
  --h5: var(--text--md);
  --h6: var(--text--base);

  /* Container width */
  --max--l: 1280px;
  --max--m: 1060px;
  
  --lat-pad: 3.75rem;

	/* Colors */
  --dark-blue-grad: #0F1A37;
  --blue: #233D7F;
  --border-blue: #1f356d;
  --blue-alpha: #233d7f4d;
  --blue-alpha-2: #233d7f66;
  --light-blue-grad: #2F50A4;
  --alt-blue: #3C69DB;
  --white-grey: #f9f9f9;
  --light-grey-alt: #F5F5F5;
  --light-grey: #D9D9D9;
  --grey-text: #6B6D7A;
  --grey-text-alt: #808080;
  --light-beige: #E4D8C7;
  --grey-beige: #BFBBB6;
  --grey-back: #585a5f;
  --beige: #C2B6A5;
  --dark-beige: #8A7D6A;
  --background-beige: #F5EDE1;
  --background-beige-grad: linear-gradient(to top, var(--background-beige), transparent);
  --white-grad: linear-gradient(to top, var(--white), transparent);
  --blue-grad: linear-gradient(to bottom right, var(--dark-blue-grad), var(--light-blue-grad));
  --blue-grad-invert: linear-gradient(to top left, var(--dark-blue-grad), var(--light-blue-grad));
  --grey-grad: linear-gradient(180deg, rgba(233, 236, 246, 0.1) 0%, #E9ECF6 100%);
  --red-form: #bd1313;
  --green-form: #2cb933;

  --black: #222328;
  --white: #FFF;
}

.grecaptcha-badge{
	visibility: collapse !important;
}

body {
  display: flex;
  width: 100%;
  min-height: var(--viewport-height);

  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  
  font-family: var(--labor);
  font-size: var(--text--base);
  font-weight: 500;
  line-height: 1.5;
  color: var(--black);
}

/* Icons */
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="js-css-icon-"]:before,
[class*=" js-css-icon-"]:before {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  -webkit-font-Soothing: antialiased;
  -moz-osx-font-Soothing: grayscale;
}

.icon-plus:before { content: '\e800'; } /* 'î&nbsp;€' */
.icon-home:before { content: '\e801'; } /* 'î&nbsp;' */
.icon-sigle-logo:before { content: '\e802'; } /* 'î&nbsp;‚' */
.icon-call:before { content: '\e803'; } /* 'î&nbsp;ƒ' */
.icon-fax:before { content: '\e804'; } /* 'î&nbsp;„' */
.icon-linkedin:before { content: '\f0e1'; } /* 'ïƒ¡' */
.icon-angle-down:before { content: '\f107'; } /* 'ï„‡' */
.icon-calendar:before { content: '\e809'; } /* 'î&nbsp;‰' */
.icon-mail:before { content: '\e807'; } /* 'î&nbsp;‡' */
.icon-cancel:before, .js-css-icon-cancel:before { content: '\e805'; } /* 'î&nbsp;…' */
.icon-menu:before, .js-css-icon-menu:before { content: '\f0c9'; } /* 'ïƒ‰' */

/* Text */
b,
strong {
	font-weight: 700;
}

em,
i {
	font-style: italic;
}

u {
	text-decoration: underline;
}

sup,
sub {
  font-size: .5em;
  line-height: 1;
}

.h1,
.formatted h1,
.h2,
.formatted h2,
.h3,
.formatted h3,
.h4,
.formatted h4,
.h5,
.formatted h5,
.h6,
.formatted h6{
  font-family: var(--title);
  font-weight: 400;
  color: var(--blue);
}

.h1,
.formatted h1 {
  background: var(--blue-grad);
  font-size: var(--h1);
  font-weight: 400;
  text-transform: uppercase;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  line-height: 1.16em;
}

.h2,
.formatted h2 {
  font-size: var(--h2);
  font-weight: 700;
}

.h3,
.formatted h3 {
  font-size: var(--h3);
  font-weight: 700;
}

.h4,
.formatted h4 {
  font-size: var(--h4);
  font-weight: 700;
}

.h5,
.formatted h5 {
  font-size: var(--h5);
  font-weight: 700;
  color: var(--black);
}

.h6,
.formatted h6 {
  font-size: var(--h6);
  font-weight: 700;
  color: var(--black);
}

.formatted p{
  line-height: 1.75em;
}

.formatted p:not(:first-child),
.formatted ul:not(:first-child),
.formatted ol:not(:first-child),
.formatted h2:not(:first-child),
.formatted h3:not(:first-child),
.formatted h4:not(:first-child) {
  margin-top: 1em;
}

.formatted h5:not(:first-child),
.formatted h6:not(:first-child) {
  margin-top: .75em;
}

.formatted ol,
.formatted ul {
  padding: 0 0 0 1em;
}

.formatted li {
  margin-bottom: 0.625rem;
  position: relative;
}

.formatted li ul,
.formatted li ol {
  margin-top: 0.625rem;
}

.formatted li ul li,
.formatted li ol li {
  color: var(--grey-text);
}

.formatted li::before,
.formatted ol li ul li::before {
  content: '';
  display: block;
  height: 0.625rem;
  width: 0.625rem;
  background-color: var(--blue);
  border-radius: 5px 0px 5px 0px;
  position: absolute;
  left: -1.25rem;
  margin-top: 0.45rem;
  color: var(--blue);
}

.formatted ol {
  counter-reset: list-counter;
}

.formatted ol &gt; li {
  counter-increment: list-counter;
}

.formatted ol li::before {
  content: counter(list-counter);
  height: 0;
  width: 0;
  margin-top: 0;
}

.formatted li ul li::before,
.formatted li ol li::before,
.formatted ol li ul li::before {
  background-color: var(--beige);
  color: var(--grey-text);
}

.formatted a:not([class]) {
  color: var(--blue);
  text-decoration: underline;
  font-weight: 700;
}

.formatted a:not([class]):hover {
  opacity: 0.8;
}

.formatted img,
.formatted iframe {
  display: block;
  max-width: 100%;
}

.formatted figure{
  margin: 1rem auto;
  max-width: 735px;
}

.formatted img,
.formatted .wp-block-video video {
  height: auto;
  width: 100%;
}

.formatted .wp-video{
  margin: 1rem auto;
  width: 100% !important;
  max-width: 735px;
}

.formatted .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper{
  position: relative;
}

.formatted .wp-block-embed.is-provider-youtube .wp-block-embed__wrapper::before{
  content: '';
  display: block;
  padding-top: 60%;
}

.formatted .wp-block-embed.is-provider-youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.text--beige{
  color: var(--beige);
}

.text--dark-beige{
  color: var(--dark-beige);
}

.text--blue{
  color: var(--blue);
}

.text--center{
  text-align: center;
}

/* Buttons */
.btn-container{
  display: flex;
  justify-content: center;
}
.grid + .btn-container{
  margin-top: 3.75rem;
}
.btn{
  text-transform: uppercase;
  text-align: center;
  font-size: var(--text--sm);
  font-weight: 500;
  font-family: var(--labor);
  color: var(--white);
  background: var(--blue);
  transition: 0.15s;
  display: inline-flex;
  padding: 1.285em 3.6em;
}
.btn:hover{
  background: var(--dark-beige);
}
.btn--radius{
  border-top-left-radius: 1.43em;
  border-bottom-right-radius: 1.43em;
}

/* Images */
.media--contain,
.media--cover {
  position: relative;

  overflow: hidden;
}

.media--contain img,
.media--cover img,
.media--contain video,
.media--cover video {
  display: block;
  width: auto;
  height: auto;

  position: absolute;
  top: -10000%;
  left: -10000%;
  bottom: -10000%;
  right: -10000%;

  margin: auto;
}

.media--contain img,
.media--contain video {
  max-width: 100%;
  max-height: 100%;
}

.media--cover img,
.media--cover video {
  min-width: 1000%;
  min-height: 1000%;
  
	transform: scale(.1);
}

/* Sliders */
.slick-list,
.slick-track {
  display: flex;

  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.slick-list {
  width: 100%;

  overflow: hidden;
}

/* General */
.bottom-svg::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 14.25%;
  background-image: var(--svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.6;
}
.background-image {
  background-image: var(--background-image);
  background-position: center;
  background-size: cover;
  background-color: var(--dark-beige);
}
.gradient-text {
  background: var(--blue-grad);
  color: transparent;

  background-clip: text;
  -webkit-background-clip: text;
}
.emphasis-block{
  display: inline-block;
  width: 100%;
  line-height: 1em;
}
.emphasis-block.h1--alt-thin{
  line-height: 1.3em;
}
.container{
  width: 100%;
}
.container-inner{
  margin: auto;
  width: 100%;
  padding: 0 var(--lat-pad);
  max-width: calc( var(--container-width) + ( 2 * var(--lat-pad) ) );
}
.container-inner--l{
  --container-width: var(--max--l);
}
.container-inner--m{
  --container-width: var(--max--m);
}

/* Main - Aside */
.main-aside {
  display: flex;
}
.main-aside .main {
  width: 100%;
}
.main-aside .aside {
  padding-left: 130px;
  margin-left: auto;
  flex: 0 0 545px;
}
.main-aside .aside &gt; div + div,
.main-aside .aside &gt; span + div{
  margin-top: 3.75rem;
}

/* Mono */
.mono + .border-block {
  margin: auto;
  margin-top: 3.75rem;
  max-width: 845px;
}

/* Page */
.page{
  width: 100%;
  position: relative;
}
.page-content{
  margin-top: 3.125rem;
  margin-bottom: 120px;
  z-index: 1;
  position: relative;
}
.page-center{
  display: flex;
}
.page-aside{
  flex: 0 0 412px;
  margin-left: 130px;
}
.page--gradient-background{
  background: var(--background-beige-grad);
}
.page--top-hologram::before,
.page--bottom-hologram::after{
  content: '\e802';
  display: block;
  font-size: 26rem;
  font-family: 'icons';
  text-stroke: 1px var(--dark-beige);
  -webkit-text-stroke: 1px var(--dark-beige);
  color: transparent;
  position: absolute;
  opacity: 0.4;
  line-height: 1;
}
.page--top-hologram::before{
  right: 0rem;
  top: -2rem;
  overflow: hidden;
  width: 21rem;
}
.page--bottom-hologram::after{
  left: -7.5rem;
  bottom: -2rem;
}
.side-hologram{
  background-image: var(--background-image);
  background-position: center;
  background-size: contain;
  transform: rotate(-90deg);
  transform-origin: center;
  position: absolute;
  right: -470px;
  top: 970px;
  width: 1100px;
  height: 160px;
}

/* Grid */
.grid {
  --columns-numbers: 1;
  --columns-gap: 1.25em;
  display: flex;
  flex-wrap: wrap;
  gap: var(--columns-gap);
}

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

.grid--2-col {
  --columns-numbers: 2;
}

.grid--3-col {
  --columns-numbers: 3;
}

.grid--4-col {
  --columns-numbers: 4;
}

.grid .grid-item {
  width: calc( (100% - ( var(--columns-gap) * ( var(--columns-numbers) - 1) ) ) / var(--columns-numbers) );
}

.page-content .grid{
  margin-top: 3.75rem;
}

/* Page-top */
.page-top {
  padding: 0 var(--lat-pad);
  padding-top: 1.25rem;
  position: relative;
  display: flex;
  justify-content: center;
}

/* Filter */
.filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid var(--beige);
  margin-top: 2.1875rem;
	padding-bottom: .625rem;
	gap: 10px 40px;
}
.filter .title {
  color: var(--black);
  display: inline-block;
}
.filter-label {
  color: var(--dark-beige);
  cursor: pointer;
  transition: .1s;
  display: inline-block;
}
.filter-label:hover {
  color: var(--beige);
}
.filter-input:checked + .filter-label {
  color: var(--blue);
}

/* Hero */
.hero-picture::before,
.hero-picture--gradient::after {
  content: '';
  display: block;
  height: 460px;
  width: calc( 100% - (2 * var(--lat-pad)) );
  position: absolute;
  z-index: -1;
  top: 0;
}
.hero-picture::before {
  background-image: var(--background-image);
  background-size: cover;
  background-position: center;
}
.hero-picture--gradient::after {
  background: var(--white-grad);
}

/* Page content top */
.page-content-top .text{
  font-size: var(--text--sm);
  line-height: 1.5em;
  max-width: 630px;
  margin-top: 1.43em;
}

/* Breadcrumb */
.breadcrumb {
  text-align: right;
  font-size: var(--text--sm);
}
.breadcrumb &gt; span{
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.breadcrumb &gt; span &gt; span {
  display: inline-flex;
  align-items: center;
  color: var(--blue);
}
.breadcrumb &gt; span &gt; span::before {
  content: '';
  display: block;
  height: 1px;
  width: 1em;
  background: var(--beige);
  margin: 0 1em;
}
.breadcrumb &gt; span &gt; span:nth-of-type(1)::before {
  content: unset;
}
.breadcrumb &gt; span &gt; span:nth-of-type(1) &gt; a {
  font-size: 0;
}
.breadcrumb &gt; span &gt; span:nth-of-type(1) &gt; a::before {
  content: '\e801';
  font-family: 'icons';
  font-size: var(--text--base);
  display: block;
  color: transparent;
  text-stroke: 2px var(--dark-beige);
  -webkit-text-stroke: 2px var(--dark-beige);
}

/* Border Block */
.border-block {
  border: 1px solid var(--light-beige);
  border-radius: 1.25em;
  padding: 3.125em 2.5em;
  font-size: 1rem;
  color: var(--dark-beige);
  background: var(--white);
}
.border-block--strong-padding {
  padding: 3.75em;
}
.border-block--col{
  display: flex;
}
.border-block--col &gt; div:first-of-type{
  margin-right: 1.5625rem;
}
.border-block--col .btn-container{
  flex: 0 0 auto;
}
.border-block .title{
  color: var(--blue);
  font-family: var(--title);
  font-size: var(--text--lg);
  font-weight: 700;
}
.border-block .sub-title{
  color: var(--blue);
  font-weight: 500;
  display: inline-block;
}
.border-block .sub-title span + span{
  margin-left: 1.25rem;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.border-block .sub-title span + span::before{
  content: '';
  display: block;
  border-radius: 1rem;
  height: .1875em;
  width: .1875em;
  position: absolute;
  left: -.85rem;
  background-color: var(--dark-beige);
}
.border-block .content{
  font-size: var(--text--sm);
}
.border-block *+.content{
  margin-top: 1.4285em;
}
.border-block .btn-container{
  margin-top: 0;
}
.border-block *+.btn-container{
  margin-top: 1.25em;
}
.border-block .btn--radius{
  padding: 1.285em 2.143em;
  margin: auto;
}
.border-block .address {
  padding: 2.143em 0;
  border-bottom: 1px solid var(--light-beige);
}
.border-block .address .inner{
  font-size: var(--text--sm);
}
.border-block .address .inner .icon{
  margin-right: 0.5em;
}
.border-block .address .inner div{
  margin-top: .357em;
}
.border-block .address .inner div:first-of-type{
  margin-top: 0;
}
.border-block .address &gt; div + div{
  margin-top: .7143em;
}
.border-block .address:first-of-type {
  padding-top: 0;
}
.border-block .address:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.border-block .address .sub-title {
  font-size: var(--text--md);
}

/* Dropdown */
.dropdown {
  box-sizing: border-box;
  margin-top: 5px;
}
*+.dropdown {
  margin-top: 1.875rem;
}
.dropdown .summary {
  outline: none;
  padding: 0.625rem 1.25rem;
  display: flex;
  justify-content: space-between;
  background: var(--blue-grad);
  position: relative;
  cursor: pointer;

  border-top-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;

  color: white;
  font-family: var(--title);
  font-size: var(--text--2md);
}
.dropdown .summary::-webkit-details-marker {
  display:none;
}
.dropdown .summary .icon{
  transition: .25s transform ease;
}
.dropdown[open] .summary .icon{
  transform: rotate(90deg);
}
.dropdown .content {
  border-top: none;
  padding-top: 1.875rem;
  padding-left: 1.875rem;
  border-left: 2px solid var(--border-blue);
}

/* Sup-line */
.sup-title{
  display: flex;
  align-items: center;
  min-height: 1.875rem;
}
.sup-title .sup-title-text{
  font-size: var(--text--md);
  color: var(--dark-beige);
  flex: 0 0 auto;
}
.sup-title--line::after{
  content: '';
  display: block;
  background-color: var(--light-grey);
  width: 100%;
  height: 1px;
}
.sup-title-text{
  margin-right: 2.5rem;
}

/* Card */
.card-item {
  padding: 2.5rem;
  padding-bottom: 4.375rem;
  border-radius: 1.25rem;
  background-color: var(--light-beige);
  overflow: hidden;
  display: block;
  position: relative;
}
.card-item--logo::before {
  content: '\e802';
  font-family: 'icons';
  font-size: 17rem;
  position: absolute;
  color: transparent;
  top: -5.5rem;
  right: 0rem;
  text-stroke: 0.75px var(--white);
  -webkit-text-stroke: 0.75px var(--white);
  opacity: 0.6;
}
.card-inner {
  position: relative;
  z-index: 1;
  font-size: 0.875rem;
  display: flex;
	gap: 1.25rem;
  flex-direction: column;
  height: 100%;
}
.card-item .title {
  font-family: var(--title);
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--dark-beige);
  display: inline-block;
  width: 100%;
  transition: 0.35s color;
}
.card-item .undertitle {
  display: flex;
  align-items: center;
}
.card-item .undertitle .text{
  color: var(--dark-beige);
  margin-right: 1.25rem;
  transition: 0.35s color;
}
.card-item .undertitle::after {
  content: "";
  display: block;
  background: var(--dark-beige);
  height: 1px;
  width: 1.875rem;
  transform: scale(1, 1);
  transform-origin: left;
  transition:
    0.35s transform ease-in-out 0.2s,
    0.35s background;
}
.card-item .content {
  margin-top: 2.5rem;
  transition: 0.35s color;
}
.card-item .date {
  display: flex;
  font-size: var(--text--sm);
  color: var(--black);
  transition: color .15s;
  margin-top: auto;
}
.card-item .date .icon {
  color: var(--dark-beige);
  margin-right: .715em;
  transition: color .15s;
}
.card-item .icon::after {
  opacity: 0;
  transform: translateY(20px);
  transition:
    0.4s opacity ease-in-out 0.3s,
    0.4s transform ease-in-out 0.3s;
}
.card-item .icon.background::before {
  text-stroke: 0.75px var(--white);
  -webkit-text-stroke: 0.75px var(--white);
  font-size: 20rem;
  color: transparent;
  right: -0.75rem;
  bottom: -2rem;
  position: absolute;
  opacity: 0.4;
}
.card-item--text-bottom .content {
  margin-top: auto;
  padding-top: 1.25em;
}
.card-item:hover .title{
  color: var(--white);
}
.card-item:hover .content{
  color: var(--white);
}
.card-item:hover .undertitle .text{
  color: var(--white);
}
.card-item:hover .undertitle::after{
  background: var(--white);
  transform: scale(4, 1);
}
.card-item:hover .icon::after {
  opacity: 0.1;
  transform: translateY(0px);
}
.card-item:hover .date,
.card-item:hover .date .icon {
  color: var(--white);
}

/* Blue layer */
.blue-layer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
  width: 3.75rem;
  position: absolute;
  background: var(--blue);
  border-top-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  right: 0;
  bottom: 0;
  color: var(--white);
  transition: 
    0.3s background linear,
    0.3s height ease-in-out,
    0.3s width ease-in-out;
}
.blue-layer::before {
  position: absolute;
  bottom: 1rem;
}
.card-item:hover .blue-layer,
.portrait:hover .blue-layer
{
  height: 100%;
  width: 100%;
}

/* Portrait */
.portrait{
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
}
.portrait.grid-item{
  border-bottom-left-radius: 0;
}
.portrait .blue-layer{
  position: absolute;
  bottom: 0;
}
.portrait .figure::before{
  content: '';
  display: block;
  padding-top: 126%;
}
.portrait .identity{
  color: var(--white);
  background: var(--dark-beige);
  padding: 1rem 1.5625rem;
  display: flex;
	flex-direction: row;
	gap:0 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
	max-width: calc(100% - 60px);
}
.portrait .identity b{
  text-transform: uppercase;
}
.portrait:hover .blue-layer--alpha {
  background: var(--blue-alpha);
}
.portrait .icon::before {
  bottom: unset;
}

/* Bottom text */
.bottom-text{
  width: 100%;
  max-width: 630px;
  margin: auto;
  margin-top: 120px;
  padding-top: 2.143em;
  font-size: var(--text--sm);
  border-top: 1px solid var(--light-beige);
}

/* Emphasis Title */
.emphasis-title,
.emphasis-title p{
  font-family: var(--title);
}
.emphasis-title-block{
  display: inline-block;
  width: 100%;
  line-height: 1.3em;
  text-transform: uppercase;
  font-size: var(--text--2lg);
  font-weight: 400;
  font-style: normal;
}
.emphasis-title-block strong{
  font-size: var(--text--4lg);
  font-weight: 800;
}
.emphasis-title-block.gradient-text{
  line-height: 1em;
  font-weight: 700;
  font-size: var(--text--3lg);
}
.emphasis-title-block:last-of-type{
  padding-bottom: 0.5rem;
  padding-left: 0.2rem;
}

/* Thumbnail placeholder */
.thumbnail-placeholder{}
.post-hero .thumbnail-placeholder{
  height: 750px;
  background: var(--blue-grad);
  display: flex;
  justify-content: center;
  position: relative;
}
.post-hero .thumbnail-placeholder .figure{
  position: absolute;
  top: 90px;
  width: 340px;
  height: unset;
}
.thumbnail-placeholder .figure::before{
  content: '';
  display: block;
  padding-top: 60%;
}

/* Bottom gallery */
.bottom-gallery{
  display: flex;
  padding: 0 var(--lat-pad);
  margin-top: 120px;
}
.bottom-gallery .figure{
  width: 100%;
  margin-left: 1.25rem;
  max-height: 610px;
}
.bottom-gallery .figure:first-of-type{
  margin-left: 0;
}
.bottom-gallery .figure::before{
  content: '';
  display: block;
  padding-top: 64.5%;
}

/* Header */
.header{
  display: flex;
  width: 100%;
  position: sticky;
  z-index: 10;
  top: 0;
  background: var(--white);
}
.header .left {
  flex: 0 0 450px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: var(--white);
}
/* Logo */
.header .logo-link {
  padding-top: 0.75rem;
  padding-bottom: 0.3rem;
  display: inline-block;
  width: 100%;
}
.header .logo-image {
  height: 100px;
  margin: auto;
  display: block;
}
/* Mobile btn */
.header .js-css-menu-mobile-btn {
  display: none;
  height: 0;
  width: 0;
  border-radius: 2rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.header .js-css-menu-mobile-btn::before {
  content: '';
  width: 3rem;
  height: 3rem;
  border-radius: 2rem;
  display: block;
  position: absolute;
}
.header .js-css-menu-mobile-btn .icon{
  color: var(--beige);
  font-size: 2rem;
  position: relative;
}
.header .js-css-menu-mobile-btn .icon-cancel{
  font-size: 1.5rem;
}
/* Navigation */
.header .navigation {
  background: var(--blue-grad);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.75rem;
}
.header .list {
  display: flex;
  align-items: center;
}
.header .item {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}
.header .item:last-of-type {
  margin-right: 0;
}
.header .item::after {
  content: '';
  display: block;
  height: 0.875rem;
  width: 2px;
  background: var(--dark-beige);
  position: absolute;
  right: -6px;
}
.header .item:last-of-type::after {
  content: unset;
}
.header .link {
  text-transform: uppercase;
  font-size: 0.875rem;
  color: var(--white);
  letter-spacing: 1.25px;

  display: inline-block;

  padding: 1.25rem 0.55rem;

  position: relative;
  z-index: 1;
}
.header .link::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;

  display: block;
  width: 100%;
  height: 100%;

  transition: 0.2s;
  transform: scale(1, 0.5);
  opacity: 0;

  border-top: 1px solid var(--alt-blue);
  border-bottom: 1px solid var(--alt-blue);
}
.header .link:hover::before {
  transform: scale(1, 1);
  opacity: 1;
}
.header .link:active::before,
.header .link--current::before {
  transform: scale(1, 0.9);
  opacity: 1;
}

/* Homepage */
.homepage-landing {
  height: 860px;
  display: flex;
  position: relative;
}
.homepage-landing .top-left-text {
  color: var(--white);
  font-family: var(--labor);
  font-size: var(--text--sm);
  font-weight: 600;
  line-height: 2.25em;
  text-align: center;
  width: 450px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: .5em;
}
.homepage-landing .container-inner {
  width: 100%;
  max-width: calc(50% + 150px);
}
.homepage-landing .emphasis {
  font-family: var(--title);
  font-size: var(--text--xl);
  font-weight: 400;
  text-transform: uppercase;
  color: var(--blue);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 100px;
  position: relative;
}
.homepage-landing .emphasis .line {
  position: relative;
  backdrop-filter: blur(2px);
  padding: 0 0.5rem;
  margin-bottom: 0.2rem;
  line-height: 1.5em;
  background-color: #FFFFFF66;
}
.homepage-landing .emphasis .small {
  position: absolute;
  top: 0;
  right: 100%;
  padding: 0 0.5rem;
  white-space: nowrap;
  text-transform: none;
  font-size: var(--text--2lg);
  font-weight: 400;
  backdrop-filter: blur(2px);
  background-color: #FFFFFF66;
}
.homepage-landing .emphasis .big {
  font-family: var(--labor);
  font-size: var(--text--huge);
  font-weight: 700;
  color: var(--white);
  position: absolute;
  left: -14rem;
  display: flex;
}
[data-stroke]::before {
  content: attr(data-stroke);
  text-stroke: 1px var(--white);
  -webkit-text-stroke: 1px var(--white);
  font-size: var(--text--2huge);
  font-family: var(--labor);
  font-weight: 700;
  color: transparent;
  position: absolute;
  bottom: -0.45em;
  left: -0.55em;
}

.homepage-numbers{
  overflow: hidden;
  background: var(--blue-grad);
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  position: relative;
}
.homepage-numbers .container-inner{
  position: relative;
  z-index: 1;
}
.homepage-numbers::after{
  content: '\e802';
  font-family: 'icons';
  font-size: 50rem;
  color: var(--alt-blue);;
  z-index: 0;
  position: absolute;
  top: -25rem;
  right: -15rem;
  opacity: 0.1;
}
.numbers-list {
  margin-top: 120px;
  margin-bottom: 90px;
  display: flex;
}
.number-item {
  text-align: center;
  width: 100%;
  margin-right: 1.25rem;
  color: var(--white);
}
.number-item:last-of-type {
  margin-right: 0;
}
.number-item .number {
  font-family: var(--labor);
  font-size: var(--text--xl);
  font-style: italic;
  font-weight: 700;
  line-height: 1em;
}
.number-item .text {
  font-family: var(--labor);
  font-size: var(--text--md);
  font-weight: 400;
  text-transform: uppercase;
  margin-top: .75rem;
}
.numbers-underlist {
  display: flex;
  justify-content: center;
}
.numbers-underlist .text {
  display: inline-block;
  width: auto;
  
  text-align: center;

  margin: auto;
  padding: 0 145px;
  padding-top: 1rem;
  border-top: 1px solid var(--white);

  font-family: var(--labor);
  font-size: var(--text--3md);
  font-weight: 600;
  color: var(--white);
}

.homepage-emphasis{
  padding-top: 5rem;
  padding-bottom: 6.25rem;
  position: relative;
  overflow: hidden;
}
.homepage-emphasis::before{
  content: attr(data-before-text);
  
  white-space: pre-wrap;
  color: var(--grey-text-alt);
  line-height: 1em;

  font-size: var(--text--3xl);
  font-family: var(--title);

  text-transform: uppercase;
  
  opacity: 0.1;

  position: absolute;
  bottom: 0.625rem;
  left: 3.75rem;
}
.homepage-emphasis::after{
  content: '\e802';
  font-family: 'icons';
  font-size: 25rem;
  color: transparent;
  opacity: 0.4;

  text-stroke: 0.75px var(--dark-beige);
  -webkit-text-stroke: 0.75px var(--dark-beige);

  position: absolute;
  z-index: 0;
  top: -10rem;
  right: -8rem;
}
.homepage-emphasis .container-inner{
  display: flex;
  align-items: flex-end;
}
.homepage-emphasis .sup-title{
  margin-bottom: 3.125rem;
}
.homepage-emphasis .text{
  flex: 0 0 270px;
  margin-left: 3.75rem;
}

.homepage-emphasis-pictures {
  display: flex;
  position: relative;
}
.homepage-emphasis-pictures::before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--grey-grad);
  position: absolute;
	z-index: 0;
}
.homepage-emphasis-pictures .left,
.homepage-emphasis-pictures .right {
  width: 50%;
	z-index: 1;
}
.homepage-emphasis-pictures .left {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.homepage-emphasis-pictures .picture {
  width: 412px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  margin-bottom: -120px;
  margin-left: 15%;
}
.homepage-emphasis-pictures .picture::before {
  content: '';
  display: block;
  padding-top: 121.5%;
}
.homepage-emphasis-pictures .right {
  backdrop-filter: blur(10px);
  padding: 150px 120px;
  display: flex;
  align-items: center;
}
.homepage-emphasis-pictures .right::before {
  content: attr(data-before-text);
  white-space: pre-wrap;
  font-size: var(--text--3xl);
  font-family: var(--title);
  text-transform: uppercase;
  letter-spacing: -0.025em;
  color: var(--grey-text-alt);
  opacity: 0.1;
  position: absolute;
  margin-left: -0.75em;
  line-height: 1.2;
}
.homepage-emphasis-pictures .right-inner {
  width: 100%;
  max-width: 520px;
}
.homepage-emphasis-pictures .right-inner .text {
  margin-top: 1.25em;
  white-space: pre-line;
}
.homepage-emphasis-pictures .emphasis-title-block.gradient-text{
  font-size: var(--text--lg);
}

.homepage-links{
  padding: 120px 0;
}

/* Default page */
.page-template-default .hero-picture::before,
.page-template-default .hero-picture::after{
  height: 560px;
}
.page-template-default .page-content{
  margin-top: 5rem;
}
.page-template-default .hero-picture + .page-content{
  margin-top: 315px;
}

.page-template-default .mono{
  margin-top: 3.125rem;
}

/* Practical sheets listing page */
.page-template-page-practical-sheets .hero-picture::before,
.page-template-page-practical-sheets .hero-picture::after{
  height: 560px;
}

.page-template-page-practical-sheets .page-content{
  margin-top: 315px;
}

/* Expertises listig page */
.page-template-page-expertises .hero-picture::before,
.page-template-page-expertises .hero-picture::after{
  height: 560px;
}

.page-template-page-expertises .page-content{
  margin-top: 290px;
}

/* Actualities listing page */
.blog .card-item{
  min-height: 450px;
}
.blog .card-item .title{
  font-weight: 500;
	text-transform: none;
}
.blog .page-content{
  margin-top: 315px;
}

/* Team listing page */
.page-template-page-team .page-content{
  margin-top: 340px;
}
/* Committee listing page */
.content-committee {
	margin-top: 120px;
}

/* Single team &amp; Single Committee */
.single-team .page-content,
.single-committee .page-content {
  margin-top: 310px;
}
.single-team .sup-title,
.single-committee .sup-title{
  margin-bottom: -0.75em;
}
.single-team .main-aside,
.single-committee .main-aside{
  margin-top: 3.75rem;
}
.single-team .hero-portrait-mobile,
.single-committee .hero-portrait-mobile {
  display: none;
}


/* Single sheets */
.single-sheets .page-content{
  margin-top: 5em;
}
.single-sheets .page-content .sup-title{
  margin-bottom: 1.25rem;
}
.single-sheets .main-aside{
  margin-top: 2.1875rem;
}
.single-sheets .page-content-top .sup-title{
  margin-bottom: 2.5rem;
}
.single-sheets .border-block .content {
  margin-bottom: 1.785em;
}
.single-sheets .border-block .title {
  margin-bottom: 0.833em;
  line-height: 1.2;
  font-size: var(--text--3md);
}

/* Single expertises */
.single-expertises .page-content-top .sup-title{
  margin-bottom: 2.5rem;
}
.single-expertises .mono{
  margin-top: 3.125rem;
}

/* Single actu */
.single-post {
  --bottom-overflow: 150px;
}
.single-post .breadcrumb &gt; span &gt; span {
  color: var(--white);
}
.single-post .breadcrumb &gt; span &gt; span::before {
  background: var(--white);
}
.single-post .page-top{
  position: absolute;
  top: 0;
  z-index: 1;
}
.post-hero .figure{
  height: 750px;
}
.post-hero{
  position: relative;
}
.post-hero .title-container{
  padding: 0 var(--lat-pad);
  padding-top: 3.75em;
  padding-bottom: calc( 1.25em + var(--bottom-overflow) );
  background: var(--blue-alpha-2);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.post-hero .title-container .h1{
  color: var(--white);
  display: block;
  margin: auto;
  width: 100%;
  max-width: var(--max--m);
}
.single-post .page-content{
  margin-top: 0;
}
.single-post .mono{
  margin-top: calc( var(--bottom-overflow) * -1 );
  padding: 2.5rem;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  background: var(--white);
}
.single-post .date{
  display: inline-block;
  margin-bottom: 2.857em;
  font-size: var(--text--sm);
  font-weight: 600;
}
.single-post .date .icon{
  margin-right: .7143em;
  font-size: 1rem;
}

/* Form pages */
.page-template-page-contact-form .hero-picture::before,
.page-template-page-contact-form .hero-picture::after{
  height: 560px;
}
.page-template-page-contact-form .page-content{
  margin-top: 315px;
}
.page-template-page-contact-form .main-aside {
  margin-top: 1.5625rem;
}
.page-template-page-contact-form .lateral{
  white-space: pre-line;
}
.wpcf7 {
  margin-top: 1.25em;
}
.wpcf7-form {
  position: relative;
}
.wpcf7-form-control-wrap {
  position: relative;
}
.form-row{
  display: flex;
  gap: 1.25em;
  margin-bottom: 1.25em;
}
.form-row p,
.form-row .form-item {
  width: 100%;
}
.form-row p br{
  display: none;
}
.form-row .form-item .name{
  display: inline-block;
  width: 100%;
  margin-bottom: .625em;
}
.wpcf7-form .btn{
  margin: auto;
}
.wpcf7-text,
.wpcf7-textarea,
.file-field {
  width: 100%;
  padding: .75em 1.25em;
  border: 1px solid var(--light-beige);
  border-radius: 0.625em;
  color: var(--dark-blue);
  background: var(--white-grey);
  display: inline-block;
}
.wpcf7-text::placeholder,
.wpcf7-textarea::placeholder,
.file-field .placeholder {
  color: var(--grey-beige);
  opacity: 1;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus,
.js-css-file-field--focus {
  border: 1px solid var(--dark-beige);
}
.wpcf7-acceptance label{
  display: flex;
  align-items: center;
}
.wpcf7-acceptance label input::before{
  content: '';
  display: block;
  height: 1.25em;
  width: 1.25em;
  border: 1px solid var(--light-beige);
  margin-right: 1.25em;
}
.wpcf7-acceptance label input:focus::before{
  background: var(--light-beige);
  border: 1px solid var(--dark-beige);
}
.wpcf7-acceptance label input:checked::before{
  background: var(--blue);
}
.wpcf7-form .btn[type=submit]{
  background: var(--blue-grad);
  width: 100%;
  padding: .857em 1.4285em;
  border-radius: .71428em;
  margin-top: 1.4285em;
  position: relative;
  overflow: hidden;
}
.wpcf7-form .btn[type=submit]::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--blue-grad-invert);
  opacity: 0;
  transition: opacity 0.15s;
}
.wpcf7-form input[type='file']{
  display: none;
}
.file-field{
  display: inline-flex;
  align-items: center;
  padding-left: 0.357em;
  cursor: pointer;
}
.file-field .btn{
  padding: .65em 1.1em;
  margin: -1rem 0;
  border-radius: .357rem;
  text-transform: unset;
}
.file-field .placeholder{
  margin-left: 1rem;
}
.file-field .js-css-placeholder--filled{
  color: var(--black);
}
.wpcf7-form input[type='file'].wpcf7-not-valid + .file-field,
.wpcf7-form input[type='file'].wpcf7-not-valid + br + .file-field{
  border: 1px solid var(--red-form);
}
.wpcf7-form .btn[type=submit]:hover::before{
  opacity: 1;
}
.wpcf7-form .btn[type=submit] .text{
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 1;
}
.wpcf7-not-valid {
  border: 1px solid var(--red-form);
}
.wpcf7-not-valid-tip {
  color: var(--red-form);
  font-size: var(--text--sm);
}
.wpcf7-response-output {
  position: absolute;
  top: calc(100% + 1em);
  padding: 1.25em;
  color: var(--white);
  font-size: .875rem;
  border-radius: .625em;
  margin: auto;
  width: 100%;
  text-align: center;
}
[data-status="invalid"] .wpcf7-response-output,
[data-status="unaccepted"] .wpcf7-response-output {
  background: var(--red-form);
}
[data-status="sent"] .wpcf7-response-output {
  background: var(--green-form);
}

/* Footer */
.footer {
  display: flex;
  width: 100%;
  margin-top: auto;
  z-index: 1;
}
/* Logo */
.footer .left {
  flex: 0 0 420px;
  
  display: flex;
  flex-direction: column;
}
.footer .left .logo-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--light-grey-alt);
  padding: 1.5rem;
}
.footer .left .logo {
  height: 150px;
}
/* LinkedIn link */
.footer .left .linkedin-link {
  background: var(--blue-grad);
  text-align: center;
  padding: 1.8rem 0;
  position: relative;
}
.footer .left .linkedin-link::before {
  content: '';
  display: block;
  background: var(--blue-grad-invert);
  width: 100%;
  height: 100%;

  position: absolute;
  top: 0;
  left: 0;
  
  transition: 0.2s;
  opacity: 0;
}
.footer .left .linkedin-link:hover::before {
  opacity: 1;
}
.footer .left .linkedin-link .icon {
  position: relative;
  z-index: 1;

  font-size: 1.5625rem;
  color: transparent;
  text-stroke: 0.5px var(--white);
  -webkit-text-stroke: 0.5px var(--white);
}
/* Menus */
.footer .right {
  width: 100%;
  background-color: var(--light-beige);
  padding: 2rem;
  padding-top: 3.75rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}
.footer .right::before {
  content: '\e802';
  font-family: 'icons';
  font-size: 22rem;
  position: absolute;
  color: transparent;
  top: -15rem;
  right: -3rem;
  text-stroke: 0.75px var(--beige);
  -webkit-text-stroke: 0.75px var(--beige);
  opacity: 0.6;
}
.footer .right-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.footer .right .sup-title {
  display: inline-block;
  margin-bottom: 1.875rem;
}
.footer .right .sup-title b{
  font-weight: 600;
  text-transform: uppercase;
}
.footer .right .list {
  display: grid;
  gap: .625rem;
}
.footer .right .navigation {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.footer .right .navigation .left-column {
  margin-right: 1.25rem;
}
.footer .right .navigation .text {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0.25rem 0;
  display: inline-block;
}
.footer .right .navigation .text--big {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 500;
}
.footer .right .navigation .link:hover {
  text-decoration: underline;
}
.footer .credits{
  margin-top: 2.5rem;
}

/* Laptop */
@media (max-width: 1500px) {
  .header .left {
    flex: 0 0 330px;
  }
  
  .header .logo-image {
    height: 80px;
  }
  .header .item {
    margin-right: 5px;
  }
  .header .link {
    padding: 1.25rem 0.35rem;
  }
  .header .item::after {
    right: -3.5px;
  }

  /* Homepage */
  .homepage-landing .top-left-text{
    width: 330px;
  }
  .homepage-emphasis-pictures .left{
    width: 45%;
  }
  .homepage-emphasis-pictures .right{
    width: 55%;
    padding: 85px 70px;
  }
  .homepage-emphasis-pictures .picture {
    width: 370px;
    margin-bottom: -50px;
    margin-left: 10%;
  }
  .homepage-emphasis-pictures .right::before {
    font-size: var(--text--2xl);
  }
  .numbers-list {
    margin-top: 100px;
    margin-bottom: 75px;
  }
  .number-item .number {
    font-size: var(--text--4lg);
  }
  .homepage-links .grid{
    --columns-numbers: 2;
  }
}
/* Small Screen */
@media (max-width: 1380px) {
	.portrait .identity {
		flex-direction: column;
	}
}

/* Tablet */
@media (max-width: 1279px) {

  :root{
    --lat-pad: 2.5rem;

    /* Headings */
    --h1: var(--text--2lg);
    --h2: var(--text--lg);
    --h3: var(--text--3md);
  }

  /* General */
  .hero-picture::before,
  .hero-picture--gradient::after {
    width: 100%;
  }

  /* Header */
  .header{
    justify-content: space-between;
    align-items: center;
  }
  .header .left{
    flex: 0 0 100%;
    padding-right: 2.5rem;
  }
  .header .logo-link {
    width: 330px;
  }
  .header .js-css-menu-mobile-btn {
    display: flex;
  }
  .header .navigation {
    opacity: 0;
		align-items: flex-start;

    visibility: hidden;

    position: absolute;
    top: 100%;
    z-index: -1;
    
    height: calc(100vh - 100%);

    transition: 0.35s;
    transform: translateY(-50px);
  }
  .header .js-navigation--open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
  }
  .header .list {
    flex-direction: column;
  }
  .header .item {
    align-items: unset;
    justify-content: center;
  }
  .header .item::after {
    height: 2px;
    width: 0.875rem;
    right: unset;
    bottom: 0px;
  }
  .header .link {
    font-size: 1.25rem;
    padding: 0.55rem 1.25rem;
    margin: 0.7rem 0;
		text-align: center;
  }
  .header .link::before {
    transform: scale(0.5, 1);
    
    border-top: unset;
    border-bottom: unset;

    border-left: 1px solid var(--alt-blue);
    border-right: 1px solid var(--alt-blue);
  }
  .header .link:active::before,
  .header .link--current::before {
    transform: scale(0.95, 1);
  }

  /* Border block */
  .border-block,
  .border-block--strong-padding {
    padding: 2.5em;
  }

  /* Homepage */
  .homepage-landing .container-inner{
    max-width: calc(25% + 150px);
  }
  .homepage-landing {
    height: 740px;
  }
  .emphasis-title-block strong{
    font-size: var(--text--3lg);
  }
  .homepage-emphasis .container-inner {
    flex-direction: column;
  }
  .homepage-emphasis .sup-title {
    margin-bottom: 1.25rem;
  }
  .homepage-emphasis .text {
    flex: unset;
    margin-top: 2.5rem;
    margin-left: 0;
    max-width: 600px;
  }

  /* Actualities listing page */
  .blog .page-content .grid {
    --columns-numbers: 3;
  }

  /* Form pages */
  .page-template-page-contact-form .main-aside .aside {
    padding-left: 60px;
    flex: 0 0 400px;
  }

	/* sheets */
	.filter {
		gap: 10px 20px;
	}

  /* Single sheets */
  .single-sheets .main-aside .aside {
    padding-left: 60px;
    flex: 0 0 400px;
  }

  /* Single team &amp; Single committee */
  .single-team .main-aside .aside,
	.single-committee .main-aside .aside {
    padding-left: 60px;
    flex: 0 0 400px;
  }

  /* Footer */
  .footer .left {
    flex: 0 0 30%;
  }
  .footer .right {
    padding-left: 3.25rem;
    padding-bottom: 3.75rem;
  }
  .footer .right-inner {
    max-width: 450px;
  }
}

@media (max-width: 950px) {
  .page--top-hologram::before,
  .page--bottom-hologram::after {
    font-size: 16rem;
  }
  .page--top-hologram::before {
    top: 0;
    width: 15rem;
  }

  /* Bottom gallery */
  .bottom-gallery {
    margin-top: 3.75rem;
  }

  /* Homepage */
  .homepage-emphasis-pictures .right {
    width: 75%;
    padding-left: 50px;
  }
  .homepage-emphasis-pictures .right::before {
    width: 75%;
  }
  .homepage-emphasis-pictures .right-inner {
    max-width: unset;
  }
  .homepage-emphasis-pictures .right-inner .text{
    width: 75%;
    margin-left: auto;
  }
  .homepage-emphasis-pictures .left {
    width: 25%;
    align-items: center;
  }
  .homepage-emphasis-pictures .right::before {
    width: 75%;
    margin-left: 15%;
    font-size: var(--text--xl);
  }
  .homepage-emphasis-pictures .picture {
    margin-bottom: -460px;
    margin-right: -65%;
  }
  .homepage-links {
    padding: 80px 0;
  }

  /* Form pages */
  .page-template-page-contact-form .main-aside {
    flex-direction: column-reverse;
		gap: 20px;
  }
  .page-template-page-contact-form .main-aside .aside {
    padding-left: 0;
    display: flex;
  }
  .page-template-page-contact-form .main-aside div {
    width: 100%;
  }
  .page-template-page-contact-form .aside {
    margin-top: 3.75rem;
  }
  .page-template-page-contact-form .aside &gt; div + div {
    margin-left: 2.5rem;
    margin-top: 0;
  }

  /* Default page */
  .page-template-default .hero-picture + .page-content {
    margin-top: 150px;
  }
  .page-template-default .hero-picture::before, .page-template-default .hero-picture::after {
    height: 250px;
  }

  /* Actualities listing page */
  .blog .page-content .grid {
    --columns-numbers: 2;
  }

  /* Single sheets */
  .single-sheets .main-aside {
    flex-direction: column;
  }
  .single-sheets .main-aside .aside {
    padding-left: 0;
    margin: auto;
    width: 100%;
    max-width: 500px;
    flex: unset;
    margin-top: 3.75rem;
  }
  .single-sheets .main-aside .aside &gt; div + div,
  .single-sheets .main-aside .aside &gt; span + div {
    margin-top: 2.5rem;
  }

  /* Single team &amp; Single committee */
  .single-team .page--top-hologram::before,
	.single-committee .page--top-hologram::before{
    display: none;
  }
  .single-team .sup-title,
	.single-committee .sup-title {
    margin-bottom: unset;
  }
  .single-team .main-aside,
	.single-committee .main-aside {
    flex-direction: column-reverse;
  }
  .single-team .main-aside .aside,
	.single-committee .main-aside .aside {
    padding-left: 0px;
    flex: unset;
		width: 100%;
  }
  .single-team .main-aside .main,
	.single-committee .main-aside .main {
    margin-top: 2.5rem;
  }
  .single-team .main-aside .aside &gt; div + div,
  .single-team .main-aside .aside &gt; span + div,
	.single-committee .main-aside .aside &gt; div + div,
  .single-committee .main-aside .aside &gt; span + div{{
    margin-top: 2.5rem;
  }
  .single-team .aside .portrait,
	.single-committee .aside .portrait{
    display: none;
  }
  .single-team .hero-portrait-mobile,
	.single-committee .hero-portrait-mobile{
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: var(--grey-back);
  }
  .single-team .hero-portrait-mobile .picture,
	.single-committee .hero-portrait-mobile .picture{
    width: 100%;
    max-width: 550px;
		max-height: max-content;
  }
  .single-team .hero-portrait-mobile::before,
	.single-committee .hero-portrait-mobile::before{
    content: '';
    display: none;
    padding-top: 125%;
  }
  .single-team .hero-portrait-mobile::after,
	.single-committee .hero-portrait-mobile::after{
    content: '';
    display: block;
    height: 75%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--white-grad);
  }
  .single-team .hero-picture::before,
	.single-committee .hero-picture::before {
    display: none;
  }
  .single-team .hero-picture--gradient::after,
	.single-committee .hero-picture--gradient::after {
    display: none;
  }
  .single-team .main-aside,
	.single-committee .main-aside {
    margin-top: 2.5rem;
  }
  .single-team .border-block .sub-title,
  .single-team .border-block .content,
  .single-committee .border-block .sub-title,
  .single-committee .border-block .content{
    text-align: center;
    width: 100%;
  }
  .single-team .page-content,
	.single-committee .page-content {
    margin-top: 480px;
  }

  /* Single actu */
  .single-post {
    --bottom-overflow: 1.25rem;
  }
  .single-post .post-hero .figure,
  .single-post .post-hero .thumbnail-placeholder {
    height: 420px;
  }
  .single-post .post-hero .thumbnail-placeholder .figure {
    height: unset;
    width: 250px;
  }
  .single-post .container-inner{
    padding: 0;
  }
  .single-post .mono {
    padding: 1.875rem;
  }
  .single-post .post-hero .title-container {
    padding-top: 1.875rem;
  }
  .single-post .post-hero .title-container .h1 {
    font-size: var(--text--2md);
		text-transform: none;
  }

  /* Team listing page */
  .page-template-page-team .page-content .grid {
    --columns-numbers: 2;
  }
}

/* Mobile */
@media (max-width: 767px) {
  :root{
    --lat-pad: 1.25rem;
  }
  .footer{
    flex-direction: column;
  }
	.footer .left .logo {
		height: 75px;
	}
  .footer .left .linkedin-link{
    padding: 1rem 0;
  }
  .footer .right {
    padding: 3.75rem 3.25rem;
  }

  /* General */
  .border-block--col {
    flex-direction: column;
  }
  .border-block--col &gt; div:first-of-type {
    margin-right: 0;
  }
  .border-block--col .sub-title,
  .border-block--col .content{
    text-align: center;
    width: 100%;
  }

  /* Bottom text */
  .bottom-text {
    margin-top: 3.75rem;
  }

  /* Homepage */
  .homepage-landing .top-left-text {
    width: 100%;
  }
  .homepage-landing .container-inner {
    max-width: 150px;
  }
  .homepage-landing .emphasis {
    font-size: var(--text--3lg);
  }
  .homepage-landing .emphasis .small{
    font-size: var(--text--lg);
  }
  .homepage-landing .emphasis .big {
    font-size: var(--text--huge-mobile);
    left: -11rem;
  }
  [data-stroke]::before {
    font-size: var(--text--2huge-mobile);
    left: -0.65em;
  }
  .emphasis-title-block {
    font-size: var(--text--lg);
  }
  .emphasis-title-block strong,
  .emphasis-title-block.gradient-text {
    font-size: var(--text--2lg);
  }
  .homepage-emphasis .text {
    margin-top: 1.25rem;
  }
  .homepage-emphasis-pictures .left {
    display: none;
  }
  .homepage-emphasis-pictures .right {
    width: 100%;
    padding: 3.125rem var(--lat-pad);
  }
  .homepage-emphasis-pictures .right-inner .text{
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-top: 0;
  }
  .homepage-emphasis-pictures .right::before {
    display: none;
  }
  .homepage-emphasis::before {
    font-size: var(--text--xl);
    left: 1.25rem;
  }
  .numbers-list {
    flex-direction: column;
  }
  .number-item {
    margin-left: unset;
    margin: auto;
    margin-bottom: 3.125rem;
    max-width: 450px;
  }
  .number-item:last-of-type {
    margin-bottom: 0;
    margin-right: auto;
  }
  .numbers-list {
    margin-top: 1.875rem;
    margin-bottom: 3.125rem;
  }
  .numbers-underlist .text {
    width: 100%;
    max-width: 510px;
    padding: unset;
  }

  /* Form pages */
  .page-template-page-contact-form .page-content {
    margin-top: 150px;
  }
  .page-template-page-contact-form .hero-picture::before,
  .page-template-page-contact-form .hero-picture::after {
    height: 350px;
  }
  .page-template-page-contact-form .main-aside .aside {
    display: block;
  }
  .page-template-page-contact-form .aside &gt; div + div {
    margin-top: 1.875rem;
    margin-left: 0;
  }

  /* Practical sheets listing page */
  .page-template-page-practical-sheets .hero-picture::before,
  .page-template-page-practical-sheets .hero-picture::after {
    height: 350px;
  }
  .page-template-page-practical-sheets .page-content {
    margin-top: 150px;
  }
  .page-template-page-practical-sheets .page-content .grid {
    --columns-numbers: 1;
    margin-top: 1.875rem;
  }

  /* Expertises listig page */
  .page-template-page-expertises .page-content .grid {
    --columns-numbers: 1;
    margin-top: 1.875rem;
  }
  .page-template-page-expertises .hero-picture::before,
  .page-template-page-expertises .hero-picture::after {
    height: 350px;
  }
  .page-template-page-expertises .page-content {
    margin-top: 150px;
  }

  /* Team listing page */
  .page-template-page-team .hero-picture::before,
  .page-template-page-team .hero-picture::after {
    height: 350px;
  }
  .page-template-page-team .page-content {
    margin-top: 150px;
  }
  .page-template-page-team .page-content .grid {
    margin-top: 1.875rem;
  }

  /* Actualities listing page */
  .blog .hero-picture::before,
  .blog .hero-picture::after {
    height: 350px;
  }
  .blog .page-content {
    margin-top: 150px;
  }
  .blog .page-content .grid {
    --columns-numbers: 1;
    margin-top: 1.875rem;
  }
  .blog .card-item {
    min-height: unset;
  }
  .blog .card-item .date {
    margin-top: 1.25rem;
  }

  /* Default page */
  .page-template-default .mono {
    margin-top: 1.875rem;
  }
  .page-content {
    margin-bottom: 3.75rem;
  }

  /* Single expertises */
  .single-expertises .mono {
    margin-top: 1.875rem;
  }
  .single-expertises .page-content-top .sup-title {
    margin-bottom: 0;
  }

  /* Single sheets */
  .single-sheets .page-content-top .sup-title,
  .single-sheets .page-content .sup-title {
    margin-bottom: 0;
  }
  .single-team .main-aside,
	.single-committee .main-aside {
    margin-top: 1.875rem;
  }
  .border-block, .border-block--strong-padding {
    padding: 1.875em 1.25rem;
  }

  /* Footer */
  .footer .right-inner {
    max-width: 530px;
  }
}

@media (max-width: 600px) {

  /* General */
.media--contain--mobile{
  position: relative;
  overflow: hidden;
}

.media--contain--mobile img,
.media--contain--mobile video {
  display: block;
  width: auto;
  height: auto;

  position: absolute;
  top: -10000%;
  left: -10000%;
  bottom: -10000%;
  right: -10000%;

  margin: auto;
}

.media--contain--mobile img,
.media--contain--mobile video {
  max-width: 100%;
  max-height: 100%;
}

  /* Homepage */
  .homepage-links .grid {
    --columns-numbers: 1;
  }
  .homepage-landing .emphasis {
    font-size: var(--text--2lg-width);
  }
  .homepage-landing .emphasis .small{
    font-size: var(--text--lg-width);
  }
  .homepage-landing .emphasis .big {
    font-size: var(--text--huge-width);
    left: -30vw;
  }
  [data-stroke]::before {
    font-size: var(--text--2huge-width);
    left: -42vw;
  }

  /* Bottom gallery */
  .bottom-gallery {
    flex-direction: column;
  }
  .bottom-gallery .figure {
    margin-left: 0;
    margin-top: 1.25rem;
  }
  .bottom-gallery .figure:first-of-type {
    margin-top: 0;
  }

  /* Form pages */
  .form-row {
    flex-direction: column;
  }

  /* Single team */
  .single-team .page-content,
  .single-committee .page-content {
    margin-top: 90%;
  }
  .single-team .hero-portrait-mobile,
  .single-committee .hero-portrait-mobile{
    display: block;
  }
  .single-team .hero-portrait-mobile::before,
  .single-committee .hero-portrait-mobile::before{
    display: block;
  }

  /* Team listing page */
  .page-template-page-team .page-content .grid {
    --columns-numbers: 1;
  }
}

@media (max-width: 420px) {
	.header .logo-link {
		width: auto;
		margin-left: 20px;
	}
	.header .logo-image {
		height: 60px;
	}
  .emphasis-title-block.gradient-text,
  .emphasis-title-block strong {
    font-size: var(--text--lg);
  }
  .footer .right {
    padding: 2rem;
  }
  .footer .right .sup-title {
    margin-bottom: 1rem;
  }
  .footer .right .navigation{
    flex-direction: column;
    align-items: flex-start;
  }
  .footer .right .navigation .left-column {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .footer .right .navigation .credits {
    margin-top: 1rem;
  }
  .footer .right .navigation .credits .item{
    display: inline-block;
  }
  .footer .right .navigation .credits .item:first-of-type{
    margin-left: 0;
  }
}</pre></body></html>