:root{
		--padding : 1.5rem;
		--small-padding : 10px;
		--color: #00c33c;
		--font-sans: "Karrik", sans-serif;
		--font-serif: "Warbler", sans-serif;
		--font-mono: "IBM", mono;
		--menu-size: 19px;
		--menu-size-medium: 19px;
		--medium-size: 22px;
		--large-size: 28px;
		--small-size: 14px;
		--small-size-small: 12px;
		--big-size: 38px;
		--big-size-phone: 32px;
		--text-size: 21px;
		--text-size-medium: 17px;
		--line-height: 1.4;
		--headerH: 70px;
		--menuW: 20%;
		--mainW: 80%;
	}

	* {
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  box-sizing: border-box;
	}


	body{
		font-family: var(--font-serif);
		font-size: var(--text-size);
		line-height: 1.3;
		overflow-x: hidden;
/*		counter-reset: footnotes;*/
		counter-reset: footnotesbott;
	}

	body.accessibility {
	  --text-size: 18px;
	  --font-serif: "Luciole", sans-serif;
	  --line-height: 1.6; 
	  text-align : left;
	}

	body[data-template="article"].accessibility .content-wrapper .article-content p,
	body[data-template="event"].accessibility .content-wrapper .article-content p{
		text-align : left;
		hyphens: none;
	}

	.accessibility blockquote{
		font-size: 16px;
	}

	.accessibility .content-wrapper h1, 
	.accessibility .content-wrapper h1 p,
	.accessibility .content-wrapper .dossier-wrapper h2{
		font-weight: normal;
	}

	.accessibility .bandeau h3,
	.accessibility .bandeau .big h3,
	.accessibility .bandeau h3 p{
		font-weight: normal;
	}

	.accessibility .article-content .footnote-inner, 
	.accessibility .article-intro .footnote-inner, 
	.accessibility .article-info .footnote-inner{
		background: #FFF;
		border: 2px solid var(--color);
	}

	h1, h2, h3, h4, h5, h6{
		font-family: var(--font-sans);
		font-weight: normal;
	}

	h2{font-size: 24px;}

	h6{
		font-size: var(--text-size);
		text-align: center;
		margin-bottom: var(--padding);
	}

	a{
		color: #000;
		text-decoration: none;
		transition: all 0.4s ease;
	}

	a:hover{
		color: var(--color);
	}

	/* Lien d'évitement : hors écran, visible au focus clavier */
	.skip-link{
		position: absolute;
		left: -9999px;
		top: 0;
		z-index: 1000;
		padding: 10px 20px;
		background: #000;
		color: #FFF;
		font-family: var(--font-sans);
		font-size: var(--menu-size);
	}

	.skip-link:focus{
		left: 0;
		color: #FFF;
		outline-color: #FFF;
		outline-offset: -4px;
	}

	/* Texte invisible à l'écran mais lu par les lecteurs d'écran */
	.visually-hidden{
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		margin: -1px !important;
		padding: 0 !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	/* Focus clavier : contour visible sur fond blanc comme sur fond vert */
	:focus-visible{
		outline: 2px solid #000;
		outline-offset: 2px;
	}

	ul{
		margin: 0;
		padding: 0;
	}

	hr{
		border: 1px solid #000;
  	border-top: none;
	}

	img, video{width:100%}

	blockquote{
		font-size: var(--menu-size);
/*		font-family: var(--font-sans);*/
		width: 85%;
		margin: auto;
	}

	/* ------------------- HEADER ------------------- */
	header{
		position: fixed;
		width: var(--menuW);
		padding: 0px !important;
		z-index: 999;
	}

	header .whole-title{
		display: inline;
	}

	header .reduce-title{
		display: none;
	}

	/* État du menu lu par main.js (aria-expanded du burger) :
	   la classe .closed a le sens inverse sur mobile, voir responsive.css */
	header{ --menu-open: 1; }
	header.closed{ --menu-open: 0; }

	header .menu-wrapper{
		position: absolute;
		width: 100%;
		left:0;
		transition: all 1s ease;
		background: #FFF;
	}

	/* visibility: hidden retire les liens du menu fermé de la navigation clavier */
	header.closed .menu-wrapper{
		left: -100%;
		visibility: hidden;
	}

	#nav-wrapper{
		border-right: 1px solid #000;
		height: calc(100vh - var(--headerH) - 72px);
	}

	#menu-icon{
		display: inline-block;
	  width: 26px;
	  margin-right: 4%;
/*		margin-right: 5px;*/
	  vertical-align: middle;
	  cursor: pointer;
		transition: all 1s ease;
	}

	#menu-icon:hover{
		transform: rotate(360deg);
	}

	header.closed #menu-icon{
		transform: rotate(450deg);
	}


	.logo{
		background: var(--color);
		font-size: var(--menu-size);
		color: #FFF;
		text-align: center; 
		text-transform: uppercase;
		font-family: var(--font-sans);
		height: var(--headerH);
		position: relative;
	}

	body .logo .logo-inner{
		position: absolute;
		width: 100%;
		top: 51%;
		left:50%;
		transform: translate(-50%, -50%);
	}

	.logo a{
		color: #FFF; 
	}

	/* -- MENU -- */
	.menu-wrapper{
		height: 100vh - var(--headerH);
		overflow: auto;
	}

	nav.menu-primary{
		border-bottom: 1px solid #000;
		text-align: center;
		font-family: var(--font-sans);
		font-size: var(--menu-size);
		text-transform: uppercase;
		padding: calc(var(--padding) * 3) calc(var(--padding) * 1);
		position: relative;
	}

	nav.menu-primary > ul > li {
		margin-bottom: 5px;
		position: relative;
	}

	nav.menu-primary > ul > li.active{
		color: var(--color);
	}

	nav.menu-primary > ul > li:nth-child(2) {
		margin-bottom: calc(var(--padding) * 1);
	}

	/* L'Agenda suit Numéros : l'espace passe sous l'Agenda */
	nav.menu-primary > ul > li:nth-child(2):has(+ li.agenda) {
		margin-bottom: 5px;
	}

	nav.menu-primary > ul > li.agenda {
		margin-bottom: calc(var(--padding) * 1);
	}

	nav.menu-primary > ul > li.item-w-submenu{
		pointer:cursor;	
	}

	nav.menu-primary .submenu-toggle{
		text-transform: inherit;
		line-height: inherit;
		cursor: pointer;
	}

	nav.menu-primary > ul > li.item-w-submenu:hover{
		color: var(--color);
	}

	nav.menu-primary a.active{
		color: var(--color);
	}

	nav.menu-primary > ul > li.item-w-submenu.open{
		color: var(--color);
	}

	nav.menu-primary .menu-primary_submenu{
		text-align: center;
		font-size: 18px;
		padding: 0;
		min-height: 0;
		max-height: 0; 
		overflow: hidden;
		visibility: hidden;
		transition: all 0.5s ease;
	}


	nav.menu-primary .menu-primary_submenu.open{
		max-height: 250px;
		padding: 5px 0px var(--padding) 0px;
		overflow: auto;
		visibility: visible;
	}

	nav.menu-primary .menu-primary_submenu.open a{
		color: rgba(0, 0, 0, 0.8);
	}
			
	nav.menu-primary .menu-primary_submenu.open a:hover{
		color: var(--main);
	}

	nav.menu-primary .open-submenu_btn svg{
		width: 10px;
  	position: relative;
  	top: -2px;
  	transition: all 0.5s ease;
	}

	nav.menu-primary .open-submenu_btn.open svg{
		transform: rotate(180deg);
	}

	nav.menu-contribuer{
		padding: var(--padding);
		border-bottom: 1px solid #000;
		text-align: center;
		font-family: var(--font-sans);
		font-size: var(--menu-size);
		text-transform: uppercase;
		position: relative;
	}

	nav.menu-contribuer a{
		color: var(--color);
		transition: all 0.2s ease;
	}

	nav.menu-secondary{
		text-align: center;
		font-size: 16px;
		padding: calc(var(--padding) * 3) calc(var(--padding) * 1);
		position: relative;
	}

	.social-networks{
		text-align: center;
		margin-top: 3px;
	}

	.social-networks li{
		margin-right: 5px;
	}

	nav.menu-secondary li, .social-networks li {
		margin-bottom: 3px;
	}

	nav.menu-secondary a.active{
		color: var(--color);
	}

	nav.menu-secondary li:nth-child(3)::after{
		content: "—";
		display: block;
	}

	nav.menu-secondary li:last-child::after{
		content: "";
	}

	nav.menu-secondary .social-networks::before{
		content: "—";
		display: block;
	}

