: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;
		--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;
	}

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

	h2{font-size: 24px;}

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

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

	ul{
		margin: 0;
		padding: 0;
	}

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

	img, video{width:100%}

	blockquote{
		font-size: 18px;
		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;
	}

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

	header.closed .menu-wrapper{
		left: -100%;
	}

	#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);
	}

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

	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;
		transition: all 0.5s ease;
	}


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

	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-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;
	}

	.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-contribuer{
		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-contribuer .menu-contribuer_inner{
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.tetiere .menu-contribuer 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-top: 22px;
		position: relative;
	}

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

	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="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-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;
		counter-reset: footnotes;
	}

	.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) a, 
	.content-wrapper .article-content div > p a{
		border-bottom: 1px dashed #000;
	}

	.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);
	}

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

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

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

	.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{
		font-size: var(--small-size);
		font-family: var(--font-mono);
		opacity: 0.7;
		text-align: center;
	}

	.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{
		position: relative;
	}

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

	.article-content .footnote,
	.article-intro .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{
		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{
		color: #FFF;
	}

	.article-content .footnote-label,
	.article-intro .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;
	}

	[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{
		counter-reset: footnotesbott;
		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{
		border-left: 0;
	}

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


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

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


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

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

	body[data-template="article"] .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{
		cursor: pointer;
		position: absolute;
		left: -15px;
		color: var(--color);
		transition: all 0.5s ease;
	}

	#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: 1.4;
	}

	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{
		max-width: 730px;
		margin-left: auto;
		margin-right: auto;
	}

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

	.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: 1.4;
		text-align: left;
		font-family: var(--font-sans);
		font-size: var(--menu-size);
	}

	.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{
		width: 20%;
		margin: auto;
		margin-bottom: var(--padding);
	}

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

	.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;
	}

	.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;
		display: inline-block;
		vertical-align: bottom;
		margin-right: 3px;
	}

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

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

	.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:last-child{
		border-bottom: none;
	}

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

	.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;
	}

	.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);
	}

	.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 .meta::before{
		content: "";
	}

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

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

	.numero-title{
		display: 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: 3px;
		left: calc(50% + 150px);
	  cursor: pointer;
	}

	.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 2s ease;
		overflow: hidden;
	}

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

	.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 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;
	}

	/* ------------- 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;
	}

	.numero-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;
	}

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

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

	.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(--menu-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;
	}

	/* 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;
	}


	/* ------------- A G E N D A -------------------- */
	.content-wrapper .event-grid li{
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		padding: calc(var(--padding)*2) calc(var(--padding)*3);
	}

	.event-grid li:last-child{
		border-bottom :none;
	}

	.event-grid li:nth-child(2n){
		border-right: none;
	}


	.event-grid h2{
		text-align: center;
		margin:0;
		margin-bottom: 5px;
		font-family: var(--font-serif);
		font-size: var(--text-size);
	}

	.event-grid h3{
		text-align: center;
		margin:0;
		margin-bottom: 10px;
		font-size: var(--text-size);
	}

	.event-grid h3::after{
		margin-top: 10px;
		content: "—";
		display: block;
		font-family: var(--font-serif);
	}

	.event-grid h4{
		text-align: center;
		margin:0;
		text-transform: uppercase;
		font-size: var(--small-size);
		margin-bottom: 5px;
	}

	.event-grid .read-more{
		text-transform: uppercase;
		font-size: var(--small-size);
		text-align: center;
	}

	.event-grid .read-more a{
		border: none;
	}

	.event-grid .read-more::before{
		margin-top: 10px;
		margin-bottom: 10px;
		content: "—";
		display: block;
		font-family: var(--font-serif);
	}

	.event-wrapper h2{
		margin:0;
		margin-bottom: var(--padding);
		text-align: center;
	}

	.event-wrapper h3{
		text-transform: uppercase;
		font-size: var(--small-size);
		margin-bottom: 3px;
		text-align: center;
	}

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

	/* ------ 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;
	  outline: none;
	  background: var(--color);
	 }

	.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{
		display:block;
		margin:auto;
		text-align: left;
		font-family: var(--font-sans);
		font-weight: 400;
		padding: 10px 0px;
	}

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

	.registration-form input[type=text]:focus, .registration-form input[type=email]: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);
	}

	.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{
		background: var(--color);
		color: #FFF;
		cursor: pointer;
	}

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

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

	.alert.fail{
		background: red;
	}

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

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

	/* ---------   VALIDATION ------------- */
	.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: 200px 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);
	}

	.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: var(--padding);
		margin-bottom: var(--padding);
		padding: 10px;
		display: block;
	}

	.form-btn:hover{
		background: var(--color);
	}

	/* ------------- 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 .dl-btn{
		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: var(--padding);
		margin-bottom: var(--padding);
		padding: 10px;
	}

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

	.voting-system{
		margin-top: calc(var(--padding));
	}

	.voting-system h3{
		margin-bottom: calc(var(--padding)*2);
		font-family: var(--font-sans);
		font-size: var(--medium-size);
		text-align: center;
	}

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

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

	.voting-system h4{
		text-align: center;
		margin-top: var(--padding);
		margin-bottom: calc(var(--padding)/2);
	}

	.voting-system textarea{
		margin: auto;
		display: block;
	}

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

	#kommentform textarea{
		padding: 10px;
	}

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

	#kommentform input[name=email], #kommentform input[name=author]{
		padding: 10px;
	}

	#kommentform input[type=submit]{
		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: var(--padding);
		margin-bottom: var(--padding);
		padding: 10px;
		display: block;
	}

	.splitted-komments{
		border-top: 1px solid #000;
		margin-top: calc(var(--padding)*2);
		padding-top: calc(var(--padding)*2);
	}

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

	#kommentsWebmentions .single-komment{
		border: 1px solid #000;
		padding: var(--padding);
		grid-column-gap: 0px; 
	  grid-row-gap: 0px;
	}

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

	#kommentsWebmentions .author-action{
		font-family: var(--font-mono);
		line-height: 1.2;
	}

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

	.splitted-komments .kommentReply{
		font-family: var(--font-sans);
		color: gray;
		margin-top: var(--padding);
		font-size: var(--small-size);
		display: inline-block;
		float: right;
	}

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

	/* ------------- 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;	
	}