/* @override 
	https://carderon.studio/wp-content/themes/carderon/style.css?*
	https://carderon.test/wp-content/themes/carderon/style.css?*
	https://carderon-wip.rolandtisserand.fr/wp-content/themes/carderon/style.css?* */

:root {
	--background-main-color: #FFFEFA;
	/*	--background-main-color:#FEFAF0;*/
	
	/* Couleurs des projets */
	--jugaad: #421218;
	--seoul-mama: #9e3d1f;
	--hauteur-libre: #3a5263;
	--montorgueil:#3f4f43;
	--rivoli:#586a70;
	--e-enfance:#fce2ac;
	--main-color: #424241;
	--main-color:black;
	--sharmaji:#7190b1;
	--melter51:#f4e3a7;
	--renoir:#233746;
	--emeriau:#462532;
	--popotes-vasarely:#232d57;
	--maison-de-parfum:#762524;
	--fbg-montmartre:#593e31;
	--popotes-clichy:#c99c08;
	--popotes-nd:#8d1c17;
	--the-indian-arms:#006d36;
}

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Gilroy Regular by Radomir Tinkov
 * URL: https://www.myfonts.com/products/regular-gilroy-169359
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: Larken Thin by EllenLuff
 * URL: https://www.myfonts.com/products/thin-larken-509904
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 * 
 * © 2023 MyFonts Inc. */
 
/*@font-face {
font-family: 'Larken';
src: url('fonts/LarkenThin.woff2') format('woff2'),
        url('fonts/LarkenThin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/GilroyRegular.woff2') format('woff2'),
        url('fonts/GilroyRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'Gilroy';
    src: url('fonts/Gilroy-Bold.woff2') format('woff2'),
        url('fonts/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*div, h1, h2, img, ul, li, p, header, aside, section, footer,svg,path {
	outline-width: 1px;
	outline-style: solid;
	outline-color: rgba(206,206,206,0.3);
	}*/

/*!


Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* @group modern-normalize v1.1.0 */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

*, ::before, ::after {
	box-sizing: border-box;
}