/*	nav.menu-secondary .newsletter::before{
		content: "—";
		display: block;
	}*/

	

	.faire-un-don {
	  background: var(--color);
	  font-size: var(--menu-size);
	  text-align: center;
	  text-transform: uppercase;
	  font-family: var(--font-sans);
	  position: fixed;
	  bottom: 0;
	  width: var(--menuW);
	  height: var(--headerH);
	  border-top: 2px solid var(--color);
	}

	.faire-un-don a{
	  color: #FFF;
	  display: block;
	  width: 100%;
	  position: absolute;
	  top:50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  transition: all 0.2s ease;
	}

	/* -- TETIERE -- */

	.tetiere{
		border-bottom: 1px solid #000;
		position: fixed;
		width: var(--mainW);
		background: #FFF;
		height: var(--headerH);
		z-index: 99;
		margin:0;
		left: calc(var(--menuW) - 1px);
	}

	.tetiere .breadcrumb{
		font-family: var(--font-sans);
		font-size: var(--small-size);
		text-transform: uppercase;
		position: relative;
		padding: 0;
	}

	.tetiere .breadcrumb ul, .tetiere .breadcrumb .row{
		margin:0;
		position: absolute;
		top: 50%;
		left: calc(var(--padding) * 3);
		transform: translateY(-50%);
	}

	.tetiere .breadcrumb li{
		margin-right: var(--small-padding);
	}


	.tetiere .breadcrumb li:after{
		content: "<";
		margin-left: var(--small-padding);
	}


	.tetiere .breadcrumb li:last-child:after{
		content: none;
	}

	.tetiere .menu-newsletter{
		padding: 0;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		text-align: center;
		font-family: var(--font-sans);
		font-size: var(--menu-size);
		text-transform: uppercase;
		position: relative;
	}

	.tetiere .menu-newsletter .menu-newsletter_inner{
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.tetiere .menu-newsletter a{
		color: var(--color);
		transition: all 0.2s ease;
	}

	.tetiere .languages{
		position: absolute;
		top: 26px;
		right: 35px;
		font-family: var(--font-sans);
	  font-size: var(--small-size);
	  text-transform: uppercase;
	}

	.tetiere .languages li{
		display: inline-block;
	}

	.tetiere .languages li:first-child::after{
		content: "/" ;
	}

	.tetiere .languages li.active a{
		color: var(--color);
	}

	.tetiere .search{
		padding: 22px 22px 0px;
		position: relative;
		margin:0;
	}

	.tetiere .search figure{
		width: 24px;
		margin-left: 5px;
		cursor: pointer;
		/*margin:auto;*/
	}

	.tetiere .search .accessibility-mode{
		margin-top: -3px;
		/*position: fixed;
		top: 5px;
		right: 5px;*/
	}

	#toggle-accessibility-mode{
		cursor: pointer;
	}

	.tetiere .search .accessibility-mode figure{
		width: 34px;
	}

	.tetiere .search #toggle-accessibility-mode.active figure{
		background: var(--color);
		border-radius: 100%;
	}

	.tetiere .search #toggle-accessibility-mode.active figure img{
		filter: invert(1);
	}


	input[type="search"]{
		border: none;
	  border-bottom-width: medium;
	  border-bottom-style: none;
	  border-bottom-color: currentcolor;
	  border-bottom: 1px solid #000;
	  width: 400px;
	  min-width: 300px;
	}

	.search-form label, .search-form  input{
		margin:auto;
		text-align: left;
		font-family: var(--font-sans);
		font-weight: 400;
		padding: 10px 0px 10px 10px;
	}

	.search-form input[type=search]:focus{
	  border: 2px solid var(--color);
	  outline: none;
	}

	.search-form input[type="submit"] { display: none;}

	.search-form label img{
		width: 24px;
		display: inline-block;
		cursor: pointer;
	}

	.search-results-info{
		font-family: var(--font-sans);
		margin: var(--padding);
	}

	/* -- SUBMENU -- */

	.submenu{
		position: fixed;
		z-index: 99;
		font-family: var(--font-sans);
		font-size: var(--text-size);
		text-transform: uppercase;
		width: var(--mainW);
		background: #FFF;
		top: var(--headerH);
		left: calc(var(--menuW) - 1px);
		border-bottom: 1px solid #000;
		margin-left: 0;
		margin-right: 0;
		border-left: 1px solid #000;
		height: var(--headerH);
	}

	.submenu ul{
		padding-left: calc(var(--padding) * 3);
		padding-right: calc(var(--padding) * 3);
		margin: 0;
		margin-left: -10px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}

	.submenu li{
		padding: 5px 10px;
		text-align: center; 
	}

	.submenu a.active{
		color: var(--color);
	}

	/* ---------------- H O M E --------------------- */
	.home .content-wrapper{
		padding-top: var(--headerH);
		padding-bottom: 0;
	}

	/* ---------------- RÉGLAGES PADDING-TOP SUIVANT LES PAGES --------------------- */
	body[data-template="superpage"] .content-wrapper,
	body[data-template="rubriques"] .content-wrapper{
		padding-top: calc(var(--headerH) * 2 + calc(var(--padding)*4));
	}

	body[data-template="numeros"] .content-wrapper,
	body[data-template="agenda"] .content-wrapper,
	body[data-template="dossiersseries"] .content-wrapper,
	body[data-template="dossierserie"] .content-wrapper, 
	body[data-template="thematique"] .content-wrapper{
		padding-top: calc(var(--headerH) + calc(var(--padding)*2));
	}

	body[data-template="format"] .content-wrapper{
		padding-top: calc(var(--headerH) * 2 - 1px);
	}

	body[data-template="format"] .content-wrapper .article-preview:first-child{
		 border-top: none;
	}

	body[data-template="team"] .content-wrapper{
		padding-top: calc(var(--headerH) + calc(var(--padding)*2));
	}



	/* ---------------- MAIN GÉNÉRAL ----------------- */

	main{
		position: relative;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-left: 1px solid #000;
		left:-1px;
		width: var(--mainW);
		margin-left: var(--menuW);
	}

	.sans-serif{
		font-family: var(--font-sans);
	}

	.serif{
		font-family: var(--font-serif);
	}

	.mono{
		font-family: var(--font-mono);
	}

	.margin-top-2{
		margin-top: calc(var(--padding) * 2);
	}

	.margin-top-3{
		margin-top: calc(var(--padding) * 3);
	}

	.margin-bottom-1{
		margin-bottom: calc(var(--padding) * 1);
	}

	.margin-bottom-2{
		margin-bottom: calc(var(--padding) * 2);
	}

	.margin-bottom-3{
		margin-bottom: calc(var(--padding) * 3);
	}

	.content-wrapper{
		padding-top: calc(var(--headerH) * 2 + var(--padding));
		padding-bottom: 200px;
	}

	.submenu ~ .content-wrapper {
		padding-top: calc(var(--headerH) * 2.7);
	}

	body[data-template="search"] .content-wrapper{
		padding-left: 0;
		padding-right: 0;
	}

	.content-wrapper li.article-prev .article-inner{
		padding-left: var(--padding);
		padding-right: var(--padding);
		max-width: 730px;
		margin:auto;
	}

	.content-wrapper li.article-prev h3{
		margin-top: 0.75rem;
	  font-family: var(--font-serif);
	  font-size: var(--menu-size);
	}

	.content-wrapper li.article-prev a p{
		margin-top: 0.75rem;
	  font-family: var(--font-serif);
	  font-weight: bold;
	}

	.content-wrapper .article-content div > ul:not(.tags):not(.dossier-serie):not(.index-group):not(.index), 
	.content-wrapper .article-content div > ol:not(.tags):not(.dossier-serie){
		margin-left: 1rem;
		margin-top: var(--padding);
		margin-bottom: calc(var(--padding) * 2);
	}

	.content-wrapper .article-content div > ul:not(.tags):not(.dossier-serie) li, 
	.content-wrapper .article-content div > ol:not(.tags):not(.dossier-serie) li{
		padding-left: var(--padding);
	}

/*	.content-wrapper .article-content div > ul:not(.tags):not(.dossier-serie) li p::before, 
	.content-wrapper .article-content div > ol:not(.tags):not(.dossier-serie) li p::before{
		content:"";
		margin-left: calc(var(--padding) * -1.5);
		margin-right: var(--padding);
	}*/
	.content-wrapper .article-content div > ul:not(.tags):not(.dossier-serie) li p::before{
		content:"—";
		margin-left: calc(var(--padding) * -1.5);
		margin-right: var(--padding);
	}

	.content-wrapper .article-content div > ul:not(.tags):not(.dossier-serie) a, 
	.content-wrapper .article-content div > p a{
		text-decoration: underline;
	}

	.content-wrapper .article-content h2 a,
	.content-wrapper .article-content .articles_number a{
		text-decoration: none !important;
	}

	.article-preview{
		border-top: 1px solid #000;
		padding: var(--padding);
		padding-top: calc(var(--padding) * 2);
		padding-bottom: calc(var(--padding) * 2);
	}

	.content-wrapper .article-preview h1{
		margin-top: 12px;
	}

	.content-wrapper .article-preview h1,
	.content-wrapper .article-preview h1 p{
		margin-bottom: 0;
	}


	.more a{
		font-family: var(--font-mono);
		border-bottom: 1px dotted #000;
		font-size: var(--small-size);
	}

	.content-wrapper .article-preview .meta::before {
	  content: "—";
	  margin-bottom: calc(var(--small-padding) / 2);
	  display: block;
	}

	.content-wrapper .article-preview .tags{
		margin:0;
	}

	.content-wrapper .article-preview .dossier-serie{
		margin:0;
		margin-top: 5px;
	}

	.content-wrapper .article-text{
		margin-left:auto;
		margin-right:auto;
		padding-top: calc(var(--padding) * 2);
		padding-bottom: calc(var(--padding) * 2);
		position: relative;
	}

	.content-wrapper .article-text p{
		margin-bottom: var(--padding);
	}

	.article-preview article{
		text-align: center;
		margin: auto;
	}

	.article-preview figure{
		margin: auto;
		margin-bottom: calc(var(--padding) * 2);
	}

	.article-preview .block{
		margin: auto;
	}

	.content-wrapper .article-content .block-type-gallery{
		margin-bottom: calc(var(--padding) * 3);
	}

	.content-wrapper .article-content .block-type-gallery figure{
		margin-bottom: 0;
	}

	.block-type-video figure{
		position: relative;
	  overflow: hidden;
	  width: 100%;
	  padding-top: 56.25%; 
	}

	.block-type-video figure.video-from-local{
	  overflow: auto;
	  padding-top: 0; 
	}

	.block figure figcaption,
	.block-type-audio figcaption{
		font-size: var(--small-size);
		font-family: var(--font-mono);
		opacity: 0.7;
		text-align: center;
	}

	.block-type-audio figure + figcaption{
		margin-top: calc(var(--padding) * -0.5);
	}

	.block-type-video figure iframe{
		border: none;
		position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  width: 100%;
	  height: 100%;
	}

	.block-type-video figure figcaption{
			margin-top: calc(var(--padding) + 10px);
	}

	.block-type-audio audio, .media-content audio{
		width: 100%;
	}

	.block-type-audio .audio, .media-content .audio{
		background: var(--color);
		color: #FFF;
		width: 100%;
	}

	.block-type-audio .audio .controls, 
	.media-content .audio .controls{
		color: #FFF;
	}

	.block-type-audio .audio .slider .gap-progress, 
	.media-content .audio .slider .gap-progress {
		background: #000;
	}

	.block-type-audio .audio .slider .gap-progress .pin, 
	.media-content .audio .slider .gap-progress .pin{
		background: #FFF;
	}

	.block-type-audio .audio .play-pause-btn svg path, 
	.media-content .audio .play-pause-btn svg path{ 
		fill: #FFF 
	}

	.block-type-audio .audio .volume svg path, 
	.media-content .audio .volume svg path{ 
		fill: #FFF 
	}

	.block-type-audio .audio figcaption, 
	.media-content .audio figcaption{
		display: block;
	}

	.article-content .footnote-wrapper,
	.article-intro .footnote-wrapper,
	.article-info .footnote-wrapper{
		position: relative;
	}

	.article-content .footnote-space,
	.article-intro .footnote-space,
	.article-info .footnote-space{
		display: inline;
		margin-left: 37px;
	}

	.article-content .footnote,
	.article-intro .footnote,
	.article-info .footnote{
		position: absolute;
		font-size: var(--small-size);
		font-family: var(--font-sans);
		top: 20px;
		left: -161px;
		text-align: left;
	}

	.article-content .footnote-inner,
	.article-intro .footnote-inner,
	.article-info .footnote-inner{
		background: var(--color);
		border-radius: 10px;
		padding: 10px 20px;
		width: 300px;
		display: none;
		position: absolute;
		z-index: 99;
	}

	.article-content .footnote-inner a:hover,
	.article-intro .footnote-inner a:hover,
	.article-info .footnote-inner a:hover{
		color: #FFF;
	}

	.article-content .footnote-label,
	.article-intro .footnote-label,
	.article-info .footnote-label{
		display: block;
		width: 30px;
	  cursor: pointer;
	  position: absolute;
	  top: -20px;
		left: 128px;
	  font-family: var(--font-sans);
	  font-size: 10px;
	  background: var(--color);
	  border-radius: 10px;
		padding: 2px 0;
		text-align: center;
/*		color: #FFF;*/
	}

