@font-face {
	font-family: 'AkzidGroCFFReg';
	src: url('../fonts/AkzidGroCFFReg.woff') format('woff'), url('../fonts/AkzidGroCFFReg.ttf') format('truetype'), url('../fonts/AkzidGroCFFReg.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidGroCFFBol';
	src: url('../fonts/AkzidGroCFFBol.woff') format('woff'), url('../fonts/AkzidGroCFFBol.ttf') format('truetype'), url('../fonts/AkzidGroCFFBol.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidGroCFFBolCn';
	src: url('../fonts/AkzidGroCFFBolCn.woff') format('woff'), url('../fonts/AkzidGroCFFBolCn.ttf') format('truetype'), url('../fonts/AkzidGroCFFBolCn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidGroCFFIt';
	src: url('../fonts/AkzidGroCFFIt.woff') format('woff'), url('../fonts/AkzidGroCFFIt.ttf') format('truetype'), url('../fonts/AkzidGroCFFIt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidGroCFFLig';
	src: url('../fonts/AkzidGroCFFLig.woff') format('woff'), url('../fonts/AkzidGroCFFLig.ttf') format('truetype'), url('../fonts/AkzidGroCFFLig.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidGroCFFLigIt';
	src: url('../fonts/AkzidGroCFFLigIt.woff') format('woff'), url('../fonts/AkzidGroCFFLigIt.ttf') format('truetype'), url('../fonts/AkzidGroCFFLigIt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidGroCFFMd';
	src: url('../fonts/AkzidGroCFFMd.woff') format('woff'), url('../fonts/AkzidGroCFFMd.ttf') format('truetype'), url('../fonts/AkzidGroCFFMd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AkzidGroCFFMdCn';
	src: url('../fonts/AkzidGroCFFMdCn.woff') format('woff'), url('../fonts/AkzidGroCFFMdCn.ttf') format('truetype'), url('../fonts/AkzidGroCFFMdCn.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {height:100%; margin:0;}
.flex-container {display: flex; min-height: 100vh; flex-direction: column;}
.flex-container-main {flex: 1;}
article {padding-right:50px;}
h1.entry-title {font-size: 34px; font-family: 'AkzidGroCFFMd'; margin:0 0 30px 0;}

a, a:focus, a:active, a:visited {outline:none;}
a:visited {color: inherit;}
ul.bullet-list {list-style:disc;  margin:0 0 30px 15px;}
ul.bullet-list li {line-height:1em; margin-bottom:2px;}
/*.embedresize, figure.wp-block-embed-youtube, figure.wp-block-embed-vimeo {max-width: 800px; margin: auto;}
.embedresize div, figure.wp-block-embed-youtube div, figure.wp-block-embed-vimeo div {position:relative; height:0; padding-bottom:56.25%;}
.embedresize iframe, figure.wp-block-embed-youtube iframe, figure.wp-block-embed-vimeo iframe {position:absolute; top:0; left:0; width:100%; height:100%;}*/
.formobile {display:none;}
.notformobile {display:inline-block;; width:100%;}
img.img-fluid {width:100%; height:auto;}
.post, .page, .home.page {margin: 0!important;}
a.post-edit-link {text-transform:uppercase; background-color:#0000ff; padding:8px 25px; color:#fff;}
a.post-edit-link:hover {background-color:#000; }
input[type="submit"], input[type="reset"], input[type="button"] { background: #0000ff; border: #0000ff; color: #fff; font-size: 1em; font-weight: 600; padding: 8px 25px;}

.dropdown-box-item-body {display:none; width:100%;} 
#mobile-homelink-area {display: none;}

#header {height:110px; background-color:#fff;}
body #header {height:150px;}
#header .container {height:100%;}
#flying-typo-side-d {background:url("../images/flying-typo-side-d.svg"); background-repeat:no-repeat; background-position: 0; background-size:100%; width:85px; height:126px; display:inline-block; position:fixed; top:100px; right:0; z-index:31; pointer-events: none;}
#flying-typo-side-d  h1 {  writing-mode: vertical-rl; /* Rend le texte vertical */ text-orientation: mixed; transform: rotate(0deg); transform-origin: right center; top:150px; position:absolute; left:10px; font-size:40px; font-family: 'AkzidGroCFFMd'; text-transform: lowercase;}

#main-banner {background:url("../images/flying-typo-top-g.svg"); background-repeat:no-repeat; background-position:100% -2px; background-size:82px; display:flex; flex-wrap:wrap; flex-direction:row; width:100%; height:100%;}

#banner-logo  {display:flex; width:25%; height:100%; }
#banner-logo a {width:55%; min-width:115px; align-self:center;}

#banner-main-menu { display: flex; height: 100%; width: 75%; justify-content: flex-end; align-items: center; padding-right: 140px;}
#banner-main-menu ul,  #banner-main-menu li {padding: 0; margin: 0; display: inline-block;}
#banner-main-menu li { width: auto; height: 100%; text-align: center; margin-right: 80px; }
#banner-main-menu li:last-child {margin-right: 0;}
#banner-main-menu li a { display: inline-block; width: 100%; height: 100%; position: relative; /* Ajout pour permettre le positionnement absolu du soulignement */}
#banner-main-menu li a .linklabel { font-family: 'AkzidGroCFFMd'; text-transform: lowercase; font-size: 16px; padding-bottom: 10px; /* Valeur constante */ color: rgb(0,0,41); display: inline-block; text-align: center; transition: color 0.3s ease; /* Transition uniquement sur la couleur */ position: relative; /* Pour le positionnement de la bordure */}
#banner-main-menu li a:focus .linklabel, #banner-main-menu li a:active .linklabel, #banner-main-menu li a:visited .linklabel {color: rgb(0,0,41); text-decoration: none;}
#banner-main-menu li a .linklabel::after {content: ''; position: absolute; bottom: 0; left: 0; width: 0; /* Commence à 0 de largeur */ height: 5px; background-color: #0000ff; transition: width 0.3s ease; /* Transition sur la largeur */}
#banner-main-menu li a:hover .linklabel {color: #000;}
#banner-main-menu li a:hover .linklabel::after {width: 100%; /* S'étend à 100% au survol */ }
body.page-id-9 #menu-item-20 .linklabel::after, body.actus-template-default #menu-item-20 .linklabel::after, body.page-id-11 #menu-item-31 .linklabel::after, body.presse-template-default #menu-item-31 .linklabel::after, body.page-id-13 #menu-item-23 .linklabel::after, body.oeuvre-template-default #menu-item-23 .linklabel::after, body.page-id-15 #menu-item-21 .linklabel::after, body.page-id-17 #menu-item-26 .linklabel::after {width: 100%; }

footer {margin-bottom:50px;}
.footer-panel {visibility: hidden; transition: visibility 0s 0.6s;}
.footer-panel .row {margin-bottom:0!important;}
.footer-panel.cd-panel--is-visible {visibility: visible; transition: visibility 0s 0s;}
.cd-panel__container {position:fixed; width:100%; height:60px; bottom:0; transition: transform 0.3s 0.3s; background-color: #0000ff; color:#fff;}
.cd-panel--from-right .cd-panel__container {right: 0; transform: translate3d(100%, 0, 0);}
.cd-panel--from-left .cd-panel__container {left: 0; transform: translate3d(-100%, 0, 0);}
.cd-panel--is-visible .cd-panel__container {transform: translate3d(0, 0, 0); transition-delay: 0s; z-index: 20;}
.cd-panel__close {position:absolute; left:20px; top:20px; height:30px; width:30px; display: inline-block;}
.cd-panel__close img {transform: rotate(45deg); pointer-events: none; width: 75%;}
#footer-call {position:relative; left:20px; bottom:20px; height:24px; width:24px; display: inline-block;}

#footer-cells {display:flex; font-size:13px; line-height:1.2em; margin-top:15px;}
.footer-cell {width:25%; display:flex;}
.footer-cell:nth-child(4) {width:15%;}
.footer-cell:nth-child(5) {width:10%; justify-content: flex-end; }
.footer-cell a {color:#fff;}
.footer-cell a:hover {text-decoration: underline;}

#footer-location .picto {background:url("../images/common-pictos.svg"); background-size:600%; background-position:-7px -7px; width:22px; height:30px; display:inline-block; background-repeat:no-repeat; margin-right:4px;}
#footer-email .picto {background:url("../images/common-pictos.svg"); background-size:470%; background-position:-42px -9px; width:26px; height:28px; display:inline-block; background-repeat:no-repeat; margin-right:7px;}
#footer-newsletter .picto {background:url("../images/common-pictos.svg"); background-size:500%; background-position:-86px -3px; width:24px; height:28px; display:inline-block; background-repeat:no-repeat; margin-right:8px; position:relative; top:-10px;}

#footer-social-networks  {position:absolute; top:1.5em; right:0; font-family:'Subjectivity-Bold'; font-size: 0.6em; line-height:0.8em; text-transform: uppercase; letter-spacing: 2px; display:flex; flex-direction:column}
#footer-social-networks ul, #footer-social-networks li {margin:0; padding:0; display:inline-block; line-height: .5em;}
#footer-social-networks ul {width:100%;}
#footer-social-networks #social-facebook, #footer-social-networks #social-twitter, #footer-social-networks #social-instagram {width:20px; height:20px; overflow: hidden; display: inline-block;}
#footer-social-networks #social-facebook {background:url("../images/social-pictos.svg"); background-size:1250%; background-position:-232px 0; width: 22px; height: 30px; display:inline-block; background-repeat:no-repeat;}
#footer-social-networks #social-twitter {background:url("../images/social-pictos.svg"); background-size:1250%; background-position:-209px 0; width: 22px; height: 30px; display:inline-block; background-repeat:no-repeat;}
#footer-social-networks #social-instagram {background:url("../images/social-pictos.svg"); background-size:1250%; background-position:-256px 0; width: 22px; height: 30px; display:inline-block; background-repeat:no-repeat;}

#credits, #credits a {color: rgba(255,255,255,0.5); font-size: .9em;}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky { position:fixed; top:0; width:100%; z-index:30; transition:all 1s ease-out; animation:slide-down 1s;}
@keyframes slide-down {
	0% 	 { opacity: 0; transform: translateY(-100%);} 
    100% { opacity: 1; transform: translateY(0);} 
}
.sticky #banner-logo img {width:100%;}
#header.sticky {height:115px; background-color:rgb(231, 231, 231);}

.more-info-link, .more-info-link:visited {height:30px; width:30px; display: inline-block;}
.more-info-link:hover, .more-info-link:focus, .more-info-link:active {fill:#0000ff;}

#main-content {padding:3em 0; background-color:#fff; position:relative; top:0;}

.button-std {color:#fff; background-color:#0000ff; padding:8px 20px; font-size:20px; display: inline-block;}
.button-std:hover {color:#fff; background-color:#000;}
.button-std:visited {color:#fff;}

/* Oeuvre - détail */
.oeuvre-row {display:flex; flex-wrap:wrap; margin-bottom: 50px;}
.oeuvre-row h2 {font-size: 21px; line-height: 1em; font-family: 'AkzidGroCFFMd'; margin:0 0 12px 0; color: #00f;}
.oeuvre-column {width:50%; padding-right:5%; display: flex; flex-direction: column;}
.oeuvre-column-vcenter {justify-content: center;}
.oeuvre-title, .press-title {font-family: 'AkzidGroCFFMd'; font-size:42px; padding:0; margin:0 0 10px 0; line-height:1em; color: #00f;}
#oeuvre-tagline, #press-tagline {font-size:26px; padding:0; margin:0 0 10px 0; line-height:1em; color: #00f;}
#oeuvre-publisher {margin-top:30px;}
.oeuvre-year-of-publication, .oeuvre-publisher {font-size:21px; line-height:1em;}
#oeuvre-main-picture img {width:100%; aspect-ratio:16 / 11; object-fit:cover;}
#oeuvre-book-cover img {max-width: 300px;}

#oeuvre-related-press-list li {padding:0; margin:0; }
.oeuvre-related-press-item {display:flex; flex-direction:row; flex-wrap:wrap; width:100%; padding:5px 0; border-bottom:1px solid #000;}
.oeuvre-related-press-item:hover {border-bottom:1px solid #0000ff; background-color: #0000ff; color:#fff;}
.oeuvre-related-press-item-cell {padding: 0 3px;}
.oeuvre-related-press-item-cell:first-child {padding-right:20px; width: 20%;}
.oeuvre-related-press-item-cell:last-child {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; width: 80%;}

#oeuvre-related-actus-list {margin-bottom: 40px;}
#oeuvre-related-press-list ul, #oeuvre-related-actus-list ul {border-top:solid 1px #000;}


/* Oeuvre - liste */
#oeuvres-grid {display:flex; width:100%; flex-wrap:wrap; margin-top:40px;}
#oeuvres-filters {width:30%; display:flex; flex-direction:column;}
#oeuvres-listing {width:70%}   

.oeuvre-item {display:flex; flex-direction:row; width:100%; justify-content: space-between; margin-bottom:20px; border-bottom: 4px solid #000; padding-bottom: 30px;}
.oeuvre-item:hover {background-color: #f4f4f4;}
.oeuvre-item-picture {width:16%;}
.oeuvre-item-picture img {max-width:300px; width:100%; margin:10px; border:1px solid #aea8a8;}
.oeuvre-item-data {width:80%; display:flex; flex-direction:column; justify-content:space-between;}
.oeuvre-item-plus-holder {text-align:right; padding:0 10px 10px 0;}
.oeuvre-item-plus-holder img {width:25px; height:25px;}
.oeuvre-item-title {width:100%; display:flex; flex-direction:row; justify-content:space-between;}
.oeuvre-item-title h2 {width:70%; font-family: 'AkzidGroCFFMd'; font-size:38px; padding:0; margin:5px 0 10px 0; line-height:1em; color: #00f;}
.oeuvre-item-publisher {width:30%; justify-content:flex-end; display:flex; flex-direction:column; text-align:right; margin-right:10px;}
.oeuvre-item-summary {width:70%; color: #00f;}

#oeuvres-filters button {background-color: #fff; padding: 4px 10px; font-size:1em; width:180px; margin-bottom:15px; font-family: 'AkzidGroCFFMdCn'; font-size:18px; text-transform: uppercase; font-weight: 100;}
#oeuvres-filters button:hover {cursor: pointer;}
button#all {color:#000; border: 3px solid #000;}
button#roman {color:#000; border: 3px solid #000;}
button#nouvelle {color:#000; border: 3px solid #000;}
button#theatre {color:#000; border: 3px solid #000;}
button#all:hover, button#all.active {background-color:#0000ff; border: 3px solid #0000ff; color:#fff;}
button#roman:hover, button#roman.active {background-color:#0000ff; border: 3px solid #0000ff; color:#fff;}
button#nouvelle:hover, button#nouvelle.active {background-color:#0000ff; border: 3px solid #0000ff; color:#fff;}
button#theatre:hover, button#theatre.active {background-color:#0000ff; border: 3px solid #0000ff; color:#fff;}

/* Presse- détail */
#press-url {display:flex; margin: 10px 0;}
#press-media-data {margin: 20px 0;}
.press-media-data {font-size:21px; line-height: 1.2em;}

/* Presse - liste */
#press-grid {display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; margin-bottom:50px;}
.press-item {display:flex; aspect-ratio:4/3.2;  /* Pour une grille de 3 colonnes - La formule est: (100% ÷ nombre de colonnes) - gap */}
.press-item:first-child {grid-column: span 2; grid-row: span 2;}
.press-media-grid-picture {aspect-ratio:4/3.2; display:flex; overflow:hidden; position:relative;}
.press-media-grid-picture img {width:100%; height:100%; object-fit:cover; display:flex; transition:transform 0.3s ease;}
.image-bleutee.press-media-grid-picture img {filter: grayscale(100%) brightness(90%) saturate(100%);}
.press-media-grid-picture.image-bleutee::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 255, 0.7); /* Ajustez l'opacité selon besoin */ pointer-events: none; z-index: 2;}
.press-item:hover .press-media-grid-picture img {transform: scale(1.2); }
.press-media-grid-data {position:absolute; display:flex; flex-direction:column; width:100%; height:100%; justify-content:center; align-items:center; z-index: 3; color:#fff;}
.press-media-grid-data-inner {margin:20px 0; display:flex; flex-direction:column; justify-content:center; align-items:center; width:85%; text-align:center;}
.press-media-grid-data {font-size:19px;}
.press-item:first-child .press-media-grid-data {font-size:38px;}
.press-media-grid-data .press-media-data {font-size:1em; line-height:1.2em;}
.press-media-grid-data h2 {font-family: 'AkzidGroCFFMd'; font-size:1.2em; padding:0; margin:0; line-height:1em;}
#press-grid-reporter {margin:1em 0}
#press-grid-publication {font-size: .8em;}

/* Actus - Listing */
#actus-grid {margin-bottom:20px;}
.actus-grid-item {display:flex; flex-wrap:wrap; flex-direction:row; gap:20px;}
.actus-grid-item-column {display:flex; flex-wrap:wrap; flex-direction:column; width:33.33%; flex:0 0 calc(33.33% - 10px); justify-content: center;}
.actus-grid-item-column:first-child {width:66.66%; flex:0 0 calc(66.66% - 10px);}
.actus-grid-picture {display:flex; aspect-ratio: 4/3; }
.actus-grid-picture img { width:100%; height:auto; object-fit: cover; }
.actus-grid-title {font-family: 'AkzidGroCFFMd'; font-size:42px; line-height:1em; color: #00f; margin:0 0 12px 0;}
.actus-grid-publication {color:#b5b5b5}
.actus-grid-summary {font-size:20px; padding:0; margin:0 0 30px 0; }
.actus-grid-event-data-holder {margin:0px 0 20px;}
.actus-grid-event-data {font-size:21px; line-height: 1.2em; color: #00f;}
.actus-grid-plus-holder {text-align:right; padding:0 10px 10px 0; width:35px; height:35px;}

.owl-carousel.owl-loaded {display:block;}
.owl-nav {font-size:4em; position:absolute; top:22%; display:flex; width:100%; justify-content:space-between;}
.owl-prev.disabled span, .owl-next.disabled span {display:none;}
#actus-carousel {position: relative; margin-bottom:50px;}
#actus-carousel.owl-carousel .owl-nav button.owl-prev { display: inline-flex; align-items: center; justify-content: flex-start; font-size: 30px; line-height: .8em; padding-left: 1em !important; font-family: 'NewTitle-Regular'; background: url("../images/arrow-2024-left.png"); background-position: 0; background-size:50%; background-repeat: no-repeat; height:50px; width:90px; text-transform:uppercase; position:absolute; left:-60px;}
#actus-carousel.owl-carousel .owl-nav button.owl-next { display: inline-flex; align-items: center; justify-content: flex-end; font-size: 30px; line-height: .8em; padding-right: 1em !important; font-family: 'NewTitle-Regular'; background: url("../images/arrow-2024-right.png"); background-position: 47px 0; background-size:50%; background-repeat: no-repeat; height:50px; width:90px; text-transform:uppercase; position:absolute; right:-60px;}
#actus-carousel.owl-carousel .owl-nav button.owl-prev span, #actus-carousel.owl-carousel .owl-nav button.owl-next span {display: none;}
#actus-carousel.owl-carousel .owl-nav button.owl-prev.disabled, #actus-carousel.owl-carousel .owl-nav button.owl-next.disabled {opacity: 0; cursor:default}
#actus-carousel.owl-carousel .owl-nav button.owl-prev::after { content: " ";}
#actus-carousel.owl-carousel .owl-nav button.owl-next::after { content: " ";}
#actus-carousel.owl-carousel .owl-nav button.owl-prev:hover, #actus-carousel.owl-carousel .owl-nav button.owl-next:hover {color:rgb(0,0,255);}

.owl-carousel-item .grid-item-inner {display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; height:100%; border:0; width:100%; aspect-ratio:16/10; border: 1px solid #ccc;}
.owl-carousel-item {display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; position:relative;}
.owl-carousel-item img {height: 100%; aspect-ratio: 16/10; width:100%; left: 0; -o-object-fit: cover; object-fit:cover; transition: opacity .35s; width: 100%;}
.owl-carousel-item img:hover {mix-blend-mode: screen; -webkit-filter: contrast(150%); filter: contrast(150%); opacity: 1;}
.owl-carousel-item .actus-grid-title {font-size: 28px; margin:10px 0;}
.owl-carousel-item .actus-grid-summary {font-size:20px;}
.owl-carousel-item .actus-grid-event-data {font-size:18px; }


/* Actus - détail */
#actus-publication {color:#b5b5b5}
#actus-summary {font-size:26px; padding:0; margin:0 0 10px 0; line-height:1em; color: #00f;}
#actus-event-data {margin: 20px 0;}
.actus-event-data {font-size:21px; line-height: 1.2em;}
#actus-cta-buttons {margin-top:20px;}

/* Page Biographie */
.biography-row {margin:30px 5% 0 30%; font-size: 16px; font-family: 'AkzidGroCFFMd';}
.biography-row h2 {font-size:18px; font-family: 'AkzidGroCFFLig'; margin:50px 0 20px 0; text-transform: uppercase;}
#bio-oeuvres-listing {display:flex; flex-wrap:wrap; gap:20px; margin-bottom: 50px;}
.bio-item {flex:0 0 calc(16.666% - 20px);}
.bio-item-picture img {max-width:300px; width:100%; border:1px solid #aea8a8; aspect-ratio:21/32; object-fit:cover; object-position:top;}
.bio-item-data-inner h3, .bio-year-of-publication {font-family: 'AkzidGroCFFReg'; line-height: 1em; word-break: normal; word-wrap: normal;} 
.author-picture {position:fixed; bottom:-6px; left:0; z-index:19; width:15%; max-width:290px; transform: translateX(calc(var(--conteneur-left))); /* Position à partir de la gauche du conteneur */ opacity: 0; }
.author-picture.visible {opacity: 1; }

/* Page Contact */
.contact-row {margin:30px 5% 0 30%; font-size:16px; font-family:'AkzidGroCFFMd'; display:flex; flex-wrap:wrap; flex-direction:row;}
.contact-row h2 {font-size:18px; font-family: 'AkzidGroCFFLig'; margin:50px 0 20px 0; text-transform: uppercase;}
.contact-cell {display:flex; flex-wrap:wrap; flex-direction:column; width:50%;}

@media (max-width: 1666px) {
	#press-grid {grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1366px) {
	#banner-main-menu li {margin-right:60px;}
	.press-media-grid-data {font-size:17px;}
	.bio-item {flex:0 0 calc(20% - 20px);}

	.actus-grid-item-column {display:flex; flex-wrap:wrap; flex-direction:column; width:50%; flex:0 0 calc(50% - 10px); justify-content: center;}
	.actus-grid-item-column:first-child {width:50%; flex:0 0 calc(50% - 10px);}
	.actus-grid-title {font-size:30px;}
	.actus-grid-summary {font-size:16px; line-height:1.2em;}
	.actus-grid-event-data, .actus-grid-publication, .owl-carousel-item .actus-grid-summary, .owl-carousel-item .actus-grid-event-data {font-size:15px;}
	.owl-carousel-item .actus-grid-title {font-size: 22px;}
}

@media (max-width: 1199px) {
	body #header, #header.sticky {height: 89px;}
	#banner-main-menu li {margin-right: 40px;}
	#main-banner {background-size:62px;}
	#flying-typo-side-d {width:60px; top:64px;}
	#flying-typo-side-d h1 {top:130px; font-size:30px;}
	#banner-main-menu {padding-right: 100px;}
	
	.oeuvre-item-picture {width:25%;}
	.oeuvre-item-data {width:70%; padding-right:12px;}
	.oeuvre-item-title {flex-direction:column; justify-content:flex-start; margin-bottom:20px;}
	.oeuvre-item-title h2, .oeuvre-item-summary {width:100%;}
	.oeuvre-item-title h2 {font-size:32px;}
	.oeuvre-item-publisher {width:100%; justify-content:flex-start; text-align:left; margin-right:0px;}
	.oeuvre-year-of-publication, .oeuvre-publisher {font-size:18px;}

	#press-grid {grid-template-columns: repeat(2, 1fr); }
	.bio-item {flex:0 0 calc(25% - 20px);}
}

@media (max-width: 991px) {
	#banner-main-menu li {margin-right:20px;}
	body #header, #header.sticky {height:60px;}
	#banner-main-menu {padding-right:80px;}
	#banner-main-menu li a .linklabel {font-size:15px;}
	#main-banner {background-size:42px;}
	#flying-typo-side-d {width:40px; top:30px;}
	#flying-typo-side-d h1 {top:110px; font-size:20px;}

	#oeuvres-filters, #oeuvres-listing {width:100%;}
	#oeuvres-filters {flex-direction: row; margin-bottom:25px;}
	#oeuvres-filters button {padding: 4px 10px; font-size:1em; width: auto; margin:0 10px 10px 0;}

	.oeuvre-title, .press-title {font-size:32px;}
	#oeuvre-tagline {font-size:22px;}
	.biography-row {margin:30px 0 0 0;}
	.bio-item {flex:0 0 calc(16.666% - 20px);}

	.oeuvre-related-press-item {flex-direction: column;}
	.oeuvre-related-press-item-cell:last-child {width: 100%;}

	.actus-grid-title {font-size:26px; margin-top:10px;}
	.actus-grid-summary {font-size:18px;}
	#actus-carousel.owl-carousel .owl-nav button.owl-next {background-position:37px 0; background-size: 30%; height: 32px; width: 90px; right:-60px;}
	#actus-carousel.owl-carousel .owl-nav button.owl-prev {background-position:0; background-size: 30%; height: 32px; width: 90px; left:-35px;}
	.actus-grid-plus-holder {width:30px; height:30px;}
	.actus-grid-summary {margin:0 0 20px 0;}

	.author-picture {display: none;}
}

@media (max-width: 767px) {
	body, .post, .page, .home.page {margin-top:60px!important;}
	article {padding-right:0px;}
	.formobile {display:inline-block; width:100%}
	.notformobile {display:none;}
	#flying-typo-side-d { background-position:-20px 0; background-size:50px; top:140px; position:fixed;}
	#mobile-homelink-area {display:inline-block; position:fixed; width:100px; height:40px; top:15px; margin:0 auto; left:5%; z-index:102;}
	.menu-menu-principal-container {padding-right:0;}
	#flying-typo-side-d {display:none;}
	h1.entry-title {margin-top:30px;}
	
	.footer-panel {visibility:visible; transition:none; display:inline-block; width:100%;}
	.cd-panel--from-left .cd-panel__container {transform: none;}
	.cd-panel__container {position:relative; width:100%; height:auto;}
	#footer-call, .cd-panel__close {display:none;}

	#footer, body.home #footer {position:relative; height:auto;}
	#footer-cells {flex-wrap:wrap;}	
	.footer-cell {width:100%; height:auto; margin-bottom:2em;}
	.footer-cell:nth-child(4) {width:100%;}
	.footer-cell:nth-child(5) {width:100%; justify-content:flex-start;}
	#footer-social-networks  {position:relative; top:0;}
	#footer-social-networks ul {text-align:left;}
	#footer-social-networks #social-facebook {background-position:-462px 0; width:44px; height:60px;}
	#footer-social-networks #social-twitter {background-position:-417px 0; width:44px; height:60px;}
	#footer-social-networks #social-instagram {background-position:-510px 0; width:44px; height:60px;}
	
	.main-content-row {flex-wrap:wrap;}

	#oeuvres-grid {margin-top:0px;}
	.oeuvre-row {flex-direction:row; margin-bottom:10px;}
	.oeuvre-column {width:100%; padding-right:0; margin-bottom:20px;}
	.oeuvre-item {border-bottom:2px solid #000;}
	#oeuvre-publisher {margin-top:20px;}
	.oeuvre-item-summary p {font-size:.9em; line-height:1.4em;}
	.oeuvre-item-title h2 {font-size:24px;}
	.oeuvre-year-of-publication, .oeuvre-publisher {font-size:16px;}
	.oeuvre-item-title {margin-bottom:10px;}

	#press-grid {grid-template-columns: repeat(1, 1fr); }
	.press-item:first-child {grid-column: span 1; grid-row: span 1;}
	.press-media-grid-data h2 {font-size:28px;}
	.press-media-grid-data .press-media-data {font-size:21px;}

	.biography-row {margin:0; font-size: 1em;}
	.bio-item {flex:0 0 calc(25% - 20px);}
	.bio-item-data-inner h3, .bio-year-of-publication {font-size: .9em;}

	.actus-grid-item {flex-direction:column; gap:0px;}
	.actus-grid-item-column {display:flex; flex-wrap:wrap; flex-direction:column; width:100%; flex:0 0 calc(100% - 0px); justify-content:center;}
	.actus-grid-item-column:first-child {width:100%; flex:0 0 calc(100% - 0px);}
	.owl-nav {display: none;}
}

@media (max-width: 480px) {
	.oeuvre-item-plus-holder img {width: 18px; height: 18px; }	
	.oeuvre-item {padding-bottom: 0;}
	.bio-item {flex:0 0 calc(33.333% - 20px);}
}

@media (max-width: 300px) {
	.bio-item {flex:0 0 calc(50% - 20px);}
}