html {
	-moz-tab-size: 4;
	tab-size: 4;
}

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family: -apple-system,
	system-ui,
	'Segoe UI',
	Roboto,
	Helvetica,
	Arial,
	sans-serif,
	'Apple Color Emoji',
	'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b, strong {
	font-weight: bold;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code, kbd, samp, pre {
	font-family: ui-monospace,
	SFMono-Regular,
	Consolas,
	'Liberation Mono',
	Menlo,
	monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button, input, optgroup, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button, select {
	/* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button, [type='button'], [type='reset'], [type='submit'] {
	-webkit-appearance: button;
	appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	appearance: textfield;
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/* @end */

/* @group Global */

html {
	font-size: 62.5%;
	line-height: 1.2;
	display: flex;
	flex-direction: column;
	height: 100%;
			-webkit-font-smoothing: subpixel-antialiased;

}

body {
	--page-padding:2rem;
	--exergue-size:120%;
/*	padding: var(--page-padding);*/
padding-left: var(--page-padding);
padding-right: var(--page-padding);
padding-bottom: var(--page-padding) ;
	font-family: Gilroy, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1.7rem;
	color: var(--main-color);
	flex-grow: 1;
	background-color: var(--background-main-color);
}

#page {
	display: flex;
	flex-direction: column;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

main.site-main {
	/* Pousser le footer en bas */
	flex:1;
	/* max-width de la totalité du site hors header */
	max-width: 1900px;
	margin: auto;
}

@media screen and (min-width:800px) {
main.site-main {
	align-content: center;
}
	
}

a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	transition: border 200ms ease-in-out 0s;
}

a:hover {
	/*	text-decoration: underline;
	text-decoration-thickness: 0.1rem;*/
	border-bottom: 1px solid var(--main-color);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: inherit;
}

.wp-block-image img {
  box-sizing:border-box;
  height:auto;
  /* Hack du 8 avril 2026 */
  max-height: 95vh;
   width: auto;
 max-width:100%;
  vertical-align:bottom
}

:where(figure) {
  margin:0 0 1em
}

.multiply {
	mix-blend-mode: multiply;
}

@media screen and (max-width:800px) {
	.entry-content {
/*		margin-top: 6rem;*/
		padding-top: 5rem;
	}
}
@media screen and (min-width:37.5rem) {
	body {
		font-size: 1.7rem;
		--global-font-size:90%;
		/* Astuce pour ne pas avoir la scrollbar qui saute sur les pages courtes */
		overflow-x: hidden;
		overflow-y: scroll;
	}
}

@media screen and (min-width:800px) {
	body {
		font-size: 2rem;
		--page-padding:4rem;
		--exergue-size:140%;
	}
	
	.post .entry-content {
		margin-top: 6rem !important;
		/* Ajout du 13 mars 2026 */
		margin-top: calc(2 * var(--page-padding)) !important;
			
	}
}

@media screen and (min-width:1200px) {
	body {
		--page-padding:6rem;
		--exergue-size:200%;
	}
}



/* @end */

/* @group Couleurs */



.color-bar {
display: none;
}

@media screen and (min-width:800px) {
	.color-bar {
	display: block;
	width: 100vw;
	height: 200px;
	background-color: var(--main-color);
	position: fixed;
	top: -200px;
	left: 0;
	}
}

/* Home */
.color-home, .color-presse {
	color: var(--main-color);
	background-color: var(--background-main-color);	
}


/* Contact */
.color-contact, body.page-id-305 {
	--background-main-color: #7f2d2c;
	--main-color:#f4e8d4;
	color: var(--main-color);
}

/* Popotes Vasarely */
.color-popotes-vasarely, body.postid-495 {
	--background-main-color: var(--popotes-vasarely);
	--main-color:#f8c9bf;
	color: var(--main-color);	
}

/* Maison de Parfum */
.color-maison-de-parfum, body.postid-509 {
	--background-main-color:var(--maison-de-parfum);
	--main-color:#fffbec;
	color: var(--main-color);		
}
/* Jugaad */
.color-jugaad, body.postid-16 {
	--background-main-color:var(--jugaad);
	--main-color:#FDDCC2;
	color: var(--main-color);		
}

/* Hauteur Libre */
.color-hauteur-libre, body.postid-25 {
	--background-main-color:var(--hauteur-libre);
	--main-color:#FFFEFA;
	color: var(--main-color);		
}

/* Seoul Mama */
.color-seoul-mama, body.postid-19 {
	--background-main-color:var(--seoul-mama);
	--main-color:#f4e8d4;
	color: var(--main-color);		
}


/* Rivoli */
.color-rivoli, body.postid-152 {
	--background-main-color:var(--rivoli);
	--main-color:#FFFEFA;
	color: var(--main-color);		
}

/* E-Enfance */

.color-e-enfance, body.postid-350 {
	--background-main-color:var(--e-enfance);
	--main-color:#001742;
	color: var(--main-color);		
}

/* Sharmaji */
.color-sharmaji, body.postid-411 {
	--background-main-color:var(--sharmaji);
	--main-color:#FFFEFA;
	color: var(--main-color);		
}

/* Melter 51 Échiquier */
.color-melter, body.postid-468 {
	--background-main-color:var(--melter51);
	--main-color:black;
	color: var(--main-color);		
}



/* @end */

/* @group Homepage */

.homepage {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
/*	padding-top:var(--page-padding) ;*/
/* Supprimer pour superposer image + gros carderon */
	margin-top:var(--page-padding) ;
	margin-top: calc(2.5 * var(--page-padding));
}

/* Pour optimiser l'animation */
.aos-init {
will-change: transform, opacity;
}

@media screen and (max-width: 800px) {
	.homepage {
		padding-top: 3rem;
	}
}

.filters {
	display: none;
	gap: 2ch;
	justify-content: center;}

@media screen and (min-width: 800px) {
.filters {
	display: flex;
/*	margin-bottom: var(--page-padding);*/
	padding-bottom: var(--page-padding);
	padding-top:  calc( 2* var(--page-padding));
}
}

.filters button {
	color: inherit;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	border-bottom: 1px solid var(--background-main-color);
	transition: border 200ms ease-in-out 0s;
}

.filters button:hover {
	border-bottom: 1px solid var(--main-color);
}

.homepage h2 {
	font-family: 'Larken';
	font-weight: 100;
	font-size: 350%;
	font-size: 150%;
	line-height: 1.1;
	margin-bottom: .5ch;
	margin-top: .5ch;
}

@media screen and (min-width: 1200px) {
.homepage h2 {
		font-size: 175%;
}
}

@media screen and (min-width: 1700px) {
.homepage h2 {
		font-size: 200%;
}
}


@media (max-width:782px){
	/* Se caler sur les blocs gutenbergs et réduire les miniatures projets en vue mobile */
	.home .projects figure {
/*		max-width: 80%;*/
		margin: auto;
	}
	.homepage h2 {
		text-align: center;
		padding-top: 1rem;
		padding-bottom: 3rem;
	}
/*	.homepage br {
		display: none;
	}*/
}



.homepage h2 a {
	border: none;
}

figure.lien-projet {
	position: relative;
	margin: 0;
	margin-bottom: 2ch;
}

figure.lien-projet a, figure.lien-projet a:hover {
	border: none;
}

figure.lien-projet figcaption {
	position: absolute;
	top: 0;
	margin: 0;
	/* Aligner le texte au centre du bloc */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--background-main-color);
	z-index: -1;
}