/*	.pagedjs_pages [aria-describedby="footnote-label"]::before {
	  content: attr(data-footnote);
	}*/
	/* Reset the footnote counter for each article */
	/*.content-wrapper .article-inner article {
	  counter-reset: footnotes;
	}*/

	.content-wrapper article {
	  counter-reset: footnotes;
	}

	/*.pagedjs_pages {
	  counter-reset: footnotes;
	}*/

	[aria-describedby="footnote-label"] {
	  counter-increment: footnotes; /* 1 */
	}

	/* Actual numbered references */
	[aria-describedby="footnote-label"]::before {
	  content: counter(footnotes);
	}

	.footnotes-bottom-wrapper::before{
		content: "—";
		font-weight: bold;
		font-family: var(--font-sans);
		font-size: 16px;
	}

	.content-wrapper .footnotes-bottom-wrapper h2{
		margin-top: var(--padding);
	}

	.footnotes-list{
		font-family: var(--font-sans);
		font-size: 16px;
	}

	.footnotes-list li{
		margin-bottom: var(--padding);
		margin-left: 35px;
	}

	.footnotes-list .footnote-label-bottom{
		margin-right: 15px;
/*		font-weight: bold;*/
		width: 30px;
	  vertical-align: middle;
	  font-family: var(--font-sans);
	  font-size: 10px;
	  background: var(--color);
	  border-radius: 10px;
	  padding: 2px 0;
	  text-align: center;
	  display: inline-block;
	  margin-left: -45px;
	}

	[aria-describedby="footnote-label-bottom"] {
	  counter-increment: footnotesbott; /* 1 */
	}

	/* Actual numbered references */
	[aria-describedby="footnote-label-bottom"]::before {
	  content: counter(footnotesbott);
	}

	.contributeurs::before, .citer::before{
		content: "—";
	}

	.content-wrapper .contributeurs h2, 
	.content-wrapper .citer h2{
		margin-top: var(--padding);
		margin-bottom: 10px;
	}

	.contributeurs, 
	.citer {
		font-weight: bold;
	  font-family: var(--font-sans);
	  font-size: 16px;
	  margin-bottom: var(--padding);
	}


	/* ----- MEDIAS DANS LES ARTICLES */

	.content-wrapper .article-content figure{
		margin-bottom: var(--padding);
	}

	/* ------------------ ARTICLE ------------------- */
	body[data-template="article"] main,
	body[data-template="event"] main{
		border-left: 0;
	}

	body[data-template="article"] .content-wrapper,
	body[data-template="event"] .content-wrapper{
		padding-left: calc(var(--padding) * 3) ;
		padding-right: calc(var(--padding) * 3) ;
		position: relative;
	}


	body[data-template="article"] .tags-wrapper,
	body[data-template="event"] .tags-wrapper{
		margin:0;
	}

	body[data-template="article"] .content-wrapper .tags::after,
	body[data-template="event"] .content-wrapper .tags::after{
		content: "";
	}


	body[data-template="article"] .content-wrapper article,
	body[data-template="event"] .content-wrapper article{
		margin-top: var(--padding);
	}

	body[data-template="article"] .content-wrapper h1 p,
	body[data-template="event"] .content-wrapper h1 p{
		margin-bottom: 0;
	}

	body[data-template="article"] .content-wrapper h1::after,
	body[data-template="event"] .content-wrapper h1::after{
		content: "—";
		display: block;
		margin-top: 10px;
		font-family: var(--font-mono);
		font-size: 17px;
		font-weight: normal;
	}

	.content-wrapper .article-content h2,
	.content-wrapper .article-content h3 {
			text-align: left;
	}



	.article-languages{
		position: relative;
		font-family: var(--font-mono);
		font-size: var(--small-size);
		margin-left: calc(var(--padding) * 2);
		text-transform: uppercase;
	}

	#article-languages_btn{
		line-height: inherit;
		cursor: pointer;
		position: absolute;
		left: -15px;
		color: var(--color);
		transition: all 0.5s ease;
	}

	#article-languages_btn:hover .st0{
		stroke: #000;
	}

	#article-languages_btn svg{
		width: 8px;
		position: relative;
		top: -1.5px;
	}

