.blue {
	color: #0275D8;
	text-align: center;
}
.blanc{background-color: #fff;}
.red {background-color: #D9534F;}
.green {background-color: #edfced;}
.orange {background-color: #F0AD4E;}
.grey {background-color: #eff3f9;}
.yellow {background-color: #fcfccc;}

body{
	width: 98%;
	margin: 0 auto;
	font-size: 1.8em;	
	background-color: #fcfcfc;
}

.page{
	padding: .6em;
}

#contenu{
	margin-top: 1.5em;
}

.page {
	width: 80%;
	max-width: 1500px;
	margin: 0 auto;
}

/**
#menuhaut{
	z-index: 100;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #000;
	font-weight: bold;
}

#menuhaut div{
	padding-top: .6em;
}

#menuhaut a{
	text-decoration: none;
	color: #fff;
}

#menuhaut a:hover{
	color: #fff;
	text-decoration: underline;
}**/

a:visited, a:visited, a:active {
    color: #000;
}

.page p{
	padding: 0 .5em;
}

h3, .h3{
	font-weight: bold;
}

h4.spip{
	font-weight: bold;
	font-size: 1.4em;
}

.colophon{
	margin-bottom: 1em;
	font-size: .8em;
}

.covid{
	background-color: #fff;
	color: red;
	font-weight: bold;
	text-align: center;
}

.covid h2{
	color: red;
}

.spip_logo{
	float: none;
	margin: 0 auto;
	border-radius: .3em;
}

h2, .h2{
	font-weight: bold;
	font-size: 2em;
	text-align: center;
}

.brd{
	border: 2px solid #000;
	border-radius: .3em;
	padding: 0.3em .5em;
}

.arbo{
	margin-bottom: 0;
	font-size: .8em;
}

#texte{
	width: 100%;
}

button, input:not([type="radio"]):not([type="checkbox"]){
	border: 1px solid #000;
}

/**#session_nom, #session_email, #titre, #sujet_message_auteur_1, #email_message_auteur_1{
	border-bottom: 1px solid blue;
}**/

table.spip th{
	border: none;
}

.form-nl{
	text-align: center;
}

 /* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 18px 14px 10px 14px;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
  color: black;
} 

.fa{
	color: #fff;
}

@media (max-width: 640px) {
 .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

@media (max-width: 420px) {
	h2, .h2{
		font-size: 1.5em;
	}
}

@media (max-width: 1024px) {
	.page{
		width: 98%;
	}
}

/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;flex-wrap: wrap; flex-direction: line; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}