figure.lien-projet img {
	opacity: 1;
	transition-property: opacity, filter !important;
	transition-duration: 400ms !important;
	transition-timing-function : linear;
	transition-delay: 70ms !important;
	width: 100%;
	max-height: none;
	height: auto;
	display: block;
	filter: grayscale(0%);
	
/*	mix-blend-mode: normal*/
}

figure.lien-projet img:hover {
	/*opacity: 0 !important;*/
/*	mix-blend-mode: luminosity;*/
	opacity: 0.08 !important;
	filter: grayscale(100%);
}

.groupe-jugaad {
}

@media screen and (min-width:800px) {
	.groupe-jugaad {
		margin-top: 10vw;
margin-bottom: 10vw;
		
		}
}

.groupe-seoul-mama {
}

@media screen and (min-width:800px) {
.groupe-seoul-mama div {
display: flex;
flex-direction: column-reverse;
margin-bottom: 7vw;
}

.groupe-seoul-mama h2 {
	margin-top: 5vw;
}

}

.groupe-hauteur-libre {
	margin: auto;
}

@media screen and (min-width:800px) {
.groupe-hauteur-libre div {
display: flex;
flex-direction: column;
}
}

.groupe-montorgueil {
}

.groupe-rivoli {
}

@media screen and (min-width:800px) {
.groupe-rivoli div {
display: flex;
flex-direction: column-reverse;
}

}

.groupe-e-enfance {
	max-width: 800px;
	margin: auto;	
}

@media screen and (min-width:800px) {
	.groupe-e-enfance div {
		display: flex;
		flex-direction: column-reverse;
	}
}


.groupe-jugaad figcaption {
	background-color: #3B0E19;
}

.groupe-seoul-mama figcaption {
	background-color: #9B4229;
}

.groupe-hauteur-libre figcaption {
	background-color: #385163;
}

.groupe-rivoli figcaption {
	background-color: var(--rivoli);
}

.groupe-montorgueil figcaption {
	background-color: var(--montorgueil);
}

.groupe-e-enfance figcaption {
	background-color: var(--e-enfance);
}

.groupe-sharmaji figcaption {
	background-color: var(--sharmaji);
}

.groupe-melter51 figcaption {
	background-color: var(--melter51);
}

.groupe-popotes-vasarely figcaption {
	background-color: var(--popotes-vasarely);
}

.groupe-maison-de-parfum figcaption {
	background-color: var(--maison-de-parfum);
}


