/* GENERAL */
/* Polices */
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@font-face {
	font-family:'DilemmaBlack';
	src: url('../fonts/Dilemma-SansBlack.eot');
	src: local('DilemmaBlack'),
	url('../fonts/Dilemma-SansBlack.otf') format('opentype');
}
@font-face {
	font-family:'DilemmaBold';
	src: url('../fonts/Dilemma-SansBold.eot');
	src: local('DilemmaBold'),
	url('../fonts/Dilemma-SansBold.otf') format('opentype');
}
/* Effets, tailles et couleurs de Caractères */
.capitales {text-transform:uppercase;}
.blanc {color:#fff}
a {color:#4458a3;}
.auteur a, .encadre-droit a, #article a, .auteur-publications a {font-weight:bold;}
a:hover, a:active {
	color:#003f75;
	text-decoration:none;
}
#article h2, #article h3, #content h2, #content h3, #auteur h2, #auteur h3, #login h2, .modal-header h3 {color:#003f75;}
#article h2, #content h2, #auteur h2, #login h2 {
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
	font-size:24px;
}
#article h3, , #content h3, #auteur h3 {
	font-size:20px;
	margin:10px 0 15px;
}
.modal-content {border-radius: 0.65rem}
.modal-footer {justify-content: left;border-top: 1px solid #8cd3f6;}
.modal-header {border-bottom: 1px solid #8cd3f6;}
.modal-header h3 {font-size:20px;}
#article .sociaux h3, .modal-header h3  {text-align:center;}
.identite {background-color:#921428;width:8rem; height:8rem; font-size: 4em;padding-top: 1rem;}
.tiret {border:2px solid #003f75;width: 15%;margin: 15px auto;}
/* Texte des articles*/
.texte h3 {
	text-align:center; font-size: 1.35rem;padding-bottom: 1.5rem;padding-top: 1.5rem;
}
.texte h4 {
	font-size: 1.15rem;padding-bottom: 1rem;padding-top: 1rem;
}
.texte h5, .texte h6 {
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
.texte h6, .texte h5 {
	font-weight:bold;
}
.texte ul {
	list-style-type: ">";
	margin-left:1rem;
}
.texte ol {
	margin-left:1rem;
}
.texte li {
	padding-left:1rem;
}
.texte img {
	margin:15px 0 0;
	width:100%;
}
.texte p {text-align: justify;padding-bottom:1rem;}
.spip_note_ref {
	vertical-align: top;
	font-size: 0.8rem;
}
.notes .spip_note_ref {
	vertical-align: baseline;
	font-size: 1rem;
}
.references, .citation, .texte {
	margin:15px 0 30px;
}
.extras {margin:30px 0;}
.references p, .citation p, .extras p {margin:0;padding:0;border:0;}
.numero {font-weight: bold;padding-left: 15px;}
.citation, .extras {
	padding:10px;
	border:3px solid #e2f3fc;
	border-radius :5px;
	background-color:#fff;
}
.citation h3, .extras h3 {font-size: 1.3rem;}
/*Menu Haut*/
.boutons-bandeau {width: 110px;border:0;}
/*Paginations*/
.pagination-liste {width: 100%}
ul#pagination-auteur {margin: 10px 0 0!important;} 
ul.pagination a {color:#4458a3;}
ul.larecherche  {
	background-color:#fff;
	border:3px solid #e2f3fc;
	border-radius: 10px;
	padding:15px 15px 0 15px;
	margin-right:15px;
}
ul.pagination a:hover, ul.pagination a:active {
	color:#fff;
	text-decoration:none;
}
li.page-item strong {display: block;background-color: #fff;}
li.page-item {}
ul.pagination .page-link {border: 1px solid #e2f3fc;padding: 0.5rem 0.6rem;}
ul.pagination strong {border: 1px solid #e2f3fc;padding: 0.4rem 0.6rem;}
ul.pagination .page-link:hover {background-color:#003f75;}
#pagination-auteur, #pagination-auteurs, #pagination-recherche {float: right;}
/* Fin PAGINATION*/
.lireoutelecharger {text-align:center;}
#article .sociaux {margin:0 100px 30px;}
#lateral .sociaux {border-bottom: 30px;}
h2, h3, h4, h5, h6 {font-family: Merriweather,'Times New Roman',Times,serif;}
.bandeau-logo h1 {
	font-family:DilemmaBlack,serif;
	color:#003f75;
	padding:10px;
	background-color:rgba(255,255,255,0.5);
	line-height:0.8em;
	display:inline-block !important;
}
.presentation h2 {font-family: DilemmaBold;}
footer h2 {font-size:20px;}
.bandeau-logo img {
	background-color:rgba(255,255,255,0.5);
	padding:10px;
	width:240px;
}
.bandeau-logo h1 i {	
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
	font-weight:bold;
	font-style: normal;
}
.contenu-encadre h2 {
	padding:10px 20px;
	text-align:center;
	font-size:24px;
}
.contenu-encadre h3 {font-size: 18px;}
.encadre-rubrique h2 {font-size:20px!important; margin-top:15px!important;}
.contenu-encadre-auteur p.texte-auteur {
	background-color: #fff;
	border: 3px solid #e2f3fc;
	border-radius: 5px;
	padding: 10px;
	text-align: justify;
}
.contenu-encadre-auteur h2 {
	font-size:24px;
	color: #003f75;
	padding-left: 13px;
}
.contenu-encadre-auteur p.descriptif-auteur {
	font-weight: bold;
	font-size: 18px;
	padding-left: 13px;
}
.picture { margin-top: 30px;margin-left: 15px;width:8rem; height:8rem; }
.contenu-encadre-auteur {margin-top: 10px;}
.publications-auteur {margin-top: 15px;}
.publications-auteur h3 {
	color: #003f75;
	font-size: 20px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.encadre-droit {font-size:14px;}
.encadre-droit h2 {
	font-size:20px!important;
	margin: 10px!important;
}
.contenu-encadre h2.encadre-secondaire {font-size:1.25rem!important;}
.contenu-encadre p {font-size: 1.05rem;text-align:justify;padding: 10px 20px 0;line-height: 1.3rem}
.contenu-encadre p hr {clear: both;}
.contenu-encadre ul {font-size: 14px;}
.contenu-encadre img {padding-top:10px;}
.float-right {padding-right:0 !important;}
.auteurs {
	margin-bottom:1em;
	font-size:1rem;
}
.auteur {
	margin:0;padding:0;
}
.invisible {display:none;}
.appuye {font-size:18px;}
.list-group-item {
	background-color:transparent !important;
	border:none !important;
	padding:0 0 0.75rem 1rem !important;
}
.background-sombre .list-group-item:hover {background-color:#4458a3 !important;}
.sociaux li i {
	width:45px;
	height:45px;
	border:5px solid #4458a3;
	border-radius:10px;
	padding-top:3px;
}
footer {background-color:#4458a3;color:#fff;}
footer a {color:#fff;}
footer a:hover, footer a:visited, footer a:active {font-weight:bold;color:#fff;cursor: pointer;}
/* Marges et tailles */
.chapo {
	margin:1rem 4rem 0;
	text-align: justify;
	font-size:16px;
}
.chapo p {margin:0;}
.bandeau-logo.gauche {
	text-align:left;
}
.bandeau-logo.droit {
	text-align: right;
}
.bandeau-logo {margin:150px 20px 100px;}
#accueil, #auteur, #recherche {padding:30px 0;}
.touslesnumeros, .margehaute {margin-top:30px;}
.touslesnumeros {
	margin-right:15px;
}
ul {
	list-style-type:none;
	text-align:left;
}
ol {text-align:left;}
.sociaux li {padding:15px;}
.presentation {
	padding:20px;
	text-align: justify;
}
.newsletter, .menu_bas {margin:20px;}
.menu_bas li {margin:0 !important; padding:0!important;}
/*Images et couleurs d'arrière-plan et de bordures*/
body {
	background-image:url('../imgs/arriere-plan-bandeau.jpg');
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color:#f0f0f0;
	font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}
#auteur, #article, #content, #login {background-color:#f0f0f0;}
.bg-secondary {
	background-color:#003f75 !important;
	color:#fff;
	border-radius:0;
	text-transform: uppercase;
	padding:3px 10px;
	margin:0;
}
.badge.bg-skandal {
	display:block;	
	margin-right:15px;
	float:right;
	font-size:14px;
	font-weight:600;
}
.encadre {
	background-color:#fff;
	border-top:10px solid #003f75;
	border-left:3px solid #e2f3fc;
	border-right:3px solid #e2f3fc;
	border-bottom:3px solid #e2f3fc;
	padding:0;
	text-align:left;
	margin-bottom:20px;
}
.encadre-droit {
	background-color:#fff;
	border:3px solid #e2f3fc;
	border-radius: 10px;
	padding:15px 15px 0 15px;
	margin-right:15px;
}
.contenu-encadre {
	padding:0;
}
.encadre-rubrique {padding: 0 10px;}
.background-sombre {
	background-color:#003f75;
}
.background-sombre a, .background-sombre p, .background-sombre ul, .background-sombre h2 {
	color:#fff!important;
}
#lateral {
	margin:30px 0 0;
	padding:0;
}
#article .chapo {
	border:3px solid #e2f3fc;
	background-color:#fff;
	padding:30px;
	border-radius:10px;
}
/*Barre de navigation */
#mainNav {
    border-color: rgba(34,34,34,.05);
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight:bold;
}
.bg-light {
	background-color: rgba(255,255,255,0.65) !important;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}
.bg-light.scrolled {
	background-color: rgba(255,255,255,1) !important;
	border-bottom: 2px solid #8cd3f6 !important;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s;
}
.navbar-light .navbar-nav .nav-link {color:#4458a3;font-weight: bold;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active {
	color:#003f75;
	text-decoration:none;
}
.navbar-light .navbar-toggler {
	border: 1px solid rgba(140, 211, 246,1)!important;
	background-image: url('../imgs/icones/icone-toggler.svg');
	opacity: 1;
}
.navbar-light .navbar-toggler i {color: #003f75!important;}
/* Tableaux*/
.texte table.spip {
	border:1px solid #4458a3;
	text-align: center;
}
.texte table.spip {width:100%;}
.texte table.spip tbody {background-color: #fff;}
.texte table.spip caption {
	font-family: Merriweather,'Times New Roman',Times,serif;
	color: #003f75;
	caption-side: top;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}
.texte table.spip thead {background-color:#4458a3;}
.texte table.spip h3, .texte table h3 i {font-size:16px!important;font-style: italic;}
.texte table.spip thead h3 {color:#fff!important;}
.texte table.spip td {border:1px solid #4458a3;padding:4px;}
.texte table.spip .row_odd {background-color:#e2f3fc;}
.texte table.spip.row_even {background-color:#fff;}

/* FORMULAIRES */
::placeholder {color:#4458a3 !important;font-style: italic;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #4458a3 !important;
  font-style: italic;
  }
::-ms-input-placeholder { /* Microsoft Edge */
  color: #4458a3 !important;
  font-style: italic;
}
/* Focus */
*:focus::-webkit-input-placeholder { opacity: 0.25; } /* Chrome 56, Safari 9 */
*:focus:-moz-placeholder { opacity: 0.25; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0.25; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0.25; } /* IE 10+ */
*:focus::placeholder { opacity: 0.25; } /* Modern Browsers */
/* Fin Focus*/
input#Recherche, input#ChampRechercheHaut {
	margin:10px 0;
	background-color:#f0f0f0;
	background-position: 98% 50%;
	background-size:28px;
	background-repeat:no-repeat;
}
input#Recherche {
	background-image: url('../imgs/icone-loupe.png');
}
input.text {
	margin-top:0px;
	background-color:#fff;
	background-position: 98% 50%;
	background-size:28px;
	height:auto;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #e2f3fc;
}
.btn-primary {
	background-color:#4458a3 !important;
	margin:0 !important;
	border-color:none !important;
}
.btn-primary a {color: #fff;}
.btn-primary a:hover {font-weight: bold;}
.form-group {margin-bottom:20px !important;}
.newsletter button {padding-left:0;}
.newsletter button i {padding:0 10px;}	
.newsletter form {margin: 20px 0}
.btn-light a:hover {color:#fff;}
.btn-light:hover {background-color:#003f75!important;}
input.rechercher {
	border-top-right-radius:.25rem;
	border-bottom-right-radius:.25rem;
}
button#oSoumettre {
	height: 36px;
	width: 50px;
	margin-top: 11px;
	border-top-right-radius:.25rem;
	border-bottom-right-radius:.25rem;
	border-top-left-radius:0!important;
	border-bottom-left-radius:0!important;
	background: url('./imgs/icone-loupe.png') center top no-repeat #e2f3fc;
}
/* Spécificités SPIP et adaptations. À n'ajouter que si on enlève effectivement spip_formulaires.css.
ul.editer-groupe {margin: 0;padding: 0;list-style: none;}*/
.formulaire_spip ul li {padding: 0!important;}

/* FIN Spécificités SPIP */
/* FIN FORMULAIRES */
  /* MEDIA QUERIES*/
  /* Menu adaptatif*/
@media (max-width:1132px) {
  	a.m-2 {padding-right:0!important;padding-left:0!important;font-size:0.85rem;}
}
@media(max-width:991px) {
	.bandeau-logo.droit {display:none;}
	.navbar-light .navbar-nav .nav-link {margin: 0!important;}
	/* Disparition de l'encadré de recherche*/
	.recherche {display: none;}
}
@media(min-width:992px) {
	/* Disparition de la loupe de recherche dans le bandeau de menu*/
	.navbar #rechercheHaut {display: none!important;}
}
/* Bandeau : Gestion du logo h1*/
@media(max-width:1307px) {
	.bandeau-logo.gauche h1 {font-size: 2.4rem;}
}
@media(max-width:1261px) {
	.bandeau-logo.gauche h1 {font-size: 2.3rem;}
}
@media(max-width:1216px) {
	.bandeau-logo.gauche h1 {font-size: 2.2rem;}
}
@media(max-width:1171px) {
	.bandeau-logo.gauche h1 {font-size: 2.1rem;}
}
@media(max-width:1126px) {
	.bandeau-logo.gauche h1 {font-size: 2rem;}
}
@media(max-width:1081px) {
	.bandeau-logo.gauche h1 {font-size: 1.9rem;}
}
@media(max-width:1036px) {
	.bandeau-logo.gauche h1 {font-size: 1.8rem;}
}
@media(max-width:700px) {
	.bandeau-logo {margin-top: 100px;}
}
/* Body : Image d'arrière plan*/
@media(max-width:758px) {
	body {background-size: auto 350px;}
}
/* Taille des titrailles */
@media(max-width: 767px){
	#article h2, #content h2, #auteur h2 {font-size: 20px;}
}
@media(max-width: 767px){
	.touslesnumeros {margin-right: 0;}
	#lateral {padding-right: 0;}
	.encadre-droit {margin-right: 0;}
	#accueil, #auteur {margin-left: 0;padding-left: 0;}
	#article .chapo {padding: 10px;}
	.chapo {margin: 1rem 1rem 0;}
	#article .sociaux {
    margin: 0 0 30px;}
    .texte ul, .texte ol {margin-left:0.5rem; padding-left: 0.5rem;}
    .texte li {padding-left:1rem}
}
.ajouts {margin-top:1rem;margin-bottom:0.5rem;}
/*.image-encadre {float:left;margin-right:20px;}*/
.col-md-12 .image-encadre{width: 15%;}
.col-md-6 .image-encadre, .col-sm-12 .image-encadre {width: 30%;}
dl.illustration {margin-top:2rem;}
dt.spip_doc_titre {font-family: Merriweather,'Times New Roman',Times,serif;color:#003f75;}
dd.spip_doc_descriptif {font-family: Merriweather,'Times New Roman',Times,serif;color:#003f75;font-size:0.85rem;}