@charset "utf-8";
/* CSS Document
background-color: #F3EBEB; 
rouge foncé: #990000; 
rouge pâle: #CC0000; 
gris: #CFC8C8;
noir texte : #231F20; 
gris boite: #9A9A9A;

*/
/* oswald-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/oswald-v53-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/oswald-v53-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* oswald-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v53-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/oswald-v53-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Structure */
body {
	background-image: none;
	background-color: #F3EBEB;
	border-top: none;
	color: #231F20;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	line-height: 1.3;
}
.page {
	width: 100%;
	padding: 0;
	margin: 0;
}
.header {
	margin: 0 auto;
	padding: 5px 20px;
	border: none;
	max-width: 1280px;
}
.main {
	max-width: 1280px;
	margin: 0 auto;
	padding: 20px;
}
.page_sommaire .wrapper {
	width:48%;
}
.page_sommaire .aside {
	width:48%;
}
.arbo {display:none; }
.gauche {float:left; width:48%;}
.droit {float:right; width:48%;}
.header #logo .spip_logo {float:left; margin:0 30px 0 0;}
/* Basic */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-weight: 300;
	line-height: 1.3;
}
h1 {
	text-transform: uppercase;
	font-size: 18pt;
	padding-left: 12px;
}

h1.titre {
	padding-top: 30px;
}
h2 {
	font-weight: 400;
	font-size: 13pt;
	margin-bottom: 0;
}
h3, h3.spip {
	font-size: 18pt;
	font-family: 'Oswald', sans-serif;
	color:#990000;
	margin-bottom: 0.4em;
	margin-top:1.3em;
}
.total {
	float:left;
	padding-top:12px;
	padding-left:12px;}
.surtitre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	padding-bottom: 5px;
}
.soustitre {
	font-family: Verdana, Geneva, sans-serif;
	font-style: italic;
	font-size: 9pt;
	padding-top: 5px;
}
.chapo {
	font-weight: 400;
}
.texte { 
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
	text-align:justify; }
.hyperlien { font-family:Verdana, Geneva, sans-serif;}
.surtitre strong, .soustitre strong, .texte strong, .hyperlien strong {  font-weight:bold; }

.boite-blanche {
	background-color: #fff;
	border: 2px solid #9A9A9A;
}
.boite-grise {
	background-color: #CFC8C8;
	border: 2px solid #fff;
}
.padding { padding:10px;}
.gris-pale {
	background-color: #f3ebeb;
}
.mots-cles {
	font-size: 7pt;
	padding-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
}
.mots-cles a {
	color: #231F20;
}
.mots-cles li {
	float:left;
	padding-right:10px;}
.mots-cles li:first-child {
	font-weight:bold;}
.documents .spip_logos {
	float: left;
	margin: 0 10px 0 0;
}
.spip_logos {
	float: right;
	margin: 0 0 10px 10px;
}
.articles ul li, .menu_articles ul li {
	padding: 20px 10px;
}
.pagination {
	padding: 10px;
	clear:none;
    display: flex; 
}
/* Pagination */
.pagination .pagination-items {list-style: none;display: flex;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:1.5px .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: #222; 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;}

.partager { padding-top:0px;}
strong { font-weight:400;}
/* Cartouche */
.cartouche {
	border-bottom: 4px solid #990000;
	padding-bottom:20px; }
.cartouche h1 {
	font-weight: 400;
	font-size: 18pt;
	margin-bottom: 0;
	text-transform:none;
	padding-left:0;
	color:#990000;
}
.cartouche .soustitre {
	font-weight:bold;
	font-size:10pt;
	padding-top:10px;}
.cartouche .spip_logos { 
	border: 2px solid #9A9A9A;}
/*header */


#logo .spip_logos {
	margin-right: 30px;
	float: left;
}
.right {
	float: right;
	text-align: right;
}
#slogan {
	font-style: italic;
	padding-top: 42px; /* BLeu marin */
	color:#0D1040
}
/* FORMULAIRES */
.formulaire_recherche label, .formulaire_recherche .submit {
	display: none;
}
.aside .formulaire_recherche {
	display: none;
}
#formulaire_recherche {
	position: relative;
	top: 0;
	right: 0;
	padding-top: 20px;
}
input.text, textarea, textarea, select, button {
	background-color: #fff;
	border: 1px solid #990000;
}
.formulaire_formidable label { font-weight:400; }
.formulaire_formidable .choix {padding:5px; }
.formulaire_formidable .choix label { 
	font-weight:300; 
	display: inline;}
.formulaire_spip .boutons {
	text-align:left; }