.groupe-sharmaji {
	max-width: 800px;
	margin: auto;
}

.groupe-emeriau figcaption {
	background-color : var(--emeriau);
}

.groupe-fbg-montmartre figcaption {
	background-color : var(--fbg-montmartre);
}

.groupe-renoir figcaption {
	background-color : var(--renoir);
}


@media screen and (min-width:800px) {
	.groupe-sharmaji div {
	display: flex;
	flex-direction: column;
	}
}


.groupe-maison-de-parfum {
	margin: auto;
}

@media screen and (min-width:800px) {
	.groupe-maison-de-parfum div {
		display: flex;
		flex-direction: column;
		margin-bottom: 10vw;
	}
}

/* Grandes images */
@media screen and (min-width:800px) {
	.groupe-maison-de-parfum div, .groupe-jugaad div {
		max-width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}



.groupe-popotes-vasarely {
}

@media screen and (min-width:800px) {
	.groupe-popotes-vasarely div {
	display: flex;
	flex-direction: column-reverse;
	}
}

.groupe-emeriau {
}

.groupe-fbg-montmartre {
}

.groupe-renoir {
}

@media screen and (min-width:800px) {
	.groupe-renoir div {
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 10vw;
	}
}



/* Override du style WP */

.wp-block-columns.is-layout-flex {
/*	gap: 1vw !important;*/
	margin-bottom: 5vw;
}

.homepage .wp-block-columns.is-layout-flex {
/*	gap: 1vw !important;*/
	margin-bottom: 5vw;
	gap:3ch;
}

/* @end */

/* @group Filtres */
/*  Needed for filters */
/* Source : https://codepen.io/vskand/pen/MWKKKYK */
.projects {
	display: block;
}
.hide { /* You can play with the seconds to change the "animation" */
  animation: hide .8s ease 0s 1 normal forwards;
  transform-origin: center;
display: none;
}
.show { /* You can play with the seconds to change the "animation" */
    animation: show .8s ease 0s 1 normal forwards;    
    transform-origin: center;
display: block;
}

@keyframes hide {
  0%{
    opacity:1;
    transform:translate3d(0,0,0);

  }
  100% {
    opacity:0;  
    transform:translate3d(0,100px,0);
  }
}
@keyframes show {
  0%{
     transform:translate3d(0,100px,0);
    opacity:0;
  }
  100% {
    transform:translate3d(0,0,0);
    opacity:1;
  }
}


/*@keyframes hide {
  0%{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);

  }
  100% {
    opacity:0;  
    transform:translate3d(0,100px,0) scale(0);
    width: 0;
    height: 0;
    margin: 0;
  }
}
@keyframes show {
  0%{
     transform:translate3d(0,100px,0) scale(0);
    width: 0;
    height: 0;
    margin: 0;
    opacity:0;
  }
  100% {
    transform:translate3d(0,0,0) scale(1);
    opcacity:1;
  }
}*/
/*  // Needed for filters */


/* @end */

/* @group Projets + variables */
.post .entry-content {
	margin-top: var(--page-padding);
}

/* Première image de chaque article */

.entry-content p:not(.exergue) {
line-height: 1.4;
font-size: var(--global-font-size);
max-width: 43ch;
}

.has-text-align-right {
	text-align: left;
}
@media (min-width:782px) {
/* Aligner à droite les paragraphes ferrés à droites pour contrebalancé le max-width */
.has-text-align-right {
	margin-left: auto;
	text-align: right;
}	
}




@media screen and (max-width:800px) {
.entry-content figure {
	margin-bottom: 4ch;
}
}

.entry-content p.exergue {
	font-family: Larken;
	font-weight: 100;
	letter-spacing: .02ch;
	font-size: var(--exergue-size);
	text-indent: 3ch;
	padding-bottom: var(--page-padding);
}

.post figcaption, .post-7 figcaption {
	font-size: 55%;
	letter-spacing: .1ch;
	text-transform: uppercase;
	padding-top: 1ch;
}


.post h1 {
	display: none;
}

.exergue,.post .wp-block-columns {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;	
}


/* Grille Image des projets */
@media screen and (min-width:800px) {
.g-projet {
	display: grid;
/*	margin: 0 6.25vw;*/
	align-items: start;
	grid-column-gap: 1.389vw;
	grid-template-columns: repeat(12, 1fr);
	grid-row-gap: 13.889vw;
}

.work-project {
	position: relative;
}

p.work-project {
	max-width: 700px;
}


.work-project:nth-child(4n+1) {
	grid-column: 4/10;
}

.work-project:nth-child(4n+2) {
	grid-column: 1/8;
}

.work-project:nth-child(4n+3) {
	grid-column: 3/10;
}

.work-project:nth-child(4n+4) {
	grid-column: 4/13;
}
}

/* Nouvelle Grille projet */

@media screen and (min-width:800px) {
	
	.centermedium {
		max-width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.flexcolumn {
		display: flex;
	}
	.rightsmall {
		align-self: center;
				max-width: 70%;
				margin-left: auto;
	}
}





/* @end */

/* @group Presse */

.page-id-12 h1 {
	display: none;
}

.page-id-12 .entry-content {
	padding-top: var(--page-padding);
}

@media screen and (min-width:800px) {
.post-12 {
	display: flex;
justify-content: center;
min-height: 100%;
align-items: center;
}
}



.page-id-12 .entry-content ul {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: var(--page-padding);
	font-size: 90%;

}


.page-id-12 .entry-content li a {
	margin-top: 1.2ch;
	margin-bottom: 1.2ch;
	display: inline-block;

}



/* @end */

/* @group Infos */

.color-infos, body.page-id-7 {
	--background-main-color:#415330;
	--main-color:#eae6df; 
}

.page-id-7 h1 {
	display: none;
}

.page-id-7 .infos-block p {
/*font-size: 125% !important;*/
letter-spacing: .04rem;
}

.page-id-7 .infos-block a {
	border-bottom: 1px solid var(--main-color);
}

.infos-block figure {
	max-width: 300px;
}

@media screen and (min-width: 650px) {
	
	.entry-content .info-intro {
		margin-top: 15vh;
		font-size: 150% !important;
			margin-left: auto;
		margin-right: auto;
		max-width: 1000px !important;
	font-family: Larken;
	font-weight: 100;
	letter-spacing: .02ch;
	
	}
	
	.infos-block > div {
		display: grid;
/*		grid-template-columns:  minmax(50%, 40rem) 1fr;*/
		grid-template-columns: 1fr 2fr;
		margin-top: 15vh;
		column-gap: 8ch;
		margin-left: auto;
		margin-right: auto;
		max-width: 1000px;
	}
	
	.infos-block figure {
		margin-top: 10rem;
	}
	
	.infos-block p:first-of-type {
		margin-top: 0;
	}
}


/* @end */

/* @group Contact */

#post-305 {
align-items: center;
display: flex;
min-width: 60vw;
}

#post-305 h1 {
	display: none;
}