/*	nav.menu-primary .open-submenu_btn svg {
  width: 10px;
  position: relative;
  top: -2px;
  transition: all 0.5s ease;
}*/

	#article-languages_btn.open{
		transform: rotate(-180deg);
		transform-origin: center;
	}

	.article-languages li{
		list-style: none;
	}

	.article-languages li:not(.active){
		display: none;
	}

	.article-languages li.active a{
		color: var(--color);
	}

	.content-wrapper .article-content{
		line-height: var(--line-height);
	}

	body[data-template="article"] .content-wrapper .article-content,
	body[data-template="article"] .content-wrapper .article-intro,
	body[data-template="article"] .content-wrapper .footnotes-bottom-wrapper,
	body[data-template="article"] .content-wrapper .related-articles,
	body[data-template="article"] .content-wrapper .contributeurs,
	body[data-template="article"] .content-wrapper .citer,
	body[data-template="article"] .content-wrapper .article-meta,
	body[data-template="article"] .content-wrapper .article-info,
	body[data-template="article"] .content-wrapper .conditionnal-access__box,
	body[data-template="event"] .content-wrapper .article-content,
	body[data-template="event"] .content-wrapper .article-intro,
	body[data-template="event"] .content-wrapper .footnotes-bottom-wrapper,
	body[data-template="event"] .content-wrapper .related-articles,
	body[data-template="event"] .content-wrapper .contributeurs,
	body[data-template="event"] .content-wrapper .citer,
	body[data-template="event"] .content-wrapper .article-meta,
	body[data-template="event"] .content-wrapper .article-info,
	body[data-template="event"] .content-wrapper .conditionnal-access__box,
	body[data-template="event"] .content-wrapper .event-item_cover{
		max-width: 730px;
		margin-left: auto;
		margin-right: auto;
	}

	body[data-template="article"] .content-wrapper .article-info,
	body[data-template="print-dossier"] .content-wrapper .article-info,
	body[data-template="print-numero"] .content-wrapper .article-info,
	body[data-template="event"] .content-wrapper .article-info{
/*		font-style: italic;*/
		font-size: var(--menu-size);
		font-family: var(--font-mono);
		color: rgba(0,0,0, 0.85);
	}

	body[data-template="article"] .content-wrapper .article-info a,
	body[data-template="print-dossier"] .content-wrapper .article-info a,
	body[data-template="print-numero"] .content-wrapper .article-info a,
	body[data-template="event"] .content-wrapper .article-info a{
		text-decoration: underline;
	}

	body[data-template="article"] .content-wrapper .article-content p,
	body[data-template="event"] .content-wrapper .article-content p{
		text-align: justify;
		hyphens: auto;
	}

	body[data-template="article"] .content-wrapper .article-content .alignment-left p,
	body[data-template="event"] .content-wrapper .article-content .alignment-left p{
		text-align: left;
		hyphens: none;
	}

	body[data-template="article"] .content-wrapper .article-content .alignment-justify p,
	body[data-template="event"] .content-wrapper .article-content .alignment-justify p{
		text-align: justify;
		hyphens: auto;
	}

	body[data-template="article"] .content-wrapper .article-content .alignment-right p,
	body[data-template="event"] .content-wrapper .article-content .alignment-right p{
		text-align: right;
		hyphens: none;
	}

	body[data-template="article"] .content-wrapper .article-content .alignment-center p,
	body[data-template="event"] .content-wrapper .article-content .alignment-center p{
		text-align: center;
		hyphens: none;
	}

	body[data-template="article"] .content-wrapper .conditionnal-access__box,
	body[data-template="event"] .content-wrapper .conditionnal-access__box{
		text-align: center;
		padding: 60px var(--padding) 80px;
/*		background:rgba(0, 195, 60, 0.2);*/
		border: 1px solid var(--color);
		margin-top: 40px;
		margin-bottom: 40px;
	}

	body[data-template="article"] .content-wrapper .conditionnal-access__box h2,
	body[data-template="event"] .content-wrapper .conditionnal-access__box h2{
		margin-top: 0;
	}

	body[data-template="article"] .content-wrapper .conditionnal-access__box p,
	body[data-template="event"] .content-wrapper .conditionnal-access__box p{
		margin-top: 40px;
	}

	body[data-template="article"] .content-wrapper .conditionnal-access__box a,
	body[data-template="event"] .content-wrapper .conditionnal-access__box a{
		border: 1px solid var(--color);
		padding: 10px;
		color: var(--color);
		font-family: var(--font-sans);
	}

	body[data-template="article"] .content-wrapper .conditionnal-access__box a:hover,
	body[data-template="event"] .content-wrapper .conditionnal-access__box a:hover{
		background: var(--color);
		color: #FFF;
	}

	.content-wrapper .article-content p{
		margin-bottom: var(--padding);
		color : rgba(0,0,0, 0.85);
	}

	.content-wrapper .article-content ol > li > p, 
	.content-wrapper .article-content p ul > li > p{
		margin-bottom: 0;
	}

	.content-wrapper .article-intro{
/*		font-size: 27px;*/
		margin: auto;
		padding-bottom: calc(var(--padding) * 1);
		line-height: var(--line-height);
		text-align: left;
		font-family: var(--font-sans);
		font-size: var(--menu-size);
	}

	/*	D O S S I E R / N U M E R O   P A G E    P R I N T */

	body[data-template="print-dossier"] .article-dossier-serie,
	body[data-template="print-numero-cairn"] .article-dossier-serie,
	body[data-template="print-numero"] .article-dossier-serie{
		padding-left: calc(var(--padding) * 3);
  	padding-right: calc(var(--padding) * 3);
  	margin: auto;
  	margin-top: 0;
  	padding-top: 0;
	}

	body[data-template="print-numero-cairn"] .article-dossier-serie{
		padding: 0;
	}

	body[data-template="print-dossier"] .article-dossier-serie .article-content p,
	body[data-template="print-numero"] .article-dossier-serie .article-content p,
	body[data-template="print-numero-cairn"] .article-dossier-serie .article-content p{
		text-align: justify;
	  text-align-last: left;
	  -webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
	  hyphens: auto;
	  -webkit-hyphenate-limit-before: 3;
	  -webkit-hyphenate-limit-after: 4;
	  -ms-hyphenate-limit-chars: 7 3 4;
	  hyphenate-limit-chars: 7 3 4;
	  word-wrap: break-word;
	  overflow-wrap: break-word;
	  /* veuves et orphelines (bancal) */
	  widows: 3;
	  orphans: 3;
	}

	body[data-template="print-dossier"] .content-wrapper .article-content .footnotes-list,
	body[data-template="print-numero"] .content-wrapper .article-content .footnotes-list,
	body[data-template="print-numero-cairn"] .content-wrapper .article-content .footnotes-list{
		margin-left: 0 !important;
	}

	body[data-template="print-dossier"] .content-wrapper .article-dossier-serie .article-inner h1,
	body[data-template="print-numero"] .content-wrapper .article-dossier-serie .article-inner h1,
	body[data-template="print-numero-cairn"] .content-wrapper .article-dossier-serie .article-inner h1{
		margin-bottom: 0;
		margin-top: var(--padding);
	}

	body[data-template="print-dossier"] .content-wrapper .meta,
	body[data-template="print-numero"] .content-wrapper .meta{
		margin-bottom: calc(var(--padding) * 3);
	}

	body[data-template="print-dossier"]
	.dossier-print-cover{
		width:50%;
		margin: auto;
		margin-bottom: calc(var(--padding) * 2);
	}

	body[data-template="print-dossier"]
	.dossier-print-cover img{
		border-radius: 100%;
	}

	body[data-template="print-dossier"] .dossier-print-title
	body[data-template="print-numero"] .dossier-print-title,
	body[data-template="print-numero-cairn"] .dossier-print-title{
		margin-bottom: calc(var(--padding) * 5);
	}

	body[data-template="print-numero"] .article-dossier-serie .bandeau-container > h2,
	body[data-template="print-numero-cairn"] .article-dossier-serie .bandeau-container > h2{
		margin-bottom: var(--padding);
	}

	body[data-template="print-numero"] .content-wrapper .article-dossier-serie .dossier-print-title > h1,
	body[data-template="print-numero-cairn"] .content-wrapper .article-dossier-serie .dossier-print-title > h1{
		text-align: center;
	  text-transform: uppercase;
	  color: #000;
	  margin: 0;
	  margin-bottom: calc(var(--padding) * 2);
/*	  padding: var(--padding);*/
	  font-size: 28px;
	  font-family: var(--font-sans);
	  font-weight: normal;
  }


	/*	D O S S I E R */

	body[data-template="dossierserie"] .content-wrapper .article-print-btn{
		text-align: center;
		margin-bottom: calc(var(--padding) * 2);
		margin-top: calc(var(--padding) * -1.2);
	}

	body[data-template="numero"] .content-wrapper .article-print-btn{
		text-align: center;
		margin-bottom: calc(var(--padding) * 1);
		margin-top: calc(var(--padding) * -1.2);
	}


	.content-wrapper .dossier-wrapper{
		border-top: 1px solid #000;
	}

	.content-wrapper .dossier-wrapper .articles-grid{
		margin-left : auto !important;
		margin-right : auto !important;
		margin-top: 0 !important;
		padding: 0;
	}

	.content-wrapper .dossier-wrapper .articles-grid figure.dossierserie-cover{
		width: 20%;
		margin: auto;
		margin-bottom: var(--padding);
	}

	.content-wrapper .dossier-wrapper .articles-grid figure.dossierserie-cover img{
		border-radius: 100%;
	}

	.content-wrapper .dossier-wrapper .articles-grid .article-print-btn{
		text-align: center;
		margin-bottom: 0;
		margin-top: calc(var(--padding) / 2);
	}

	.content-wrapper .dossier-wrapper .articles-grid .article-print-btn a{
		border: none !important;
		text-decoration: none !important;
	}

	.content-wrapper .dossier-wrapper h3{
		font-family: var(--font-mono);
	  font-size: var(--small-size);
	  margin: 0;
	  text-align: center;
	}

	.content-wrapper .dossier-wrapper h2{
		font-family: var(--font-serif);
	  font-size: var(--large-size);
	  font-weight: bold;
	  text-align: center;
	  margin:0;
	}

	.content-wrapper .dossier-wrapper h2::after,
	.content-wrapper .dossier-wrapper .author-list::after{
		content: "—";
		display: block;
		font-size: var(--small-size);
		text-align: center;
	}

	.content-wrapper .dossier-wrapper .author-list::after{
		margin-top: 6px;
	}

	.content-wrapper .dossier-wrapper h2::after{
		margin-bottom: 3px;
	}

	.content-wrapper .dossier-wrapper .author-list a{
		border-bottom: none !important;
		text-decoration: none !important;
	}

	.content-wrapper .dossier-wrapper .author-list a:hover h3{
		color: var(--color);
	}

	.content-wrapper .dossier-wrapper .author-list h3::after{
		content: ",\00a0";
	}

	.content-wrapper .dossier-wrapper .author-list a:last-child h3::after{
		content: "";
	}

	.content-wrapper .dossier-wrapper .articles_number{
		font-family: var(--font-mono);
	  font-size: var(--small-size);
	  text-align: center;
	  margin:0;
	  transition: all 0.4s ease;
	}

	.content-wrapper .dossier-wrapper a:hover .articles_number{
		color: var(--color);
	}

	.content-wrapper .dossier-wrapper section{
		border-bottom: 1px solid #000;
		padding-bottom: calc(var(--padding) * 3);
		padding: calc(var(--padding) * 2) var(--padding) calc(var(--padding) + 5px) var(--padding);
	}

	.content-wrapper .article-dossier-serie h1{
		text-align: center;
		line-height: 1.2;
	}

	.content-wrapper .dossier-serie{
		font-family: var(--font-mono);
		font-size: calc(var(--small-size) - 2px);
		text-transform: uppercase;
		margin: 0;
		margin-bottom: 5px;
	  letter-spacing: 0.05em;
	}

	.content-wrapper .dossier-serie li{
		background: var(--color);
		font-weight: 500;
		border: 1px solid var(--color);
		padding: 2px 5px;
		margin-bottom: 5px;
		margin-right: 5px;
		transition: all 0.2s ease;
		list-style: none;
	}

	.content-wrapper .dossier-serie a{
		color: #FFF;
	}

	.content-wrapper .dossier-serie li:hover {
		background: #FFF;
		border: 1px solid var(--color);
	}

	.content-wrapper .dossier-serie li:hover a{
		color: var(--color);
	}

	.content-wrapper .dossier-wrapper section.series:nth-child(odd){
		border-right: 1px solid #000;
	}

	.content-wrapper .dossier-wrapper .articles-grid  .series figure{
		width: 40%;
	}


	.content-wrapper.tags-wrapper{
		margin:0;
	}

	.content-wrapper .tags{
		font-family: var(--font-mono);
		font-size: calc(var(--small-size) - 2px);
		text-transform: uppercase;
		margin: 0;
	}

	.content-wrapper .tags li:not(.tag-theme){
		color : rgba(0,0,0, 0.8);
	}

	.content-wrapper .tags li{
		margin-right: 5px;
		padding:0;
		display: inline-block;
		font-weight: 500;
		letter-spacing: 0.05em;
	}

	.content-wrapper .tags li a{
		border: none;
	}

	.content-wrapper .tags li.tag-theme a:hover{
		color: #000;
	}

	.content-wrapper .tags li.tag-theme a{
		color: var(--color);
		transition: all 0.2s ease;
	}

	.content-wrapper .tags li.media-type{
		background: var(--color);
		padding: 0px 10px;
	}

	.content-wrapper .tags li.media-type a{
		color: #FFF;
	}

	.content-wrapper .tags li:after{
		content: "|";
/*		margin-left: 5px;*/
/*		margin-right: 5px;*/
	}

	.content-wrapper .tags li:last-child:after{
		content: none;
	}

	.content-wrapper .meta{
		font-family: var(--font-mono);
		font-size: var(--small-size);
		margin: 0;
		padding-right: 1rem;
	  padding-left: 1rem;
/*	  margin-bottom: calc(var(--padding) * 1);*/
		color : rgba(0,0,0, 0.8);
	}

	.content-wrapper .article-content .meta a{
		border-bottom: none;
	}

	.content-wrapper .meta p a::after{
		content: ",\00a0";
		margin-left: -3px;
	}

	.content-wrapper .meta p a:last-child::after{
		content: "";
		margin-left: 0;
	}

	.content-wrapper .article-content .meta p{
		margin-bottom: 5px;
	}

	.content-wrapper .meta + .article-content{
		margin-top: calc(var(--padding) * 1);
	}

	.content-wrapper .article-content .meta .article-numero{
		opacity: 1;
		font-family: var(--font-mono);
		font-weight: normal;
	}

	.content-wrapper .article-content .meta .article-numero a{
/*		border-bottom: 1px dotted #000;*/
	}

	.content-wrapper .meta .row{
		margin:0;
		padding: 0;
	}

	.content-wrapper .article-meta{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		padding-top: 14px;
		padding-bottom: 14px;
		margin: 0;
		margin-bottom: var(--padding);
		font-family: var(--font-mono);
	  font-size: var(--small-size);
	  color: var(--color);
	  text-transform: uppercase;
	  position: relative;
	}

	.content-wrapper .reading-time{
		font-family: var(--font-mono);
	  font-size: var(--small-size);
	  text-transform: uppercase;
	  color: var(--color);
	  margin-left: 32px;
	}

	.content-wrapper .reading-time figure{
		width: 20px !important;
		display: inline-block;
		vertical-align: bottom;
		margin-right: 3px;
	}

	.article-share{
		position: relative;
	}

	.article-share ul{
		background: #FFF;
		text-align: right;
		height: 0;
		max-height: 0;
		overflow: hidden;
		position: absolute;
		right:0;
		top: 32px;
		visibility: hidden;
		transition: all 0.5s ease;
	}

	.article-share ul.active{
		max-height: 200px;
		height: auto;
		padding: 10px 0;
		visibility: visible;
	}

	button.article-share-btn{
		display: block;
		line-height: inherit;
		cursor: pointer;
	}

	.article-share ul li{
		padding: 1px 10px;
	}

	.content-wrapper .article-print-btn figure,
	.content-wrapper .article-share-btn figure{
		width: 20px !important;
		display: inline-block;
		vertical-align: bottom;
	}

	.content-wrapper .article-print-btn,
	.content-wrapper .article-share-btn{
		margin-right: 10px;
		margin-left: 10px;
		text-align: right;
	}

	.article-meta-left, .article-meta-right{
		margin: 0;
	}

	.article-meta-right{
		position: absolute;
		right: 0;
	}



	.content-wrapper h1, .content-wrapper h1 p{
		font-size: var(--big-size);
		margin-bottom: calc(var(--padding) * 2);
		font-family: var(--font-serif);
		font-weight: bold;
		text-align: center;
	}

	.content-wrapper .article_article-author_wrapper{
		margin-top: calc(var(--padding) * -1.5);
		margin-bottom: calc(var(--padding) * 2);
		text-align: center;
		font-family: var(--font-mono);
	}


	.content-wrapper .article_article-author_wrapper .article_article-date{
		font-size: 21px;
	}

	.content-wrapper .article_article-author_wrapper .article_article-date::before{
		content: "|";
		margin-left: 10px;
		margin-right: 10px;

	}

	.content-wrapper h1 + .article-info{
		margin-top: calc(var(--padding) * -2);
	}

	.article_article-author{
		font-size: var(--medium-size);
	}

	.article_article-author a{
		border-bottom: 1px dotted #000;
	}

	.article_article-author a::after{
		content: ",\00a0";
		margin-left: -5px;
		border: none;
	}

	.article_article-author a:last-child::after{
		content: "";
		margin-left: 0;
	}

	.content-wrapper h2{
		margin-bottom: var(--padding);
		margin-top: calc(var(--padding)*1.5);
		color: rgba(0, 0, 0, 0.85);
	}


	.content-wrapper h3{
		margin-bottom: 5px;
		margin-top: calc(var(--padding)*1);
		color: rgba(0, 0, 0, 0.85);
		font-size: var(--menu-size);
	}

	.related-articles{
		margin-top: calc(var(--padding) * 6);
		text-align: center;
		padding: 0;
	}


	.related-articles h2{
		font-size: var(--menu-size);
		color: #FFF;
		background: var(--color);
		text-transform: uppercase;
		padding-bottom: var(--padding);
		padding-top: var(--padding);
		margin: 0;
	}

	.related-articles h3{
		margin-top: 0.75rem;
		font-family: var(--font-serif);
	}

	.related-articles h3 a p{
		font-weight: bold;
	}

	.related-articles .meta::before{
		content: "";
	}

	.related-articles li.article{
		border-bottom: 1px solid #000;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.related-articles li.article .meta{
		margin-bottom: 0;
	}

	.related-articles li.article::marker{
		content:"";
	}

	.related-articles li.article:last-child{
		border-bottom: none;
	}

	/* ------------- PROJET ÉDITORIAL --------------- */
	.content-wrapper .article-content .people-grid {
		margin-left:0 !important;
		margin-right:0;
	}

	.people-grid li a{
		text-decoration: none !important;
	}

	.who-author-list h2{
		text-align: center;
	  text-transform: uppercase;
	  display: block;
	  padding: var(--padding);
	  font-size: var(--menu-size);
	  margin: 0;
	  background: var(--color);
	  color: #FFF;
	  position: relative;
	  top: -1px;
	}

	.who-author-list-by-group{
		margin-left: 0 !important;
		margin: 0;
	}

	.who-author-list-by-group li{
		padding: calc(var(--padding) * 2) var(--padding);
	}

	.who-author-list-by-group li{
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.who-author-list-by-group li:nth-child(3n){
		border-right: none;
	}

	.who-author-list-by-group li figure{
		width: 50%;
		margin:auto;
	}

	.who-author-list-by-group li figure img{
		border-radius: 100%;
	}

	.who-author-list-by-group li h3{
		font-family: var(--font-mono);
		font-size: var(--menu-size);
		margin:0;
		margin-top: var(--padding);
	}

	.who-author-list-by-group li h4{
		font-family: var(--font-mono);
		font-size: var(--small-size);
	}



	.people-grid .author_firstletter:first-child{
		display: none;
	}

	.people-grid .author_firstletter:nth-child(2){
		border-top: none;
	}

	.people-grid .author_firstletter{
		border-top: 1px solid #000;
		font-family: var(--font-sans);
		font-size: 48px;
		position: relative;
		padding-top: var(--padding);
	}

	.people-grid .author_firstletter > span{
		position: absolute;
		left: 20%;
		top: 16px;
	}

	.people-grid li{
		margin-bottom: 20px;
	}

	.people-grid h2{
		margin:0;
		margin-bottom: 0px;
	}

	.people-grid h3{
		margin:0;
		font-size: var(--small-size);
		margin-bottom: var(--padding);
		font-family: var(--font-mono);
	}

	.people-grid figure{
		border-radius: 50%;
	  overflow: hidden; /
	}

	.content-wrapper .index .letter-group{
		padding-left: 0;
		border-top: 1px solid #000;
		padding-top: var(--padding);
		padding-bottom: calc(var(--padding) - 20px);
	}

	.content-wrapper .index .letter-group:last-child{
		border-bottom: 1px solid #000;
	}

	.index .letter-heading {
	  font-family: var(--font-sans);
	  font-size: 48px;
	  position: relative;
/*	  padding-top: var(--padding);*/
	  margin-top: 0;
	}

	.index .letter-heading > span {
	  position: absolute;
	  left: 20%;
	  top: -8px;
	}

	.content-wrapper .article-content .index .index-group a{
		border-bottom: none !important;
	}

	.index .index-group li{
/*		margin-top: 20px;*/
  	margin-bottom: 20px;

	}

	.index h2, .index h3{
		margin:0;
		margin-bottom: 5px;
	}

	.index .index-group li h2::first-letter{
		text-transform: uppercase;
	}

	.content-wrapper h1.thematique-title::first-letter{
		text-transform: uppercase;
	}

	.author-content h1{
		font-family: var(--font-serif);
		font-weight: bold;
		font-size: var(--big-size);
	}

	.content-wrapper .author-content h2{
		font-size: var(--menu-size);
		text-align: center;
		font-family: var(--font-mono);
	}

	.content-wrapper .author-content h3.group{
		font-size: var(--menu-size);
		text-align: center;
		font-family: var(--font-mono);
		margin-top:0;
	}

	.author-content h3{margin: var(--padding) 0}

	.author-content h1, .author-content h2{
		text-align: center;
		margin:0;
		line-height: 1.2;
	}

	.author-content figure{
		width: 200px;
		margin: auto;
		border-radius: 50%;
	  overflow: hidden; 
	  margin-top: 15px;
	  margin-bottom: var(--padding);
	}

	.author-articles{
		margin-top: calc(var(--padding) * 3);
		text-align: center;
	}

	.author-articles h2{
		font-size: var(--menu-size);
	  color: #FFF;
	  background: var(--color);
	  text-transform: uppercase;
	  padding-bottom: var(--padding);
	  padding-top: var(--padding);
	  margin: 0;
	}

	.author-articles li.article{
		border-bottom: 1px solid #000;
		padding-top: var(--padding);
		padding-bottom: var(--padding);
	}

	.author-articles li.article::marker{
		content:"";
	}

	.author-articles .meta::before{
		content: "";
	}

	/* ------------- LES NUMÉROS --------------- */
	.numeros-wrapper ul{
		margin:0;
	}

	.numeros-wrapper .article-inner{
		border-top: 1px solid #000;
/*		padding-top: calc(var(--padding) * 1);*/
	}

	.numeros-wrapper .numero-sommaire .article-inner{
		border: none;
		padding-top: 0;
		padding-bottom: 10px;
	}

	.numeros-wrapper .meta::before{
		content: "";
	}

	.numeros-list{
		text-align: center;
		position: relative;
	}

	.numeros-list li{
		margin-bottom: var(--padding);
		position: relative;
	}

	.numeros-list > li:not(:first-child){
		border-top: 1px solid #000;
	}

	.numeros-list > li:last-child{
		border-bottom: 1px solid #000;
		padding-bottom: calc(var(--padding) * 1);
	}

	.numeros-list > li{
		position: relative;
		padding-top: calc(var(--padding) * 1);
	}

	.numero-title{
		display: inline-block;
		font-size: 48px;
		text-transform: uppercase;
		font-family: var(--font-sans);
	}

	.numero-date{
		display: block;
		font-family: var(--font-sans);
		font-size: var(--small-size);
		text-transform: uppercase;
	}

	.numeros-list .open-summary{
		position: absolute;
		top: 25px;
		left: calc(50% + 150px);
	  cursor: pointer;
	  line-height: inherit;
	}

	.numeros-list .open-summary:hover svg .st0{
		stroke: var(--color) !important;
		cursor: pointer;
	}

	.numeros-list .open-summary svg{
		width: 14px;
		position: relative;
		top: 15px;
		transition: all 0.5s ease;
	}

	.numeros-list .open-summary.open svg{
		transform: rotate(180deg);
	}

	.numero-sommaire{
		min-height: 0;
		max-height: 0;
		transition: all 1s ease;
		overflow: hidden;
		visibility: hidden;
	}

	.numero-sommaire.open{
		max-height: 9000px;
		visibility: visible;
	}

	.numero-dossiers-inner{
		padding-left: calc(var(--padding) * 3);
		padding-right: calc(var(--padding) * 3);
	}

	.numero-sommaire h2{
		text-transform: uppercase;
		font-size: var(--menu-size);
		background: var(--color);
		padding: var(--padding);
		color: #FFF;
		margin-bottom: var(--padding);
	}

	.numero-sommaire h2 a{
		color: #FFF;
		transition: all 0.2s ease;
	}

	.numero-sommaire h2 a:hover{
		letter-spacing: 0.2px;
	}

	.numero-sommaire li.article-prev .article-inner{
		border-top: none;
/*		padding-top: var(--padding);*/
		padding-top: 0;
	}

	.numero-sommaire li.article-prev .article-inner .meta{
		margin-bottom: var(--padding);
	}

	.numero-sommaire .numero-somaire_article-title{
		font-family: var(--font-serif);
		font-weight: bold;
		margin-top: calc(var(--padding) /2);
	  margin-bottom: calc(var(--padding) /3);
	}

	.numero-sommaire li{
		margin-bottom:5px;
		padding-left: 50px;
		padding-right: 50px;
	}


	/* ------------- NUMÉRO --------------- */

	/* Header */
	.numero-header{
		position: fixed;
		z-index: 90;
		font-family: var(--font-sans);
		width: var(--mainW);
		top: var(--headerH);
		left: var(--menuW);
		margin-left: 0;
		margin-right: 0;
		padding: calc(var(--padding)/3) calc(var(--padding) * 2);
		height: calc(var(--headerH));
		background: var(--color);
		color: #FFF;
		text-align: center;
	}

	.numero-header h1{
		font-size: var(--big-size);
		text-transform: uppercase;
		margin-bottom: -5px;
	}

	.numero-header span{
		font-family: var(--font-mono);
		font-size: var(--small-size);
		font-weight: 700;
	}

	.numero-wrapper{
		padding-left:0 ;
		padding-right:0 ;
		padding-top: var(--headerH);
		padding-bottom: 0;
	}

	section.content-wrapper + .numero-wrapper{
		padding-top: 0;
	}

	.numero-wrapper .row, .actus-wrapper .row{
		margin-left:0 ;
		margin-right:0 ;
	}

	/* bandeau médias */

	.numero-wrapper h1{
		text-align: center;
		text-transform: uppercase;
		color: #000;
		margin:0;
		padding: var(--padding);
		font-size: 48px;
		font-family: var(--font-sans);
		font-weight: normal;
		display: block;
	}

	body[data-template="home"] .numero-wrapper h1.numero-title{
		border-top: 1px solid #000;
		width: 100%;
	}

	.actus-wrapper .une-wrapper h1{
		border-bottom: none;
		opacity: 1;
	}

	.actus-wrapper h1{
		text-align: center;
		text-transform: uppercase;
		color: #000;
		margin:0;
		padding: var(--padding);
		font-size: 48px;
		font-family: var(--font-sans);
		font-weight: normal;
	}

	.une-inner{
		border: 30px solid var(--color);
	}

	.bandeau-format h1{
		opacity: 1;
	}

	.edito-wrapper{
		padding: calc(var(--padding) * 4);
		font-family: var(--font-mono);
	}


	.bandeau-container > h2{
		text-align: center;
		text-transform: uppercase;
		display: block;
		padding: var(--padding);
		font-size: var(--menu-size);
		margin:0;
		background: var(--color);
		color: #FFF;
		position: relative;
		top: -1px;
	}

	.bandeau-container > h2 a{
		color: #FFF;
		transition: all 0.2s ease;
	}

	.bandeau-container > h2 a:hover{
		letter-spacing: 0.2px;
	}

	.bandeau figure{
		margin-bottom: calc(var(--padding) /2);
	}

	.content-wrapper .bandeau .meta:before{
		content: "—";
		margin-bottom: calc(var(--small-padding) / 2);;
		display: block;
	}

	.bandeau h3{
		font-size: var(--text-size);
		font-family: var(--font-serif);
		font-weight: bold;
		text-align: center;
		margin-top: calc(var(--padding) /2);
		margin-bottom: 0;
		white-space: normal;
	}

	.bandeau h3 p{
		font-weight: bold;
	}

	.bandeau .article-inner{
		position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  width: 100%;
	  padding: 0 calc(var(--padding) *2) 0 calc(var(--padding) *2);
	}

	.bandeau .big{
		min-height: 380px;
		border-right: none;
	}

	.bandeau .big .article-inner{
		width: 80%;
		margin: auto;
	}

	.bandeau .major{
		min-height: 280px;
	}

	.bandeau li:nth-child(2n of .major){
		border-right: none;
	}

	.bandeau .minor{
		min-height: 250px;
		height: auto;
	}

	.bandeau li:nth-child(3n of .minor){
		border-right: none;
	}

	.bandeau .big h3{
		font-family: var(--font-serif);
		font-size: var(--big-size);
		font-weight: bold;
	}

	.bandeau .major h3{
		font-family: var(--font-serif);
		font-size: var(--large-size);
		font-weight: bold;
	}

	.bandeau .minor h3{
		font-family: var(--font-serif);
		font-size: var(--text-size);
		font-weight: bold;
	}

	.bandeau > li{
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		padding: var(--padding);
		position: relative;
	}

	.bandeau-medias > li{
		border-right: none;
	}

	.bandeau .meta {
	  font-size: 15px;
	  margin-bottom: 0;
	}

	.bandeau .meta:before{
		content: none;
	}

	/* Image de couverture dans les bandeaux (home, numéro) :
	   le bloc n'est plus centré en absolu pour que la carte grandisse avec l'image */
	.bandeau > li.has-cover{
		display: flex;
		align-items: center;
	}

	.bandeau .has-cover .article-inner{
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		padding-top: var(--padding);
		padding-bottom: var(--padding);
	}

	.bandeau .article-cover{
		margin: var(--padding) auto 0 auto;
	}

	.bandeau .article-cover img{
		display: block;
		width: 100%;
	}

	.bandeau .big .article-cover{
		width: 50%;
	}

	/* Bandeau scroll */

	.bandeau-wrapper-scroll {
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	}
	.bandeau-wrapper-scroll .bandeau-scroll {
	    margin:0 !important;
			overflow: hidden;
		  -webkit-overflow-scrolling: touch; 
			display: flex;
	    position: relative;
	    padding-bottom: 30px;
	}

	.bandeau-scroll > li {
	    display: flex;
	    padding: 0 var(--padding);
	    padding-bottom: calc(var(--padding) * 2);
	    min-width: 33.33333%;
	    width: 33.3333%;
	    max-width: 33.33333%;
			text-align: center;
			cursor: drag;
	}

	.bandeau-scroll > li figure{
		width: 100%;
		margin: auto;
	}

	.bandeau-scroll > li .article-inner{
		margin: auto;
		margin-top: 0;
		margin-bottom: 0;
	}

	.bandeau-scroll h3{
		margin-top: var(--padding);
		font-family: var(--font-serif);
		font-size: var(--text-size);
	}

	.bandeau-scroll h3 p{
		font-weight: bold;
	}

	.bandeau-scroll .media-cover{
		position: relative;
		margin-bottom: var(--padding);
	}

	.bandeau-scroll .media-cover .icon-media-wrapper{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background: var(--color);
		width: 60px;
	  height: 60px;
	  padding-top: 14px;
	  border-radius: 100%;
	}

	.bandeau-scroll .media-cover .icon-media-wrapper figure{
		width: 60%;
		margin:auto;
	}


	.scroll-button {
	  position: absolute;
	  bottom: -20px;
	  transform: translateY(-80%);
	  background-color: var(--color);
	  color: #FFF;
	  border-radius: 100%;
	  border: none;
	  padding: 10px 13px;
	  cursor: pointer;
	  z-index: 1;
	}

	.scroll-button.prev {
		left: 50%;
		transform: translate(-60px, -80%);
	}

	.scroll-button.notactive{
		opacity: 0.5;
	}

	.scroll-button.next {
		right: 50%;
		transform: translate(60px, -80%);
	}


	/* rubriques */

	.rubrique-wrapper{
		border-top: 2px solid var(--color);
		position: relative;
		top: -2px;
	}

	.rubrique-wrapper h2{
		text-align: center;
		text-transform: uppercase;
		display: block;
		padding: var(--padding);
		font-size: var(--menu-size);
		margin:0;
		background: var(--color);
		color: #FFF;
	}

	.rubrique-wrapper h2 a{
		color: #FFF;
		transition: all 0.2s ease;
	}

	.rubrique-wrapper h2 a:hover{
		letter-spacing: 2px;
	}


	/* ARTICLE GRID */
	.rubrique-wrapper .articles-grid{
		margin:0;
	}

	.articles-grid h3{
		text-align: center;
		margin-top: var(--padding);
		margin-bottom: calc(var(--padding) /3);
	}

	.articles-grid h3 a{
		border: none;
	}

	.articles-grid .article {
		position: relative;
	}

	.articles-grid .article-inner {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) ;
		width: 100%;
		padding: 0 calc(var(--padding) *2) 0 calc(var(--padding) *2);
	}

	.articles-grid .article .meta:before{
		content: none;
	}

	.articles-grid .article .meta{
		font-size: var(--small-size);
		margin-bottom: 0;
	}

	.major-col, .minor-col{
		padding: 0;
	}

	.major-col-left .article{
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
	}

	.major-col-right .article{
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
	}

	.minor-col-left .article{
		border-bottom: 1px solid #000;

	}

	.minor-col-right .article{
		border-bottom: 1px solid #000;
	}

	.major-col .article{
		height:280px;
	}

	.minor-col .article{
		height:186.5px;
	}

	.major-col h3{
		font-family: var(--font-serif);
		font-size: var(--menu-size);
		font-weight: bold;
	}

	.minor-col h3{
		font-family: var(--font-serif);
		font-size: var(--text-size);
		font-weight: bold;
	}

	/* espace vert en bas de la page HOME	*/
	.numero-old-empty{
		width: 100%;
		height: 300px;
		background: transparent;
		border-top: 1px solid #000;
	}

	/* -------------- T O O L T I P ----------------	*/

	/* Tooltip container */
