/*
	Dopetrope 2.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

/*@font-face {
    font-family: "helveticaeue";
    src: url('mafont.ttf');
} */




	*
	{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	body
	{
		/*font-family: 'Source Sans Pro';*/
		font: 100%/1.5 Roboto, Verdana, sans-serif;
		font-weight: 300;
		/*background: #e5231f; */
		background: #f7f7f7; 
		/*background-image: url('images/bg02.png');*/
		color: #5d5d5d;
	}


/*.rub194 {background-image: url('../images/ban1.png');}*/
/*.rub195 {background-image: url('../images/ban2.png');}*/
/*.rub154 {background-color:red;}*/

i
{
  font-style: italic;
  font-weight: normal;
  color:#343434;
}
em
{
  font-style: italic;
  font-weight: normal;
  color:#343434;
}



.rub a
{
	text-decoration:none;
}

	strong, b
	{
		color: #252122;
		font-weight: 700;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		color: #252122;
		font-weight: 700;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}

	a
	{
		color: #d52349;
		text-decoration: underline;
	}
	
		a:hover
		{
			text-decoration: none;
		}

	/*ajout audrey*/
	a.actu:link {color: #252122;text-decoration: underline;}
	a.actu:hover{color: #252122;text-decoration: none;}
	a.actu:visited{color: #252122;text-decoration: underline;}
	a.actu:active{color: #252122;text-decoration: underline;}

	/* -----*/

	.major
	{
		position: relative;
		text-align: center;
		border-top: solid 1px #ccc;
		top: 1em;
	}

		.major h2
		{
			background: #fff;
			position: relative;
			top: -0.65em;
			display: inline;
			margin: 0;
			padding: 0 1em 0 1em;
		
		}

/*Caption au dessus image actu*/

figure {
    width: 100%;
    position: relative;  /* Permits placement figcaption absolutely */
}

figcaption {
    position: absolute;
    top: 0; left: 0; width: 100%;
/*    background: rgba(0,0,0,.8); test 09/2023*//* Semi-transparent background */
    background: rgba(255,255,255,.8); /* Semi-transparent background */

			color:black;
	padding-left:10px;
	font-weight:normal;
}

figcaption.publication{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */
}
figcaption.post-diplome{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}
figcaption.conference{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}
figcaption.actu_ens{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.anciens_etudiants{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}
figcaption.pedagogie{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}
figcaption.evenement{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.recherche{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.international{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.exposition{
    position: absolute;
    top: 0; left: 0; width: 100%;
    /*background: rgba(255,236,0,1);*/ /* Semi-transparent background */
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.workshop{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.colloque{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.festival{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.rencontres{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.rencontre{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.projection{
    position: absolute;
    top: 0; left: 0; width: 100%;
    background: rgba(41, 192, 231,1); /* Semi-transparent background */

}

figcaption.spip_doc_legende{
    background: rgba(255, 255, 255,0.8); /* Semi-transparent background */

}




.charlie{text-align:right;}


hr.style-two { border: 0; height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
margin-top:15px;
marging-bottom:15px;
 }


.style-two { 
border: 0; height: 1px;
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
 }


/* ------------------------------------------- */




	.byline
	{
		display: block;
		font-style: italic;
	}
	
	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 2em;
	}
	
	section,
	article
	{
		margin-bottom: 2.5em;
		
	}
	
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

	/* Actions */

		.actions
		{
		}

	/* Box */

		.box
		{
			background: #ffffff;
			border-bottom: solid 1px #ccc;
		}
		
			.box .image-full
			{
				position: relative;
				width: auto;
			}

	/* Button */
		
		.button
		{
			display: inline-block;
			text-decoration: none;
			cursor: pointer;
			border: 0;
			border-radius: 5px;
			/*background: #d52349;jerome*/
			background: #e5231f;
			color: #fff !important;
			font-weight: 700;
			outline: 0;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
		}

			.button:hover
			{
				/*background: #e53359;jerome*/
				background: #d7322f;
			}
			
			.button:active
			{
				background: #c51349;
			}
		
			.button-alt
			{
				background: #252122;
			}

				.button-alt:hover
				{
					background: #353132;
				}
				
				.button-alt:active
				{
					background: #151112;
				}
		
			.button-icon
			{
				line-height: 32px;
				padding-left: 1em !important;
			}
			
				.button-icon:before
				{
					content: '';
					display: block;
					float: left;
					width: 32px;
					height: 32px;
					background: url('images/icons32.png');
					margin-right: 0.45em;
					opacity: 0.25;
				}
				
				.button-icon-1:before	{ background-position: 0px 0px;		}
				.button-icon-2:before	{ background-position: -32px 0px;	}
				.button-icon-3:before	{ background-position: -64px 0px;	}
				.button-icon-4:before	{ background-position: -96px 0px;	}
				.button-icon-5:before	{ background-position: -128px 0px;	}

	/* Icon */

		.icon48
		{
			display: inline-block;
			width: 48px;
			height: 48px;
			background-image: url('images/icons48.png');
			text-indent: -9999px;
		}
		
			.icon48-1	{ background-position:	0px 0px;		}
			.icon48-2	{ background-position:	-48px 0px;		}
			.icon48-3	{ background-position:	-96px 0px;		}
			.icon48-4	{ background-position:	-144px 0px;		}
			.icon48-5	{ background-position:	-192px 0px;		}
			.icon48-6	{ background-position:	-240px 0px;		}
			.icon48-7	{ background-position:	-288px 0px;		}
			.icon48-8	{ background-position:	-336px 0px;		}
			.icon48-9	{ background-position:	-384px 0px;		}
			.icon48-10	{ background-position:	-432px 0px;		}

		.icon64
		{
			display: inline-block;
			width: 64px;
			height: 64px;
			background-image: url('images/icons64.png');
			text-indent: -9999px;
		}
		
			.icon64-1	{ background-position:	0px 0px;		}
			.icon64-2	{ background-position:	-64px 0px;		}
			.icon64-3	{ background-position:	-128px 0px;		}
			.icon64-4	{ background-position:	-192px 0px;		}
			.icon64-5	{ background-position:	-256px 0px;		}
			.icon64-6	{ background-position:	-320px 0px;		}
			.icon64-7	{ background-position:	-384px 0px;		}
			.icon64-8	{ background-position:	-448px 0px;		}
			.icon64-9	{ background-position:	-512px 0px;		}
			.icon64-10	{ background-position:	-576px 0px;		}

	/* Image */

		.image
		{
			display: inline-block;
			outline: 0;
		}
		
			.image img
			{
				display: block;
				width: 100%;
			}

		.image-centered
		{
			display: block;
			margin: 0 0 2em 0;
		}

			.image-centered img
			{
				margin: 0 auto;
				width: auto;
			}

		.image-full
		{
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}
		
		.image-left
		{
			float: left;
			margin: 0 2em 2em 0;
		}

	/* Is-* */
	
		.is-post
		{
		}
	
	/* List */

		ul.contact
		{
		}

			ul.contact li
			{
				position: relative;
				border-top: solid 1px #ddd;
				/* audrey padding: 1em 0 1em 7em;*/
				padding: 1em 0 1em 1em;

			}

				ul.contact li h3
				{
					position: absolute;
					left: 0;
					top: 1em;
					font-size: 1.1em;
				}

				ul.contact li p
				{
					margin: 0;
				}
			
			ul.contact li:first-child
			{
				padding-top: 0;
				border-top: 0;
			}

				ul.contact li:first-child h3
				{
					top: 0;
				}
	
		ul.dates
		{
		}
		
			ul.dates li
			{
				position: relative;
				border-top: solid 1px #ddd;
				padding: 1em 0 1em 6.75em;
			}

			ul.dates .date
			{
				display: block;
				position: absolute;
				left: 0;
				top: 1em;
				/*background-color: #d52349;jerome*/
				/*background-color:#e5231f;*/
				background-color:#e0007a;
				height: 3.5em;
				text-align: center;
				color: #fff;
				font-weight: 500;
				line-height: 1.3em;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				padding: 0.5em 0.75em 0 1em;
			}

				ul.dates .date:after
				{
					content: '';
					position: absolute;
					bottom: 0;
					right: -1.2em;
					/*border-left: solid 1.25em #d52349;jerome*/
					/*border-left: solid 1.25em #e5231f;*/
					border-left: solid 1.25em #e0007a;
					border-top: solid 1.8em transparent;
					border-bottom: solid 1.8em transparent;
				}
			
				ul.dates .date strong
				{
					color: #fff;
					display: block;
					font-size: 1.15em;
					padding-top: 0.15em;
				}
				
			ul.dates h3
			{
				font-size: 1.1em;
			}
				
			ul.dates p
			{
				margin: 0;
			}

			ul.dates li:first-child
			{
				border-top: 0;
				padding-top: 0;
			}
			
				ul.dates li:first-child .date
				{
					top: 0;
				}

		ul.default
		{
		}
		
		ul.divided
		{
		}
		
			ul.divided li
			{
				border-top: solid 1px #ddd;
				/*padding: 0.5em 0 0.5em 0; */	
				
			}
			
			ul.divided li:first-child
			{
				border-top: 0;
				padding-top: 0;
			}
		
		ul.links
		{
		}
		
		ul.social
		{
			overflow: hidden;
		}

			ul.social li
			{
				display: block;
				border-radius: 5px;
				background: #888;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				float: left;
			}
			
			ul.social li:first-child
			{
				margin-left: 0;
			}
			
			ul.social li.facebook				{ background: #3c5a98; }
				ul.social li.facebook:hover		{ background: #4c6aa8; }
			ul.social li.twitter				{ background: #2daae4; }
				ul.social li.twitter:hover		{ background: #3dbaf4; }
			ul.social li.dribbble				{ background: #c4376b; }
				ul.social li.dribbble:hover		{ background: #d4477b; }
			ul.social li.linkedin				{ background: #006599; }
				ul.social li.linkedin:hover		{ background: #1075a9; }
			ul.social li.tumblr					{ background: #2b4661; }
				ul.social li.tumblr:hover		{ background: #3b5671; }
			ul.social li.googleplus				{ background: #da2713; }
				ul.social li.googleplus:hover	{ background: #ea3723; }

	/* Pennant */

		.pennant
		{
			position: relative;
			display: inline-block;
			background-color: #d52349;
			width: 9em;
			padding: 1.5em 0 0.5em 0;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		
			.pennant:after
			{
				content: '';
				position: absolute;
				bottom: -1.98em;
				left: 0;
				border-top: solid 2em #d52349;
				border-left: solid 4.5em transparent;
				border-right: solid 4.5em transparent;
			}
		
			.pennant span
			{
				display: block;
				margin: 0 auto;
			}

			.pennant-alt
			{
				background-color: #252122;
			}
			
				.pennant-alt:after
				{
					border-top-color: #252122;
				}

			.pennant-alt2
			{
				background-color: #827a7c;
			}
			
				.pennant-alt2:after
				{
					border-top-color: #827a7c;
				}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
	}

		#banner a
		{
			text-decoration: none;
			outline: 0;
		}

		#banner header
		{
			background-color: #252122;
			background-color: rgba(34,30,31,0.98);
			text-align: center;
		}
		
			#banner header h2
			{
				color: #fff;
				font-weight: 700;
			}
			
			#banner header .byline
			{
				color: #d52349;
				padding: 0;
				font-style: normal;
			}
			
		#banner .image-full
		{
			margin: 0;
		}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		position: relative;
		/*background: #ffffff;*/
		border-bottom: solid 1px #ccc;

		}

		#header-wrapper:before
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			/*background: url('images/bg02.png');*/
			z-index: 0;
			/*opacity: 0.5;*/
			/*box-shadow: inset 0px -60px 40px 0px #fff;*/
		}
		
		#header-wrapper:after
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			/*background: url('images/bg01.png');*/
			background-size: 100% 100%;
			z-index: 0;
			opacity: 0.25;
		}

		#header-wrapper > .container
		{
			position: relative;
			z-index: 1;
		}



	#main-wrapper
	{
		position: relative;
		background: #f7f7f7 url('images/bg02.png');
	}

		#main-wrapper:before
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			/*background: url('images/bg01.png');*/
			background-size: 100% 100%;
			z-index: 0;
			opacity: 0.1;
		}
		#main-wrapper:after
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			/*background: url('images/bg01.png');*/
			background-size: 100% 100%;
			z-index: 0;
			opacity: 0.1;
		}
		
		#main-wrapper .major
		{
		}
		
			#main-wrapper .major h2
			{
				background: #f7f7f7 url('images/bg02.png');
			}
	
	#footer-wrapper
	{
		/*background: #e5231f;jerome*/
		/*background: #AFAFAF; audrey*/
		background: #f7f7f7;
		position: relative;
		color: #858484;
	}

		#footer-wrapper:before
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			/*background: url('images/bg01.png');*/
			background-size: 100% 100%;
			z-index: 0;
			opacity: 0.5;
		}
	
		#footer-wrapper a
		{
			/*color: #c5c4c4;jerome*/
			color: black;
		}
		
		#footer-wrapper h2,
		#footer-wrapper h3,
		#footer-wrapper h4,
		#footer-wrapper h5,
		#footer-wrapper h6,
		#footer-wrapper strong,
		#footer-wrapper b
		{
			/*color: #fff; audrey*/
			color: #000;
		}
		

		
		#footer-wrapper h1 a, 
		#footer-wrapper h2 a, 
		#footer-wrapper h3 a, 
		#footer-wrapper h4 a, 
		#footer-wrapper h5 a, 
		#footer-wrapper h6 a
		{
			color: inherit;
		}

		#footer-wrapper ul.contact li
		{
			border-top-color: #353434;
			border-top-color: rgba(255,255,255,0.05);
		}

		#footer-wrapper ul.dates li
		{
			border-top-color: #353434;
			border-top-color: rgba(255,255,255,0.05);
		}

		#footer-wrapper ul.divided li
		{
			border-top-color: #353434;
			border-top-color: rgba(255,255,255,0.05);
		}
		

/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/

	#intro
	{
		text-align: center;
	}
/*********************************************************************************/
/* article                                                                         */
/*********************************************************************************/

	.article
	{
		text-align: justify;
		line-height:17px;/*14*/
		margin-top:20px;
		color:black;
	}
	.article p {
	margin-bottom:12px;	
	
	}	

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{	
		text-align: center;
	}
	
		#copyright .links
		{
			display: inline-block;
			background: #2C2929;
			background: rgba(255,255,255,0.05);
			border-radius: 5px;
			margin: 0;
		}



/*********************************************************************************/
/* Tableau SPIP                                                                   */
/*********************************************************************************/

table.spip { font-size:.9em; margin:.5em auto; border: 1px solid #999999; border-collapse:collapse;width:100%;padding-left:15px; }
table.spip caption{ caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-left: auto; margin-right: auto; padding: 3px; font-weight: bold; font-size : 70%; }
table.spip tr.row_first { background-color: #fff; }
table.spip tr.row_odd { background-color: #dcdcdc; }
table.spip tr.row_even { background-color: #f2f2f2; }
table.spip td { padding: 10px 15px 10px 15px; text-align: left; vertical-align: middle; }



/*********************************************************************************/
/* Liste SPIP                                                                   */
/*********************************************************************************/

ul.spip, .formulaire_spip ul.spip, #conteneur ul.spip
{
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  margin-bottom: 10px;
  
}
ul.spip li:before {
    content: "- "; /* on affiche une chaîne de caractère */
}


#rub {
	line-height:20px;
	color:black ;
	}
#rub p {
margin-bottom:10px;	
	
	}	
/*Modif pour formulaire*/
.cent	{width:100%;}
.saisie_input {text-align:left;}





.searchto{
background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEzIj48ZyBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzZjNmM2YyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTExLjI5IDExLjcxbC00LTQiLz48Y2lyY2xlIGN4PSI1IiBjeT0iNSIgcj0iNCIvPjwvZz48L3N2Zz4=");
background-position: 95% center;
background-repeat: no-repeat;
/*background-color: #f7f7f7;*/

padding: 5px;   
border: 1px solid #DDDDDD;
background-color: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
border-radius: 3px;
box-shadow: 0 0 2px #DDDDDD;
}

.searchto:hover{
border:1px solid #cccccc;
}
.searchto:focus{
box-shadow:0 0 2px #e5231f;
}


#annonce {
-webkit-animation-duration: 1s;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count: 1;
-moz-animation-duration: 1s;
-moz-animation-delay: 2s;
-moz-animation-iteration-count: 1;
-MS-animation-duration: 1s;
-MS-animation-delay: 2s;
-MS-animation-iteration-count: 1;
-o-animation-duration: 1s;
-o-animation-delay: 2s;
-o-animation-iteration-count: 1;
animation-duration: 1s;
animation-delay: 2s;
animation-iteration-count: 1;
}





//////////////iframe responsive pour livret enseignement avec utilisation image transparente pour ratio
.iframe-responsive-wrapper        {
    position: relative;
}

.iframe-responsive-wrapper .iframe-ratio {
    display: block;
    width: 100%;
    height: auto;
}

.iframe-responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





////////formulaire//////////////////
.formulaire_spip li
{
  padding-top: 0.6925em;
  padding-right: 10px;
  padding-bottom: 0.6925em;
  padding-left: 10px;
  clear: both;
  overflow-x: hidden;
  overflow-y: hidden;
}

/* Ligne 1031 */
.formulaire_spip li, .formulaire_spip li.gauche
{
  padding-left: 140px;
}

.formulaire_spip li label, .formulaire_spip li.gauche label
{
  width: 114px;
  float: left;
  margin-left: -130px;
  text-align: left;
}

/* Ligne 1039 */
.formulaire_spip li.obligatoire label, .formulaire_spip li.obligatoire.gauche label
{
  color: #000000;
  font-weight: 700;
}

.formulaire_spip li label, .formulaire_spip li.gauche label
{
  width: 114px;
  float: left;
  margin-left: -130px;
  text-align: left;
}

/* Ligne 1039 */
.formulaire_spip li.obligatoire label, .formulaire_spip li.obligatoire.gauche label
{
  color: #000000;
  font-weight: 700;
}

/* ajout surcharge pour image article espace texte*/
.spip_documents_center {
margin-bottom:20px;
}


###pagination horizontale au lieu de verticale
/*
.pagination .pagination-items{
list-style: none;
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
}

*/
/*
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: var(--dist-color-accent-hard); color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}
*/