#post-305 h2 {
	text-transform: uppercase;
	letter-spacing: .1ch;
	font-size: 80%;
	margin-top: 6ch;
}

#post-305 p, #post-305 li {
	font-family: larken;
	font-weight: 100;
	font-size: 150%;
	margin: 0;
}

@media screen and (min-width:800px) {
#post-305 p, #post-305 li {
	font-size: 250%;
}	
}



#post-305 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* @end */

/* @group RGPD */

.rgpd {
	margin-top: 6ch;
}



/* @end */

/* @group Header */

.cdr_svg {
	fill: var(--main-color);
	display: block;
}


.main-navigation {
	display: block;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	flex-direction: column;
}


/* Small menu. */

.menu-toggle {
	display: inline-block;
	padding: 0;
	margin: 0;
	background:none;
	border: none;
	cursor: pointer;
	/* Retirer le zoom sur le menu burger */
	touch-action:manipulation;
	padding-top: 1ch;
	
}

.menu-close {
	position: fixed;
	top: 2rem;
	right: 2rem;
	display: none;
	padding: 0;
	margin: 0;
	background:none;
	border: none;
	cursor: pointer;
	z-index: 100;	
}

.svg-l {
	fill: none;
    stroke: var(--main-color);
    stroke-width: 0.15rem;
}