/*	.tooltip {
	  position: relative;
	  display: inline-block;
	}*/

	.tooltip .tooltiptext {
	  visibility: hidden;
	  width: 120px;
	  background-color: var(--color);
	  color: #000;
	  font-family: var(--font-mono);
	  font-size: var(--small-size);
	  text-align: center;
	  padding: 5px 0;
	  border-radius: 6px;
	  position: absolute;
	  z-index: 1;
	}

	.tooltip .tooltiptext.tooltiptextright {
	  top: 50%;
  	left: 25px;
	}

	.tooltip .tooltiptext.tooltiptextleft {
	  top: 50%;
  	right: 105%; 
	}

	.tooltip .tooltiptext.tooltiptexttop {
  	bottom: 100%;
  	margin-left: -60px;
	}

	.tooltip .tooltiptext.tooltiptextbottom {
	  margin-left: -60px;
	  margin-top: 5px;
	}

	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}

	/* ------------- A G E N D A -------------------- */

	/* Liste des évènements (page Agenda) */
	.agenda-wrapper{
		padding-bottom: 0;
	}

	.event-list{
		margin: 0;
		padding: 0;
		list-style: none;
		border-top: 1px solid #000;
	}

	.content-wrapper .event-list > li.event-item{
		margin: 0;
		padding: calc(var(--padding) * 1.5) var(--padding);
		border-bottom: 1px solid #000;
	}

	.event-item--reverse{
		flex-direction: row-reverse;
	}

	.event-item_cover figure{
		margin: 0;
	}

	.event-item_cover img{
		display: block;
		width: 100%;
	}

	.event-item_infos{
		text-align: center;
		padding: var(--padding);
	}

	.event-item_infos .tags-wrapper{
		margin-bottom: calc(var(--small-padding) * 1.5);
	}

	.content-wrapper .event-date{
		font-family: var(--font-sans);
		font-size: var(--large-size);
		color: var(--color);
		margin: 0 0 5px 0;
	}

	.content-wrapper .event-place,
	.content-wrapper .event-time{
		font-family: var(--font-mono);
		font-size: var(--text-size-medium);
		color: rgba(0,0,0, 0.8);
		margin: 0 0 3px 0;
	}

	.event-item_infos h2{
		font-family: var(--font-serif);
		font-size: var(--large-size);
		font-weight: bold;
		line-height: 1.2;
		margin: 0;
	}

	.event-item_infos h2 p{
		font-weight: bold;
		margin: 0;
	}

	.event-item_infos h2::before,
	.event-item_infos .read-more::before{
		content: "—";
		display: block;
		font-family: var(--font-mono);
		font-size: var(--small-size);
		font-weight: normal;
		margin: calc(var(--padding) * 0.8) 0;
	}

	.event-item_infos .read-more{
		font-family: var(--font-mono);
		font-size: var(--text-size-medium);
		margin: 0;
	}

	.event-item_infos .read-more a{
		border: none;
		transition: all 0.2s ease;
	}

	.event-item_infos .read-more a:hover,
	.event-item_infos h2 a:hover{
		color: var(--color);
	}

	.event-past > h2{
		top: 0;
	}

	.event-past .event-list{
		border-top: none;
	}

	.content-wrapper .event-empty{
		text-align: center;
		font-family: var(--font-mono);
		font-size: var(--small-size);
		padding: calc(var(--padding) * 2);
		border-top: 1px solid #000;
	}

	/* Tags « #type » d'un évènement (pas de page associée) */
	.content-wrapper .tags li.tag-event-type span{
		color: var(--color);
	}

	/* Page évènement */
	body[data-template="event"] .event-infos{
		text-align: center;
		margin-bottom: var(--padding);
	}

	body[data-template="event"] .article-meta a{
		border: none;
	}

	/* Bandeau Agenda (page d'accueil) */
	.bandeau-agenda-container{
		border-bottom: 1px solid #000;
	}

	.bandeau-agenda-container h1 a{
		color: #000;
	}

	.bandeau-agenda .event-cover{
		position: relative;
		margin-bottom: var(--padding);
	}

	.bandeau-agenda .event-cover img{
		display: block;
		width: 100%;
	}

	.bandeau-agenda .event-cover-empty{
		aspect-ratio: 500 / 320;
		background: rgba(0,0,0, 0.08);
	}

	.bandeau-agenda .event-cover-date{
		position: absolute;
		right: var(--padding);
		bottom: var(--padding);
		background: var(--color);
		color: #FFF;
		font-family: var(--font-sans);
		font-size: var(--large-size);
		line-height: 1;
		padding: 10px 15px;
	}

	.bandeau-agenda .meta::before{
		content: "—";
		display: block;
		margin-bottom: calc(var(--small-padding) / 2);
	}

	.content-wrapper .error-title{
		font-family: var(--font-sans);
		text-align: left;
		font-size: 48px;
		margin-bottom: var(--padding);
		text-transform: uppercase;
	}

	/* ------------- DIFFICULTÉ DES ARTICLES -------------------- */
	.difficulte{
		position: relative;
		display: inline-block;
		color: var(--color);
		line-height: 0;
		cursor: help;
	}

	.difficulte svg{
		display: block;
		width: 100%;
		height: auto;
	}

	/* Phrase au survol (ou au focus clavier / au toucher) */
	.difficulte-tooltip{
		visibility: hidden;
		opacity: 0;
		position: absolute;
		top: calc(100% + 8px);
		right: 0;
		z-index: 10;
		width: max-content;
		max-width: 240px;
		padding: 6px 10px;
		background: var(--color);
		color: #000;
		font-family: var(--font-mono);
		font-size: var(--small-size);
		line-height: 1.3;
		text-align: left;
		text-transform: none;
		letter-spacing: 0;
		border-radius: 6px;
		transition: opacity 0.2s ease;
		pointer-events: none;
	}

	.difficulte:hover .difficulte-tooltip,
	.difficulte:focus .difficulte-tooltip{
		visibility: visible;
		opacity: 1;
	}

	/* Dans les bandeaux (home, numéro) : en haut à droite de chaque article */
	.difficulte--card{
		position: absolute;
		top: var(--padding);
		right: var(--padding);
		width: 20px;
		z-index: 2;
	}

	/* Dans la barre .article-meta de l'article */
	.difficulte--meta{
		width: 18px;
		margin-right: 10px;
		margin-left: 10px;
		align-self: center;
	}

	/* ------------- ENCARTS « FAIRE UN DON » / « NEWSLETTER » -------------------- */
	/* (sélecteurs renforcés avec « body » pour passer devant les styles de texte des articles) */
	.encart{
		display: block;
		list-style: none;
		margin: 0;
		padding: calc(var(--padding) * 2.5) var(--padding);
		text-align: center;
	}

	.encart--don{
		background: var(--color);
		color: #FFF;
	}

	.encart--newsletter{
		background: #FFF;
		color: #000;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	.encart-inner{
		max-width: 640px;
		margin: 0 auto;
	}

	body .content-wrapper .encart p.encart-titre,
	body .encart p.encart-titre{
		font-family: var(--font-sans);
		font-size: var(--large-size);
		text-transform: uppercase;
		line-height: 1.15;
		text-align: center;
		hyphens: none;
		color: inherit;
		margin: 0 0 calc(var(--padding) * 0.6) 0;
	}

	body .content-wrapper .encart--newsletter p.encart-titre,
	body .encart--newsletter p.encart-titre{
		color: var(--color);
	}

	body .content-wrapper .encart p.encart-texte,
	body .encart p.encart-texte{
		font-family: var(--font-serif);
		font-size: var(--text-size);
		line-height: var(--line-height);
		text-align: center;
		hyphens: none;
		color: inherit;
		margin: 0 0 var(--padding) 0;
	}

	body .content-wrapper .encart p.encart-bouton,
	body .encart p.encart-bouton{
		text-align: center;
		margin: 0;
	}

	body .encart .encart-bouton a{
		display: inline-block;
		font-family: var(--font-sans);
		font-size: var(--menu-size);
		text-transform: uppercase;
		text-decoration: none;
		padding: 12px 28px;
		border: 2px solid;
		transition: all 0.2s ease;
	}

	/* reste centré même quand le texte des articles passe à gauche (téléphone, accessibilité) */
	body .content-wrapper .article-content .encart .encart-inner p{
		text-align: center;
	}

	/* annule le soulignement des liens dans le texte des articles */
	body .content-wrapper .encart p.encart-bouton a{
		text-decoration: none;
	}

	body .encart--don .encart-bouton a{
		background: #FFF;
		color: var(--color);
		border-color: #FFF;
	}

	body .encart--don .encart-bouton a:hover{
		background: transparent;
		color: #FFF;
	}

	body .encart--newsletter .encart-bouton a{
		background: var(--color);
		color: #FFF;
		border-color: var(--color);
	}

	body .encart--newsletter .encart-bouton a:hover{
		background: #FFF;
		color: var(--color);
	}

	/* Dans le texte d'un article ou d'un évènement (bloc « Encart ») */
	.content-wrapper .article-content .block-type-encart{
		margin: calc(var(--padding) * 2) 0;
	}

	/* ------ LIGHTBOX ------- */
	.glightbox-clean .gslide-description{
		background: transparent;
	}

	.glightbox-clean .gslide-title{
		font-size: var(--small-size);
		font-family: var(--font-mono);
		opacity: 0.7;
		color: #FFF;
		text-align: center;
	}

	.glightbox-clean .gclose,
	.glightbox-clean .gnext, 
	.glightbox-clean .gprev{
		background: var(--color);
		border-radius: 100%;
		opacity: 1;
	}

	.glightbox-clean .gclose:hover{
		background: var(--color);
	}

	.glightbox-clean .gclose svg{
		width: 10px;
	}

	.glightbox-clean .gnext, 
	.glightbox-clean .gprev{
		width: 40px;
		height: 40px;
	}

	.glightbox-clean .gnext svg, 
	.glightbox-clean .gprev svg{
		width: 15px;
	}

	.glightbox-clean .gnext:hover, 
	.glightbox-clean .gprev:hover{
		background: var(--color);
	}


	/* ------ SLICK CARROUSSEL / IMAGES GALLERY ----- */
	.slick-prev, .slick-next{
	  background-color: var(--color);
	  color: #FFF;
	  border-radius: 100%;
	  border: none;
	  padding: 13px 13px;
	  z-index: 10;
	}

	.slick-prev::before, .slick-next::before{
		font-family: "sans-serif;";
		color: #FFF;
		opacity: 1;
	}

	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
	  color: #FFF;
	  background: var(--color);
	 }

	 .slick-dots{
	 		bottom: -40px;
	 }

	.slick-dots li.slick-active button::before{
	  opacity: 1;
	  color: var(--color);
	}

	.slick-dots li button::before{
	  font-size: 10px;
	}

	/* ------------- NEWSLETTER / FORM -------------- */
	.sib-form{
		margin-top: calc(var(--padding)) !important;
		padding: 0 !important;
		font-family: var(--font-sans) !important;
	}

	#sib-container{
		margin-top: calc(var(--padding)*4) !important;
		text-align: center !important;
	  border: 1px solid #000 !important;
	  padding: calc(var(--padding) *2) !important;
	  width: 100% !important;
	  border-radius: 0 !important;
	  max-width: none !important;
	}

	#sib-container #sib-form{
		width: 80%;
		margin: auto;
	}

	.sib-form-block p{
		font-weight: bold !important;
		font-family: var(--font-serif) !important;
		text-align: center !important;
		line-height: 1.2 !important;
	}

	.sib-text-form-block p{
		font-family: var(--font-mono) !important;
		font-weight: normal !important;
	}

	#sib-form .entry__field input{
		margin:auto !important;
		text-align: left !important;
		font-family: var(--font-sans) !important;
		font-weight: 400 !important;
		padding: 10px 0px !important;
		font-size: 18px !important;
		width: 100% !important;
		display: block !important;
	}

	#sib-form .entry__field input:focus{
		border: 2px solid var(--color);
		outline: none !important;
	}

	.sib-form .entry__field{
		border: none !important;
	  border-bottom: 1px solid #000 !important;
/*	  width: 60% !important;*/
	  border-radius: 0 !important;

	}

	.sib-form-block__button{
		padding: 5px 20px !important;
		border: 1px solid var(--color) !important;
		color: var(--color) !important;
		background: #FFF !important;
		text-align: center !important;
		border-radius: 0 !important;
		text-transform: none !important;
		font-family: var(--font-sans) !important;
		font-weight: normal !important;
	}

	.sib-form-block__button:hover{
		background: var(--color) !important;
		color: #FFF !important;
	}

	#sib-captcha > div{
		margin:auto;
	}



	/* ------------- CONTRIBUER / FORM -------------- */

	.honeypot {
	  position: absolute;
	  left: -9999px;
	}

	.contribuer-form{
		margin-top: calc(var(--padding));
	}

	.registration-form{
		margin-top: calc(var(--padding)*4);
		text-align: center;
	  border: 1px solid #000;
	  padding: calc(var(--padding) *2);
	}

	.registration-form .form-element{
		margin-bottom: calc(var(--padding));
	}

	.registration-form label, 
	.registration-form input,
	.registration-form textarea{
		display:block;
		margin:auto;
		text-align: left;
		font-family: var(--font-sans);
		font-weight: 400;
		padding: 10px 0px;
	}

	.registration-form textarea{
		font-family: var(--font-serif);
		font-size: 15px;
		height: 150px;
	}

	.registration-form .urgent-checkbox{
		display: flex;
		width: 60%;
		margin: auto;
	}

	.registration-form .urgent-checkbox input,
	.registration-form .urgent-checkbox label{
		margin:0;;
	}

	.registration-form .urgent-checkbox label{
		margin-left: 12px;
	}

	.registration-form input[type=text], 
	.registration-form input[type=email]{
		border: none;
	  border-bottom: 1px solid #000;
	  width: 60%;
	}

	.registration-form textarea{
		 width: 60%;
		 padding: 5px;
	}

	.registration-form input[type=text]:focus, .registration-form input[type=email]:focus, .registration-form textarea:focus {
	  border: 2px solid var(--color);
	  outline: none;
	}

	.registration-form .inputfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
	}

	.registration-form .custom-file-upload {
	    display: inline-block;
	    cursor: pointer;
	    padding: 10px;
	    width: 60%;
	    border: 1px solid #000;
	    text-align: center;
	    opacity: 0.8;
	}

	.registration-form .custom-file-upload:hover {
	    border-color: var(--color);
	    color: var(--color);
	}

	/* Le champ fichier est masqué : le focus clavier se reporte sur son label */
	.registration-form .form-field:focus-within .custom-file-upload {
	    border: 2px solid var(--color);
	    color: var(--color);
	}

	.registration-form .form-field{
		margin-bottom: calc(var(--padding));
		margin-top: calc(var(--padding));
	}

	.registration-form .help{
		font-size: 0.6em;
		margin-top: var(--small-padding);
	}

	.registration-button-wrapper{
		cursor: pointer;
		display: inline-block;
		padding: 5px 20px;
		border: 1px solid var(--color);
		cursor: pointer;
		color: var(--color);
	}

	.registration-button-wrapper:hover,
	.registration-button-wrapper:focus-within{
		background: var(--color);
		color: #FFF;
		cursor: pointer;
	}

	.registration-form .registration-button:focus-visible{
		outline: none;
	}

	.registration-form .urgent-checkbox input:focus-visible{
		outline-color: var(--color);
	}

	.alert{
/*		border: 1px solid #000;*/
		margin-top: var(--padding);
		padding: var(--padding);
		font-family: var(--font-sans);
	  color: #FFF;
	  text-align: center;
	}

	.alert a{
		color: #FFF;
		text-decoration: underline;
	}

	.alert.success{
		background: var(--color);
	}

	.alert.fail{
		background: red;
	}

	.alert.vote{
		text-align: center; 
		border:0;
		font-family: var(--font-sans);
		background: darkorange;
	}

	.alert.vote span{
		border-bottom: 1px dashed var(--color);
		display: inline-block;
		margin-bottom: 10px;
	}

	/* ---------   VALIDATION ------------- */
	body[data-template="validation"] main,
	body[data-template="file"] main{
		width: 100%;
		position: relative;
	}

	body[data-template="file"] main{
		width: 100%;
	}

	body[data-template="validation"] main,
	body[data-template="file"] main{
		margin-left: 0;
		margin: auto;
		border: none;
	}

	.header-validation{
		width:100%;
		height: auto;
		z-index: 99;
	}

	.header-validation .logo{
		font-size: var(--text-size);
		padding: 10px;
		height: auto;
	}

	.header-validation h1{
		text-align: center;
		border-bottom: 1px solid #000;
		font-size: var(--menu-size);
		font-weight: normal;
		text-transform: uppercase;
		padding: var(--padding);
		background: #FFF;
	}

	table {
	  border-collapse: collapse;
	  width: 100%;
	}

	td, th {
	  border: 1px solid var(--color);
	  text-align: left;
	  padding: 10px;
	}

	.validation{
		padding: 150px 50px 200px 50px !important;
	}

	.validation .list-articles{
		margin-top: calc(var(--padding)*4);
	}

	.validation .list-articles h2{
		margin-bottom: var(--padding);
		font-size: var(--medium-size);
		font-weight: normal;
		text-transform: uppercase;
		text-align: center;
	}

	.article-dl a, 
	.article-vote a, 
	.article-dis a{
		display: block;
		text-align: center;
		color: var(--color);
	}

	.article-dl a:hover, 
	.article-vote a:hover, 
	.article-dis a:hover{
		color: #000;
		text-decoration: underline;
	}

	.article-dl{
		font-size: 16px;
		overflow-wrap: break-word;
		
	}

	.article-dl li{
		margin-bottom: 10px;
	}

	.article-dl li a{
		text-align: left;
	}

	.form-btn{
		cursor: pointer;
		/*text-align: center; */
		font-family: var(--font-sans);
		font-size: var(--text-size);
		/*border: 1px solid var(--color);*/
		/*width:150px;*/
		/*margin:auto;*/
		/*color: var(--color);*/
		margin-top: 10px;
		margin-bottom: var(--padding);
		/*padding: 10px;*/
		display: block;
	}