caption { background:none;}
tbody tr:nth-child(even) th, tbody tr:nth-child(even) td, tbody tr.even th, tbody tr.even td { background-color:#f3ebeb;}
.progress-bar {
    background-color: #fff !important; } 
.formidable_analyse .stat {
    width: 50% !important;
}
/* TITRE */
h1 a, h1 a:hover {
	color: #231F20;
	text-decoration: none;
}
h1 a:after {
	padding-right: 3px;
	content: url('img/fleche-bas.png');
}
h1 a:hover:after {
	padding-right: 3px;
	content: url('img/fleche-droite.png');
}
/* NAV */
.nav {
	background-color: #CC0000;
	background-image: linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -o-linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -moz-linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -webkit-linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -ms-linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.21, #990000), color-stop(0.61, #CC0000) );
	border-left: none;
	border-right: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.nav ul {
	max-width: 1285px;
	margin: 0 auto;
	padding: 0 20px;
}
.nav ul li a {
	color: #fff;
}
.nav ul li.on a {
	background-color: #231F20;
	color: #fff;
}
li.langage a { 
 text-transform:capitalize !important;}
 
table.spip tbody tr.odd th, table.spip tr.odd td {
   background-color: #f3ebeb;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
.menuODA {
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}
.menuODA ul {
	padding: 0;
	margin: 0;
	list-style-type: none; /* for Firefox */
}
.menuODA li {
	float: left;
	position: relative;
}
.menuODA li.premier {
	border: none;
}
.menuODA li a, .menuODA li a:visited {
	display: block;
	text-decoration: none;
	/*width:6em;*/
	float: left;
	color: #FFF;
	text-transform: uppercase;
}
* html .menuODA li a, .menuODA li a:visited {
	width: 7em;
	w\idth: 6em; /* hack for IE5.5 */
}
.menuODA li a.drop, .menuODA li a.drop:visited {
}
.menuODA li ul {
	visibility: hidden;
	position: absolute;
	top: 2em;
	left: 0;
	height: 0;
	overflow: hidden;
}
.menuODA table {
	margin: -1px;
	border-collapse: collapse;
	font-size: 1em; /* font size for IE5.5 */
}
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menuODA li:hover a, .menuODA li a:hover {
	background-color: #231F20;
	color: #FFF;
	text-decoration: none;
}
.menuODA li:hover ul, .menuODA li a:hover ul {
	visibility: visible;
	height: auto;
	width: 11em;
	background: #990000;
	border: 1px solid #231F20;
	left: -1px;
	top: 2.3em;
	overflow: visible;
	z-index: 5000;
}
.menuODA li:hover ul li a, .menuODA li a:hover ul li a {
	display: block;
	background: #990000;
	text-decoration: none;
	height: auto;
	line-height: 1.5em;
	padding: 5px 1em;
	width: 9em;
}
.menuODA li:hover a:hover {
	text-decoration: none;
}
* html .menuODA li a:hover ul li a {
	width: 10em;
	w\idth: 9em; /* hack for IE5.5 */
}
.menuODA li:hover ul li a.drop, .menuODA li a:hover ul li a.drop {
}
.menuODA li:hover ul li ul, .menuODA li a:hover ul li a ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 9.5em;
	height: 0;
	overflow: hidden;
}
.menuODA li:hover ul li a:hover, .menuODA li a:hover ul li a:hover {
	text-decoration: none;
	background-color: #231F20;
	color: #fff;
}
.menuODA li:hover ul li:hover ul, .menuODA li a:hover ul li a:hover ul {
	visibility: visible;
	color: #fff;
	border: 1px solid #231F20;
	height: auto;
	background: #990000;
	width: 10.8em;
}
.menuODA li:hover ul li:hover ul.left, .menuODA li a:hover ul li a:hover ul.left {
	left: -9.3em;
}
.menuODA li:hover ul li:hover ul li a, .menuODA li a:hover ul li a:hover ul li a {
	display: block;
	height: auto;
}
.menuODA li:hover ul li:hover ul li:hover a, .menuODA li a:hover ul li a:hover ul li a:hover {
	text-decoration: none;
	background-color: #231f20;
}
.menuODA li.trespetit, .menuODA li.trespetit a  {
	font-size: 7pt;
	line-height: normal;
}
.bleu {
	color: #0000AE;
}
/**********************
   Recherche avancée  
**********************/
.lemenuRAvancee {
	margin-top: 8px;
	z-index: 100000;
}
.menuRAvancee .contour {
	border: 1px solid #990000;
	padding: 5px;
	background-color:#fff;
}
.menuRAvancee {
	text-align: left;
	position: relative;
	height: 18px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.menuRAvancee ul {
	padding: 0;
	margin: 0;
	list-style-type: none; /* for Firefox */
}
.menuRAvancee li {
	float: left;
	position: relative;
	padding-right: 1em;
}
.menuRAvancee li a, .menuRAvancee li a:visited {
	display: block;
	text-decoration: none;
	/*width:6em;*/
	float: left;
	padding-left: 1em;
	height: 18px;
	line-height: 18px;
	color: #000;
}
* html .menuRAvancee li a, .menuRAvancee li a:visited {
	width: 15em;
	w\idth: 14em; /* hack for IE5.5 */
}
.menuRAvancee li a.drop, .menuRAvancee li a.drop:visited {
	font-weight: bold;
}
.menuRAvancee li ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	overflow: hidden;
}
.menuRAvancee table {
	margin: -1px;
	border-collapse: collapse;
	font-size: 1em; /* font size for IE5.5 */
}
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menuRAvancee li:hover a, .menuRAvancee li a:hover {
	text-decoration: underline;
	border: 0;
}
.menuRAvancee li:hover ul, .menuRAvancee li a:hover ul {
	visibility: visible;
	height: auto;
	width: 18em;
	border: 1px solid #990000;
	left: 0;
	top: 1.8em;
	overflow: visible;
	background-color:#fff;
}
.menuRAvancee li:hover ul li a, .menuRAvancee li a:hover ul li a {
	display: block;
	font-weight: normal;
	background-color: #fff;
	text-decoration: none;
	height: auto;
	line-height: 1.5em;
	padding: 0.5em;
	width: 17em;
}
* html .menuRAvancee li a:hover ul li a {
	width: 18em;
	w\idth: 17em; /* hack for IE5.5 */
}
.menuRAvancee li:hover ul li a.drop, .menuRAvancee li a:hover ul li a.drop {
	font-weight: bold;
}
.menuRAvancee li:hover ul li ul, .menuRAvancee li a:hover ul li a ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 11.5em;
	height: 0;
	overflow: hidden;
}
.menuRAvancee li:hover ul li a:hover, .menuRAvancee li a:hover ul li a:hover {
	text-decoration: underline;
}
.menuRAvancee li:hover ul li:hover ul, .menuRAvancee li a:hover ul li a:hover ul {
	visibility: visible;
	color: #000;
	border: 1px solid #CCC;
	height: auto;
	background: #fff;
	width: 17.5em;
}
.menuRAvancee li:hover ul li:hover ul.left, .menuRAvancee li a:hover ul li a:hover ul.left {
	left: -9.3em;
}
.menuRAvancee li:hover ul li:hover ul li a, .menuRAvancee li a:hover ul li a:hover ul li a {
	display: block;
	height: auto;
}
.menuRAvancee li:hover ul li:hover ul li:hover a, .menuRAvancee li a:hover ul li a:hover ul li a:hover {
	text-decoration: underline;
}
.menuRAvancee li ul li {
	float: none;
	clear: both;
	padding:2px 0;
}
.menuRAvancee input[type="radio"], .menuRAvancee input[type="checkbox"] {
	float: left;
}
.recherche-avancee {padding:0 10px;} 
.recherche-avancee input.text {
	width: 200px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 5px 4px;
	margin-bottom:6px;
}
.recherche-avancee-auteur {
	display: inline-block;
	padding:0 12px 20px 12px;} 
.recherche-avancee-auteur ul { padding-bottom:20px; }
.recherche-avancee-auteur li {
	float:left;
	padding-right:10px; }


.menu ul { margin-bottom:0;}


/* Spotify */
iframe[src*="spotify"]{
    height:80px;
}
/* Footer */
.footer {
	width: 100%;
	border: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8pt;
}
.footer .footerin {
	display:block;
	
	background-color: #CC0000;
	background-image: linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -o-linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -moz-linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -webkit-linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -ms-linear-gradient(top, #CC0000 21%, #990000 61%);
	background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.21, #990000), color-stop(0.61, #CC0000) );
	border-left: none;
	border-right: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	color: #fff;
}
.footer ul {	
	min-height:17px;

	max-width: 1280px;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
}
.footerin li {
	float: left;
	padding: 5px 20px;
}
.footerin ul li a {
	color: #fff;
}
.footerin ul li.on a, .footerin ul li:hover, .footerin ul li a:hover {
	background-color: #231F20;
	color: #fff;
}
/*.footer .footerin a {
	color:#fff;
	padding:0 12px;}
.footer .footerin a:hover {
	background-color:#231F20;}*/
.footer-logos {
	background-color: #fff;
	text-align: center;
}
.footer-logos a {
	padding-right: 30px;
}
.footer-logos a.dernier {
	padding-right: 0;
}

/* Google Recaptcha */
.grecaptcha-badge { 
    visibility: hidden;
}

/* Links */
a {
	color: #990000;
}
a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #990000;
}
.on {
	font-weight: 400;
}