.svg-l2 {
	fill: none;
    stroke: #FFFEFA;
    stroke-width: 0.15rem;
}

.single .site-header, .page-id-7 .site-header {
	color: var(--main-color);
mix-blend-mode: normal;
}

.site-header .site-title {
margin: 0;
width: 100%;
}

.site-header .site-title #cdr_title {
	width: 240px;
	height: auto;
}

@media screen and (min-width:800px) {
	.site-header .site-title #cdr_title {
		width: 100%;
	}
}

.site-header .site-title a {
	border: none;
}

.site-header .site-title span {
display: none;
}

.site-header {
	display: flex;
	justify-content: space-between;
	align-items: center ;
	width: 100%;
	top: 0;
	left: 0;
/*	padding-left: var(--page-padding);
	padding-right: var(--page-padding);
	padding-top:  var(--page-padding);*/
	z-index: 500;
	color: var(--main-color);
}


@media screen and (max-width: 800px) {
	.main-navigation ul {
		display: flex;
		background-color: rgba(65, 65, 64, .5);
		transition: background 200ms ease-in-out 0s;
		align-content: stretch;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateY(-100%);
	}
	
	.main-navigation.toggled ul {
		display: flex;
		background-color: rgba(65, 65, 64, 1);
		z-index: 50;
		transform: translateY(0);
		padding-bottom: 20vh;
		padding-top: 20vh;
	}
	
	.main-navigation.toggled .menu-close {
		display: block;
	}
	
	.main-navigation.toggled li {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 200%;
	}
	
	.main-navigation li a {
		color: rgba(255, 254, 250, 0);
transition: color 600ms ease-in-out 0s;

	}
	
	.main-navigation.toggled li a {
		color: rgba(255, 254, 250, 1);		
		border-bottom: none;
		font-family: Larken;
		font-weight: 100;
		letter-spacing: .5ch;
		text-transform: uppercase;
	}
	
	
	
}

@media screen and (min-width: 800px) {
	.site-header {
		flex-direction: row;
		align-items: baseline;
}
	
	.site-header .site-title {
		flex-direction: row;
	}
	
	.menu-toggle {
		display: none;
	}
	
	.main-navigation ul {
		display: flex;
		flex-direction: row;
		font-size: 90%;
		letter-spacing: .03rem;
		transform:translateY(-1px) ;
		position: absolute;
		top: 1.5vw;
		right: calc(var(--page-padding));
		font-size: 70%;
	}
	
	.filter {
		font-size: 90%;
		letter-spacing: .03rem;
	}
	
	.main-navigation li {
		padding-left: 2ch;
	}
	
}


@media screen and (min-width: 1200px) {
	.main-navigation ul {
		top: 1.5vw;
		right: calc(var(--page-padding));
		font-size: 90%;
	}
}
	
	
@media screen and (min-width: 1500px) {
	.main-navigation ul {
		top: 1.5vw;
		right: calc(var(--page-padding));
		font-size: 100%;
	}
}
	

/* @end */

/* @group Footer */

.site-footer {
	font-size: 55%;
	letter-spacing: .1ch;
	text-transform: uppercase;
	margin-top: 10ch;
	padding-bottom: var(--page-padding);
	text-align: center;
}

/* @end */

/* @group Accessibility */

/* Text meant only for screen readers. */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* @end */


/* @group SWUP.js */

/* Define a transition duration during page visits */

.swup-bg {
	width: 120vw;
	height: 120vh;
	display: block;
	background-color: var(--background-main-color);
	position: fixed;
	z-index: -100;
	top: -20;
	left: 0;
}

html.is-changing .transition-fade {
	transition: opacity 0.25s;
	opacity: 1;
} /* Define the styles for the unloaded pages */

html.is-animating .transition-fade {
	opacity: 0;
}

/* @end */