/*	.form-btn:hover{
		background: var(--color);
		color: #FFF;
	}*/

	.form-btn.change-vote{
		width: auto;
		margin-left:0;
		margin-right:0;
		margin-bottom: calc(var(--padding) * 2);
		margin-top: 10px;
		display: inline-block;
		padding: 0;
	}

	/* ------------- FILE ----------------- */

	.validation.file h1{
		font-size: var(--big-size);
		text-align: center; 
		margin-bottom: calc(var(--padding)/2);
	}

	.validation.file h2{
		font-size: var(--text-size);
		text-align: center; 
		font-family: var(--font-mono);
	}

/*	.validation.file h3{
		margin-top: calc(var(--padding) * 2);
	}*/

	.validation.file .file-infos-col h3{
		/*border-bottom: 1px solid #000;
		border-top: 1px solid #000;*/
		background: rgba(0, 195, 60, 0.7);
		padding: 5px;
		margin-top: 15px;
		margin-bottom: 10px;
		font-family: var(--font-mono);
		font-size: 18px;
	}

	.validation.file .dl-btn{
		text-align: left; 
		font-family: var(--font-sans);
		font-size: 18px;
		/*color: var(--color);*/
		color: DimGrey;
		margin: 10px 0px;
		overflow-wrap: break-word;
/*		margin-top: var(--padding);*/
/*		margin-bottom: var(--padding);*/
/*		padding: 10px;*/
	}

	.validation.file .dl-btn .dl-arrow{
		margin-right: 10px;
	}

	.validation.file .dl-btn a{border-bottom: 1px solid var(--color);}

	.nb-votes{
		margin-top: 10px;
		text-align: left;
		font-size: var(--medium-size);
		font-family: var(--font-sans);
/*		border-bottom: 1px solid #000;*/
/*		padding-bottom: calc(var(--padding) *2);*/
	}

	.voters-name{
		line-height: 1.1;
		margin-bottom: 10px;
	}

	.voters-name li{
		display: inline-block;
		font-size: 16px;
		font-family: var(--font-mono);
		vertical-align: top;
	}

	.voters-name li:after{
		content: " /";
	}

	.voters-name li:last-child:after{
		content: "";
	}

	.voting-system{
		margin-top: calc(var(--padding)*1);
		margin-bottom: calc(var(--padding)*3);
		/*border: 1px solid #000;*/
		/*padding: var(--padding);*/
		text-align: center;
	}

	.voting-system .form-btn{
		padding: 5px;
		color: #000;
		border-color: #000;
	}

	.validation.file .voting-system h3,
	.komments-wrapper h3{
		margin-top: 0;
		margin-bottom: calc(var(--padding)*1);
		font-family: var(--font-mono);
		font-size: var(--medium-size);
		text-align: center;
		/*border-bottom: 1px solid #000;*/
		background: rgba(0, 195, 60, 0.7);
		padding: 5px;
	}

	.voting-system .radios{
		display: flex;
		justify-content: center;
	}

	.voting-system .radios .radio{
		margin-right: var(--padding);
		font-size: var(--big-size);
		font-family: var(--font-sans);
	}

	.voting-system .vote-comment p{
		font-size: 16px;
		width: 90%;
		margin: auto;
		margin-bottom: 0;
		padding: 10px;
	}


	.voting-system textarea{
		margin: auto;
		/*margin-top: calc(var(--padding)/2);*/
		display: block;
		width: 70%;
		min-height: 70px;
		padding: 10px;
	}

	.vote-comments-col li{
		font-size: var(--text-size);
		border-bottom: 1px solid #000;
		padding: 20px;
	}

	.vote-comments-col li:last-child{
		border: none;
	}

	.validation.file .vote-comments-col li h4{
		margin-top: 0;
		margin-bottom: 20px;
	}

	.vote-comments-col h2{
		background: rgba(0, 195, 60, 0.7);
	  padding: 5px;
	  margin-top: 15px;
	  margin-bottom: 10px;
	  font-family: var(--font-mono);
	  font-size: 18px;
	}

	.texte-intro-phase-2 .texte-intro-phase-2_content p{
		font-family: var(--font-serif);
		font-size: 21px;
	}

	/* ------------- KOMMENTS ----------------- */

	.komments-title{
		text-align: center;
		text-transform: uppercase;
		font-size: var(--medium-size);
		margin-top: calc(var(--padding)*2) !important;
	}

	#kommentform{
		margin: 50px auto 0px;
		padding: 0px 20px;
	}

	#kommentform textarea{
		padding: 10px;
		width: 100%;
		min-width: 300px;
		height: auto;
		font-size: var(--text-size);
	}

	#kommentform #url,
	#kommentform #author_url {
		opacity: 0;
		display: none;
	}

	#kommentform .komment-privacy{
		font-size: 10px;
	}

	.registration-form input[type=text]:focus, .registration-form input[type=email]:focus, .registration-form textarea:focus {
	  border: 2px solid var(--color);
	  outline: none;
	}

	#kommentform input[name=email], 
	#kommentform input[name=author]{
		padding: 10px;
		margin-top: 5px;
		display:block;
		text-align: left;
		font-family: var(--font-sans);
		font-weight: 400;
		padding: 10px 0px;
		border: none;
	  border-bottom: 1px solid #000;
	  font-size: 15px;
  	margin-right: 20px;
  	display: inline-block !important;	
	}

	#kommentform input[name=email]:focus, 
	#kommentform input[name=author]:focus {
	  border: 2px solid var(--color);
	}

	#kommentform input[type=submit]{
		cursor: pointer;
		text-align: center; 
		font-family: var(--font-sans);
		font-size: var(--text-size);
		border: 1px solid #000;
		width:150px;
		margin:auto;
		color: #000;
		margin-top: 20px;
		margin-bottom: 10px;
		padding: 5px;
		display: block;
	}

	#kommentform input[type=submit]:hover{
		background: var(--color);
	}

	.splitted-komments h5{
		text-transform: uppercase;
		text-align: center;
		margin-bottom: calc(var(--padding)*2);
	}

	#kommentsWebmentions .single-komment,
	.list-comments > li{
		border: 1px solid #000;
		padding: 20px var(--padding) 15px;
		grid-column-gap: 0px; 
	  grid-row-gap: 0px;
	  border-left: 0;
		border-right: 0;
		border-top: 0;
		font-size: var(--text-size)
	}

	#kommentsWebmentions .single-komment:last-child,
	.list-comments > li:last-child{
		border: none;
	}

/*	.list-comments{
		background: rgb(250, 250, 250);
	}*/

	/*.list-comments  > ul,{
		margin-left: 60px;
		background: rgb(250, 250, 250);
	}*/

	#kommentsWebmentions .type-of, 
	#kommentsWebmentions .author-avatar,
	#kommentsWebmentions .verified-badge{
		display: none;
	}

	#kommentsWebmentions .author-action,
	.list-comments .p-author{
		font-family: var(--font-sans);
		line-height: 1.2;
	}

	#kommentsWebmentions .komment-text .date,
	.list-comments .dt-published{
		font-family: var(--font-mono);
		font-size: var(--small-size);
		display: block;
		margin-bottom: var(--padding);
	}

	.list-comments > li > ul {
		margin-left: 20px;
		padding-left: 10px;
		border-left: 1px solid #000;
	}

	.splitted-komments .kommentReply,
	.list-comments .kommentReply{
		font-family: var(--font-sans);
		color: gray;
		font-size: 18px;
		display: block;
		text-align: right;
		width:	100%;
	}

	.splitted-komments .kommentReply:before,
	.list-comments .kommentReply:before{
		content: "➥";
		margin-right: 5px;
	}

	.splitted-komments .kommentReply:hover,
	.list-comments .kommentReply:hover{
		color: var(--color);
	}

	.list-comments .footer{
		margin-top: var(--padding);
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	/* ------------- FOOTER -------------- */
	footer{
		position: fixed;
		z-index: 100;
		bottom:0;
		width: 100%;
		height: var(--headerH);
		background: #FFF;
		border-top: 2px solid var(--color);
		text-transform: uppercase;
		color: var(--color);
		text-align: center;
		font-family: var(--font-sans);
	}

	footer section{
		position: relative;
	}

	footer section > div{
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.footer-left{
		border-right: 1px solid #000;	
	}

	/* ------------- ANIMATIONS RÉDUITES -------------------- */
	/* Pour les personnes qui ont activé « Réduire les animations » dans leur système :
	   transitions et animations instantanées (rien ne change pour les autres) */
	@media (prefers-reduced-motion: reduce){
		*, *::before, *::after{
			transition-duration: 0.01ms !important;
			transition-delay: 0s !important;
			animation-duration: 0.01ms !important;
			animation-delay: 0s !important;
			animation-iteration-count: 1 !important;
			scroll-behavior: auto !important;
		}
	}