:root {
--noir:#000;
--blanc:#fff;
--fond:var(--blanc);
--texte:#333;
--liens:#be2e0d;
--hover:#fa3b0f;
--accent:#f6e9d9;
--gris-1:#ddd;
--gris-2:#ccc;
--gris-3:#bbb;
--gris-4:#999;
--gris-5:#666;
--apercu:#6b909e;
--connexion:#245263;
--connexion-clair:#709cad;
--sans-serif:helvetica,arial,sans-serif;
--serif:Georgia,'Times new roman',serif
}

html {
scroll-behavior:smooth
}

:target {
scroll-margin:50px
}

.spip-admin-bloc,.spip-admin-float {
bottom:7px!important;
left:20px!important;
top:auto!important
}

.spip-admin-boutons {
padding:.4em 1em 1em!important;
border-radius:.8em .8em 0 0!important;
font-weight:400!important
}

.clear {
clear:both
}

.sansmarges {
margin:0!important
}

.sansfilet {
border:0!important
}

.vide,.cache {
display:none
}

.hermetique {
overflow:hidden
}

.que_res,.que_tab,.respons {
display:none!important
}

.minuscules {
text-transform:lowercase
}

.crayon-html {
z-index:auto!important
}

body {
background:#eee;
height:auto!important
}

#page {
background:#fff;
padding:20px 30px 0;
width:960px;
margin:0 auto 50px;
position:relative
}

#conteneur {
padding:0 5px;
clear:both
}

#contenu {
margin:15px 0 0
}

.categorie-valise #contenu,.variante #contenu {
margin:0
}

.contenu-principal {
margin:0 30px 50px
}

.decale {
margin:0 30px
}

#entete {
padding-bottom:35px;
position:relative
}

.variante.page_article #entete,.variante.page_forum #entete {
padding-bottom:25px
}

.preentete {
width:1020px;
overflow:hidden;
margin:0 auto;
padding:15px 0 0;
border-bottom:1px solid #eee
}

.preentete .zizi {
float:right;
margin:0 0 0 10px
}

.preentete .zizi .unemensuel {
display:inline-block;
height:40px;
margin:7px 20px 0 5px;
vertical-align:middle
}

.preentete .zizi .unemensuel a {
border:1px solid var(--gris-2);
display:block;
opacity:.5;
transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg)
}

.preentete:hover .unemensuel a {
opacity:1
}

.preentete:hover .unemensuel a:hover {
border:1px solid var(--liens)
}

.preentete .zizi .unemensuel img {
width:70px;
height:auto
}

.preentete .zizi .dates_auteurs {
display:inline-block;
font-size:1.1em;
vertical-align:top;
margin-top:8px;
mix-blend-mode:luminosity
}

.preentete .zizi .dates_auteurs,.preentete .zizi .dates_auteurs a {
color:var(--gris-3)
}

.preentete:hover .zizi .dates_auteurs {
color:var(--texte)
}

.preentete:hover .zizi .dates_auteurs a {
color:var(--liens)
}

.preentete:hover .zizi .dates_auteurs a:hover {
color:var(--liens)
}

.commerce>a {
margin:2px 0 15px 15px;
background:#dedee2;
color:var(--texte);
display:inline-block
}

.commerce>a.abo {
background:#1e4c77;
color:#fff
}

.commerce>a.abo:hover {
background:var(--liens)
}

.commerce>a:focus {
background:var(--noir);
color:var(--blanc)
}

.editions {
display:inline-block;
margin:0 0 20px 5px;
font-family:var(--serif);
color:var(--gris-2)
}

.editions>span {
color:var(--texte)
}

.editions span.grise {
color:var(--gris-4)
}

.editions a {
color:var(--gris-4);
background:transparent;
padding:0;
margin-right:2px;
font-family:var(--serif)
}

.editions a:hover {
color:var(--liens);
background:transparent
}

.preentete.paslaplace {
position:relative
}

.preentete.paslaplace .zizi,.preentete.paslaplace .commerce {
margin-top:30px
}

.preentete.paslaplace .editions {
position:absolute;
top:15px;
left:0;
display:block;
text-align:center;
margin:0;
width:100%
}

.labyrinthe {
margin:5px 10px 10px 0;
overflow:hidden
}

.logodiplo,.variante.page_sommaire .logodiplo {
float:right;
margin:15px 0 25px;
width:520px;
height:auto;
overflow:hidden
}

.page_sommaire .logodiplo {
margin:10px 0 20px;
width:450px;
height:auto;
overflow:hidden
}

.logodiplo a {
display:block
}

.logodiplo img {
width:100%;
height:auto;
filter:brightness(0);
transition-duration:.3s;
transition-property:filter;
-moz-transition-duration:.3s;
-moz-transition-property:filter;
-webkit-transition-duration:.3s;
-webkit-transition-property:filter
}

.logodiplo:hover img {
filter:brightness(1)
}

#entete .zizi .unemensuel {
float:right;
height:110px;
margin:15px 10px 0 15px;
overflow:hidden
}

#entete .zizi .unemensuel a {
border:1px solid var(--gris-2);
display:block;
opacity:.2
}

#entete:hover .unemensuel a {
opacity:1
}

#entete:hover .unemensuel a:hover {
border:1px solid var(--liens)
}

#entete .zizi .unemensuel img {
width:150px;
height:auto
}

.services {
float:left;
margin:20px 0 0
}

.services .slogan,.variante.page_sommaire .services .slogan {
float:none;
padding:15px 0 0;
display:block;
clear:both;
text-align:left;
font-family:var(--serif);
font-style:italic
}

.bouton_menu {
display:none
}

.page_sommaire .services .slogan {
padding:27px 0 0;
font-size:1.2em
}

.services .slogan a {
color:var(--texte)
}

.services .slogan a:hover {
color:var(--liens)
}

.formulaire_recherche label {
display:none
}

.services #search {
float:left
}

.formulaire_recherche * {
vertical-align:top
}

.formulaire_recherche label {
display:none
}

.texte .formulaire_recherche {
margin:1.2em 3em 1.5em 0
}

.formulaire_recherche input.text {
background:var(--blanc);
padding:6px 5px 5px;
margin:0;
width:350px;
border:1px solid var(--gris-3);
border-left:0;
font-family:var(--serif);
line-height:1.31em;
font-size:1.1em
}

.services .formulaire_recherche input.text,.variante.page_sommaire .formulaire_recherche input.text {
width:250px;
transition-duration:.5s;
transition-property:width,background;
-moz-transition-duration:.5s;
-moz-transition-property:width,background;
-webkit-transition-duration:.5s;
-webkit-transition-property:width,background
}

.texte .formulaire_recherche input.text {
font-size:.7em
}

.formulaire_recherche input.text:focus,.page_recherche .formulaire_recherche input.text {
background:var(--accent);
width:350px;
border:1px solid var(--accent);
color:var(--noir)
}

.page_sommaire .formulaire_recherche input.text {
width:350px
}

.page_recherche .formulaire_recherche input.text {
font-weight:700;
width:350px
}

.formulaire_recherche input.submit {
border:0;
color:transparent;
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/loupe.svg') no-repeat center center var(--texte);
background-size:75%;
width:36px;
height:36px;
margin:0;
border-radius:0;
transition-duration:.4s;
transition-property:background;
-moz-transition-duration:.4s;
-moz-transition-property:background;
-webkit-transition-duration:.4s;
-webkit-transition-property:background
}

.formulaire_recherche input.submit:hover {
color:transparent;
background-color:var(--liens);
cursor:pointer
}

.formulaire_recherche input.submit:active {
color:transparent;
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/loupe.png') no-repeat center center #e00;
cursor:pointer
}

h1.toujourslarge {
max-width:100%!important
}

h1.enforme {
margin:-5px 0 8px
}

h1 input.recherche_modifiable {
border:1px solid var(--blanc);
border-left:0;
font-family:var(--serif);
width:calc(100% - 75px);
margin-right:-8px
}

h1:hover input.recherche_modifiable {
border:1px solid var(--gris-3);
border-left:0
}

h1 input.recherche_modifiable:focus {
border:1px solid var(--accent)
}

h1 .formulaire_recherche input.submit {
width:83px;
height:83px;
background-color:transparent;
opacity:.2;
filter:brightness(0);
transition-duration:.4s;
transition-property:opacity,background;
-moz-transition-duration:.4s;
-moz-transition-property:opacity,background;
-webkit-transition-duration:.4s;
-webkit-transition-property:opacity,background
}

h1:hover .formulaire_recherche input.submit,h1 .formulaire_recherche input.submit.visible {
background-color:var(--texte);
opacity:1;
filter:brightness(1)
}

h1 .formulaire_recherche input.submit:hover {
background-color:var(--liens);
opacity:1;
filter:brightness(1)
}

ul#menu {
display:flex;
margin:0;
font-size:1.1em;
border-top:1px dashed var(--gris-2);
border-bottom:1px dashed var(--gris-2);
font-variant:small-caps;
text-transform:lowercase
}

ul#menu:hover {
border-top:1px solid var(--accent);
border-bottom:1px solid var(--accent)
}

ul#menu li {
margin:-1px 0;
display:flex;
flex-grow:4
}

ul#menu li.sousgroupe a {
border-right:1px solid var(--blanc)
}

#entete:hover ul#menu li.sousgroupe a {
border-right:1px solid var(--accent)
}

ul#menu li a {
color:var(--texte);
display:block;
padding:8px 0 12px;
white-space:nowrap;
flex-grow:1;
text-align:center;
transition-duration:.3s;
transition-property:background-color;
-moz-transition-duration:.3s;
-moz-transition-property:background-color;
-webkit-transition-duration:.3s;
-webkit-transition-property:background-color
}

ul#menu li:first-child {
flex-grow:3;
flex-basis:20px
}

ul#menu li a#entree-accueil {
color:transparent;
background-image:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/home.svg');
background-repeat:no-repeat;
background-position:center center;
background-size:20px 20px;
width:20px
}

ul#menu li a#entree-accueil:hover,#entete:hover ul#menu li a#entree-accueil:hover {
color:transparent;
background-color:var(--accent)
}

ul#menu li a:hover,#entete:hover ul#menu li a:hover {
color:var(--noir);
background-color:var(--accent)
}

.ps.listarchives {
border:1px solid var(--gris-2);
padding:50px 50px 20px;
margin:50px 70px 50px 0;
clear:both
}

.ps.listarchives hr {
border-top:1px dashed var(--gris-2)
}

.ps.listarchives blockquote {
text-align:right;
font-family:var(--serif);
font-size:1.1em;
margin:0 0 45px;
padding:0;
overflow:hidden
}

.ps.listarchives blockquote p {
margin:0
}

.ps ul:last-child li:last-child {
margin-bottom:5px;
border:0;
padding:0
}

.listarchives.liste.large h3 {
font-family:var(--sans-serif);
font-weight:700
}

.ps.listarchives.speciale {
border:0;
padding:0;
margin-top:50px
}

.listarchives.liste.large.speciale li a {
display:grid;
grid-template-columns:1fr 2fr
}

.listarchives.liste.large.speciale li a .logo {
border:0;
display:block;
float:none;
margin:6px 0 15px 20px;
max-height:none;
overflow:auto;
background:none
}

.listarchives.liste.large.speciale li a .logo .fond {
background:var(--liens)
}

.listarchives.liste.large.speciale li a .intro {
margin:0
}

.listarchives.liste.large h3.spip {
margin:2.5em 0 1.5em;
font-size:2.2em;
font-weight:100;
text-transform:uppercase;
font-style:normal;
text-align:right
}

.listarchives.liste.large h3 i::before {
content:«
}

.listarchives.liste.large h3 i::after {
content:»
}

.ps.listarchives.liste.large h3.spip {
margin:2.2em 0 1.2em;
font-size:2em;
font-weight:100;
text-transform:uppercase
}

.ps.listarchives.liste.large h3.spip:first-of-type {
margin:0 0 1.2em
}

.listarchives.liste.large h3.spip strong {
font-weight:800
}

.listarchives.liste.large h2.danslemd {
font-weight:800;
margin:0 0 45px;
text-transform:none
}

.listarchives.liste.large ul.spip li strong:first-child {
font-size:1.1em;
font-weight:500;
display:inline-block;
margin-bottom:3px
}

.listarchives.liste.large ul.spip li strong:first-child a {
font-size:1.2em;
font-weight:700
}

.article_dossier .texte {
margin:30px 0 20px;
font-family:var(--serif)
}

.article_dossier .texte p {
margin:.8em 0
}

.article_dossier .surtitre {
font-size:1.8em
}

.article_dossier .listarchives.liste.large p,.article_dossier .listarchives.liste.large figcaption {
font-size:1.15em
}

.article_dossier .listarchives.liste.large p {
margin:2em 0;
line-height:1.35em
}

.dansdossier ul.liste.double {
margin-top:15px
}

.dansdossier ul.liste.double>li h4 {
font-size:1.2em
}

.dansdossier ul.liste.double>li h4 span.dates_auteurs {
font-weight:400;
font-size:1em
}

.dansdossier ul.liste.double>li {
margin:8px 0
}

.dansdossier ul.liste.double>li>a {
padding:0 0 10px;
margin:0 0 0 15px
}

.dansdossier ul.liste.double li.droite a {
margin:0 15px 0 0
}

.dansdossier ul.liste.double>li:last-child a {
border:0;
padding:0
}

.listarchives.liste.large {
font-size:1.2em
}

.listarchives.liste.large ul li a.item {
font-size:.83em
}

blockquote.listarchives.liste.large {
font-size:.95em;
font-weight:400
}

blockquote.listarchives.liste.large ul {
margin:0;
padding:0
}

blockquote.listarchives.liste.large li {
list-style:none;
margin:25px 0;
padding:0 0 15px
}

.listarchives .promav {
border-bottom:0;
margin:0;
padding:0
}

.listarchives .promav .couvmav {
width:138px;
margin:6px 0 15px 20px
}

.listarchives .promav .dispo {
font-size:1em
}

.listarchives .promav h3 {
font-size:1.5em
}

.listarchives .promav .dates_auteurs {
font-size:1em;
margin:0
}

.listarchives .promav a .intro,.listarchives .promav .intro {
font-size:1em;
margin-top:5px
}

.categorie-numero #entree-numero,.categorie-archives #entree-archives,.categorie-mav #entree-mav,.categorie-valise #entree-valise,.categorie-blogs #entree-blogs,.categorie-cartes #entree-cartes,.composition_cartes #entree-cartes,.categorie-apropos #entree-apropos,.variante #entree-blogs,.categorie_publication #entree-publi,.categorie_apropos #entree-apropos,.categorie-publication #entree-publi,.composition_livres #entree-livres,.categorie-livres #entree-livres,.categorie-audio #entree-audio,.categorie-agenda #entree-agenda,.page_agenda #entree-agenda {
background:#dedee2
}

.ariane {
font-size:1.4em;
-moz-font-feature-settings:c2sc;
-webkit-font-feature-settings:c2sc;
-ms-font-feature-settings:c2sc;
font-feature-settings:c2sc;
position:relative;
padding:10px 35px 14px 0;
color:var(--gris-3)
}

.ariane:hover {
background:#dedee2;
color:var(--texte)
}

.ariane a.absotrick {
display:block;
padding:10px 0 12px;
color:transparent;
transition-duration:.3s;
transition-property:background;
-moz-transition-duration:.3s;
-moz-transition-property:background;
-webkit-transition-duration:.3s;
-webkit-transition-property:background;
position:absolute;
width:950px;
top:0;
right:0;
z-index:1
}

.fil a,.fil span {
z-index:2;
position:relative
}

.ariane a.filin,.ariane span,.ariane a.secondfil {
color:var(--texte);
font-weight:700
}

.ariane span,.ariane a.secondfil {
font-weight:400
}

.ariane a.filin:hover,.ariane a.secondfil:hover {
color:var(--liens)
}

.ariane span.cep {
color:var(--gris-3)
}

.ariane span.cler {
color:var(--gris-1);
line-height:.5em;
vertical-align:middle
}

.ariane:hover a span {
color:var(--texte)
}

.ariane:hover span.cler {
color:var(--gris-3)
}

.ariane .lienancres {
display:inline-block
}

.ariane .agendate {
font-weight:800
}

#entete .avantapres {
position:absolute;
left:0;
top:0;
width:80px;
z-index:3
}

#entete .before:hover .connexe,#entete .after:hover .connexe {
width:800px;
right:-880px
}

.avantapres a.fleche {
float:right;
color:var(--gris-3);
display:block;
font-size:1em;
line-height:1em;
margin:0;
padding:13px 10px 10px
}

.avantapres .after a.fleche {
float:left;
padding:13px 0 10px 20px
}

.avantapres a.fleche:hover {
color:var(--texte)
}

.avantapres .connexe {
display:none;
position:absolute;
right:0;
padding:10px 35px 8px 0;
background:#dedee2;
color:var(--gris-4)
}

.avantapres .connexe a {
display:inline;
color:var(--texte);
padding:0;
font-family:var(--serif)
}

.avantapres .connexe a:hover {
color:var(--liens)
}

.before:hover .connexe,.after:hover .connexe {
display:block
}

.ariane .logo {
float:right;
width:55px;
margin:0 0 5px 15px;
transform:rotate(-5deg)
}

.ariane .logo.son {
margin:0 0 5px 10px;
transform:none
}

.page_mav .ariane {
display:none
}

.liste.large {
margin:0 70px 20px
}

.liste.flotte {
margin:0 0 50px
}

.liste li,li.seul,.texte .liste li {
border-bottom:1px dashed var(--gris-2);
margin:25px 0;
padding:0 0 20px
}

.liste li:last-child,.texte .liste li:last-child {
border-bottom:0;
margin:25px 0 0;
padding:0
}

.liste.large li {
overflow:hidden
}

li.seul {
padding:0 0 20px
}

.liste ol li {
border-bottom:0
}

.liste li>a {
display:block;
overflow:hidden
}

.liste ul.spip li>a {
display:inline;
overflow:inherit
}

.liste li a h3,.liste li a h4 {
color:var(--texte)
}

.liste li a:hover h3,.liste li a:hover h4 {
color:var(--liens)
}

.liste li h3 {
font-size:1.7em;
line-height:1.2em
}

.liste.large li h3 {
font-family:var(--serif);
font-weight:400
}

.liste li a .dispo {
color:var(--liens);
font-size:1.2em
}

.liste li .titraille {
margin:0 0 6px;
overflow:hidden
}

.liste li .logo {
margin:5px 0 6px 15px;
float:right;
border:1px solid var(--gris-4)
}

.liste li a .logo {
display:block;
background:var(--liens);
line-height:0
}

.liste li a:hover .logo img,.liste li a:hover .logo .sansdoc {
mix-blend-mode:luminosity
}

.liste li a .logo.carto {
margin:5px 0 10px 15px;
display:block;
background:var(--liens);
line-height:0;
float:right;
border:1px solid var(--gris-4)
}

.texte ul.liste {
font-size:.7em
}

.texte blockquote ul.liste {
margin:0;
padding:0;
margin:0;
padding:0
}

.texte ul.liste li h3 {
margin:0 0 6px;
font-family:var(--sans-serif);
font-weight:700
}

.texte ul.liste li .intro {
font-weight:400
}

.liste li a:hover .logo.carto {
border:1px solid var(--liens)
}

.liste li a:hover .logo.carto img {
mix-blend-mode:luminosity
}

.liste.large li a .logo {
border:1px solid var(--gris-4);
display:block;
float:right;
margin:6px 0 15px 20px;
max-height:125px;
overflow:hidden
}

.liste.large li a:hover .logo {
border:1px solid var(--liens)
}

.liste.large li a .logo.entier {
max-height:none
}

.liste li .intro,.liste li a .intro {
border:0;
margin:0 0 6px;
padding:0 0 0 20px;
font-size:1.2em;
line-height:1.2em;
color:var(--texte);
font-family:var(--sans-serif)
}

.liste.large li .intro {
margin:0 160px 6px 0
}

.liste.large li.livre .intro,.liste.large.livrecherche li .intro {
margin:0 110px 6px 0
}

.liste.large li .intro.sanslogo {
margin:0 0 6px
}

[data-couv="sanscouv"] .liste.large {
margin:0 150px 20px
}

[data-couv="sanscouv"] .liste.large li .intro {
margin:0 0 6px
}

.liste.large.exoblog,[data-couv="sanscouv"] .liste.large.exoblog {
margin:0 70px 20px
}

.liste.large.exoblog li {
margin-right:160px
}

.liste.large.exoblog li:last-child {
border:0
}

.liste.large.exoblog li .intro {
margin:0 0 6px
}

.liste.large.exoblog li.sep {
border:0;
margin:35px 0 25px
}

.liste.large.exoblog li.sep:first-child {
display:none
}

.liste.large.exoblog li.sep hr {
border:0;
margin:0
}

.liste.large.exoblog li h3 {
font-family:var(--sans-serif);
font-weight:700
}

.liste.large li.item.mois {
border:0;
margin:0 -80px 0 0;
padding:0;
float:right;
width:200px;
text-align:left
}

.liste.large li.item.mois .dates_auteurs {
font-size:2em;
font-weight:100
}

.liste li a .texte {
border:0;
margin:0 0 6px;
padding:0 0 0 20px;
color:var(--texte)
}

a .intro .suite,a .texte .suite {
font-size:1.15em;
font-weight:400;
line-height:1em;
vertical-align:bottom
}

a:hover .intro .suite,a:hover .intro .suite {
color:var(--liens)
}

.pagination {
font-size:1.5em;
color:var(--gris-2);
margin:30px 0 50px;
text-align:center;
font-feature-settings:onum;
clear:both
}

.pagination-items {
font-size:1em;
display:flex;
justify-content:center
}

.pagination.exoblog {
font-size:1.8em;
margin:50px 230px 50px 70px
}

.pagination.exoblog .pagination-items {
font-size:1.2em
}

.pagination-items .pagination-item {
display:inline-flex;
border-right:1px solid var(--gris-2);
padding-right:10px;
padding-left:10px
}

.pagination-items .pagination-item.prev + .pagination-item,.pagination-items .pagination-item.next,.pagination-items .pagination-item:first-child,.pagination-items .pagination-item.disabled:first-child + .pagination-item {
border-right:none;
margin-right:0
}

.pagination-items li:first-child {
border-left:none;
padding:0;
margin:0
}

.pagination-items li.prev a,.pagination-items li.prev span,.pagination-items li.next a,.pagination-items li.next span {
color:transparent;
display:inline-block;
margin-left:-.2em
}

.pagination-items li.next a {
margin-right:-.5em;
margin-left:0
}

.pagination-items li.disabled {
display:none
}

.pagination-items li.tbc.disabled {
display:inline-block;
padding:0 5px
}

.pagination .pagination-item.prev>::before {
content:'←';
color:#777
}

.pagination .pagination-item.next>::after {
content:'→';
color:#777
}

.pagination .pagination-item.prev>:hover::before,.pagination .pagination-item.next>:hover::after {
color:var(--liens)
}

.pagination .on {
font-weight:700;
color:var(--texte)
}

.pagination a {
color:#777
}

.pagination a:hover {
color:var(--liens)
}

.pagination.haut {
margin:0 0 25px
}

.nombremots {
text-align:left;
color:var(--gris-4)
}

.bandeautitre {
cursor:pointer;
position:fixed;
top:0;
right:0;
width:100%;
font-size:1.3em;
font-family:var(--serif);
display:none;
z-index:12;
background:#ffffffe6;
overflow:hidden
}

.bandeautitre span {
color:var(--texte);
margin-right:10px;
font-family:var(--sans-serif);
font-size:1.2em;
vertical-align:middle
}

.bandeautitre a.bandeau {
padding:8px 25px 12px;
display:block;
color:var(--noir);
vertical-align:middle
}

.bandeautitre:hover a.bandeau {
color:var(--blanc)
}

.bandeautitre:hover a.bandeau span {
color:var(--blanc)
}

.bandeautitre .letitre {
display:inline-block;
max-width:66%;
white-space:nowrap;
overflow:hidden;
vertical-align:middle;
text-overflow:ellipsis
}

.bandeautitre .logo {
float:right;
width:200px;
overflow:hidden;
margin:6px 0 0 20px
}

.bandeautitre .logo img {
width:100%;
height:auto;
filter:brightness(0);
transition-duration:.3s;
transition-property:filter;
-moz-transition-duration:.3s;
-moz-transition-property:filter;
-webkit-transition-duration:.3s;
-webkit-transition-property:filter
}

.bandeautitre:hover a.bandeau img {
filter:brightness(1)
}

.bandeautitre .partage {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/partage-bandeau.png') no-repeat 0 right 0;
position:absolute;
top:10px;
left:15px;
height:23px;
width:24px
}

.bandeautitre:hover .partage {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/partage-bandeau.png') no-repeat 0 right -23px
}

.bandeautitre:hover .partage:hover {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/partage-bandeau.png') no-repeat 0 right -46px
}

.bandeautitre #bandeau-play {
color:transparent;
width:23px;
height:23px;
border-radius:0;
position:absolute;
top:13px;
left:45px;
padding:0
}

.bandeautitre #bandeau-play svg {
fill:var(--noir);
width:23px;
height:23px;
overflow:hidden
}

.bandeautitre:hover #bandeau-play svg {
fill:#fff
}

.bandeautitre #bandeau-progression-container {
height:auto;
transition:all 200ms;
mix-blend-mode:multiply
}

.bandeautitre #bandeau-progression {
height:0;
mix-blend-mode:multiply;
transition:width 500ms cubic-bezier(0,0,0,1) 0s,height 200ms ease 0s
}

.bandeautitre #bandeau-progression.bp-active {
height:10px
}

#duration {
position:absolute;
top:0;
left:90px;
font-size:1em;
line-height:2.45em;
cursor:pointer;
font-feature-settings:tnum;
-webkit-font-feature-settings:tnum;
-ms-font-feature-settings:tnum
}

.bandeautitre:hover #duration {
color:var(--blanc)!important
}

.voiraussi {
margin:0 35px 50px 150px;
border:1px solid var(--gris-2);
padding:35px 50px 30px
}

.voiraussi.perspective {
margin-top:0;
border:0;
background:#eee
}

.voiraussi.perspective.dessous {
margin-top:-51px;
border:1px solid var(--gris-2);
border-top:0
}

.voiraussi.dossierweb {
padding:30px 0 25px;
border:0;
border-top:1px dashed var(--gris-2);
border-bottom:1px dashed var(--gris-2)
}

.voiraussi.dossierweb a:hover.enune .voiraussi.dossierweb h2 span.date {
color:var(--gris-4)
}

.enune .voiraussi.dossierweb {
margin:0 10px;
padding:0;
border:0
}

.enune .voiraussi.dossierweb a {
margin:0;
padding:0;
border:0;
overflow:hidden
}

.enune .voiraussi.dossierweb .logo {
margin:5px 0 0 20px;
width:130px;
border:0
}

.enune .voiraussi.dossierweb .logolimite {
float:right;
height:40px;
overflow:visible
}

.voiraussi h2,#navigation .voiraussi h2.titrechapo {
font-size:2em;
color:var(--liens);
line-height:1.1em
}

.voiraussi h2.titrechapo,#navigation .voiraussi h2.titrechapo {
margin:0 0 5px;
font-weight:800
}

.voiraussi h2 span,.rappelsune .voiraussi h2 span {
font-weight:400;
color:var(--texte)
}

.voiraussi h2 span.date,.rappelsune .voiraussi h2 span.date {
color:var(--gris-4)
}

.voiraussi .chapdoss .intro {
font-size:1.45em;
margin:0 0 45px
}

.voiraussi ul li {
border-bottom:1px dashed var(--gris-2)
}

.voiraussi ul li:last-child {
border:0;
margin-bottom:0;
padding-bottom:0
}

.voiraussi.perspective ul li {
border-bottom-color:var(--gris-4)
}

.voiraussi.perspective .dates_auteurs {
color:#777
}

.voiraussi li.encadre h3 {
font-weight:400
}

.voiraussi li .logo {
margin-top:3px
}

a.reprismdv {
font-size:1.5em;
color:var(--texte);
display:block;
border:0;
padding:0;
overflow:hidden;
font-weight:700
}

a.reprismdv:hover {
color:var(--liens)
}

a.reprismdv .logo {
float:right;
margin:2px 0 10px 15px;
width:50px
}

.lesmots span::after {
content:" •";
color:var(--gris-2)
}

.lesmots span:last-child::after {
content:""
}

.message_references {
margin:50px 30px 0 0;
padding-top:20px;
border-top:1px dashed #096;
font-size:1.2em
}

.message_references .reference {
font-weight:700
}

.carto_in {
margin:35px 0 40px;
max-width:100%;
background:#fff
}

.type_Voix-de-faits .carto_in {
margin:2.5em 0 2.2em;
max-width:100%
}

.carto_in h3,.listarchives.liste.large .carto_in h3 {
margin:4px 0 6px;
font-size:1.1em;
font-weight:400
}

.carto_in a .reprise_mdv {
color:var(--gris-4);
font-size:.85em;
margin:3px 0 0;
line-height:1.2em
}

.type_Voix-de-faits .carto_in h3 {
margin:4px 0 10px;
font-weight:800;
font-size:1.8em
}

.type_Voix-de-faits .carto_in .dates_auteurs {
font-weight:400;
margin-bottom:25px
}

.carto_in .apercu {
padding-right:25px;
margin-right:3px
}

.carto_in .titraille {
max-width:91%!important;
margin:0 9% .8em 0
}

.listarchives.liste.large .carto_in .titraille {
max-width:91%!important;
margin:0 0 .8em
}

.carto_in.aucentre {
max-width:100%!important;
margin-right:9%
}

.carto_in.aucentre.centrecol figure,.carto_in.aucentre.centrecol .titraille {
width:650px!important;
margin:0 9% 0 18%;
text-align:center
}

.carto_in.aucentre.centrecol .titraille h3,.carto_in.aucentre.centrecol .titraille .dates_auteurs {
max-width:100%!important;
margin-right:auto;
margin-left:auto;
text-align:right
}

.carto_in .chapocarto {
font-size:.85em;
line-height:1.3em;
font-family:var(--sans-serif);
margin:5px 0 0
}

.texte .carto_in .chapocarto p {
margin:0 0 10px
}

.cartoscrollbox {
margin:0 0 20px;
position:relative
}

.cartoscroll {
max-width:100%;
border:1px solid var(--texte);
overflow-x:auto
}

.cartoscroll img {
max-width:none;
max-height:75vh;
width:auto;
display:block
}

.scroll-msg {
font-size:.01em;
font-style:italic;
width:0;
overflow:hidden;
opacity:0;
position:absolute;
background:#ffffffe6;
transition-duration:.5s;
transition-property:opacity,font-size,width;
-moz-transition-duration:.5s;
-moz-transition-property:opacity,font-size,width;
-webkit-transition-duration:.5s;
-webkit-transition-property:opacity,font-size,width
}

.cartoscrollbox:hover .scroll-msg {
width:100%;
font-size:.9em;
opacity:1;
padding:5px 0 10px
}

.traducteur {
font-size:1.2em;
font-style:italic;
margin:20px 30px 30px 160px
}

#navigation h2 {
margin:30px 0 20px;
font-size:2.3em
}

.variante #navigation h2 {
font-weight:800
}

.tousles {
margin:20px 0 30px;
text-align:left;
clear:both;
overflow:hidden
}

.tousles a {
font-family:var(--sans-serif);
font-size:2em;
font-weight:800;
text-transform:uppercase;
color:var(--gris-3);
display:block
}

.tousles.mini a {
font-size:1.6em
}

.tousles.filet {
border-top:1px dashed var(--gris-2);
padding-top:15px
}

.liste li.tousles {
border:0
}

.liste li.tousles a {
font-size:1.5em
}

.tousles a.gauche {
float:right
}

.tousles a:hover {
color:var(--liens)
}

h3.cat {
font-family:var(--serif);
font-weight:400;
font-size:1.8em;
margin:0 0 20px
}

.trads {
position:absolute;
width:100%;
text-align:left;
font-size:1.4em;
z-index:1
}

.trads>a span {
border:1px solid var(--gris-2);
padding:0 0 2px;
border-radius:25px;
--box-shadow-color:var(--gris-2);
box-shadow:0 0 0 var(--box-shadow-color);
font-variant:small-caps;
width:1.2em;
display:inline-block;
text-align:center
}

.trads a {
color:var(--texte)
}

.trads.deplie>a span {
background-color:var(--texte);
color:var(--blanc);
box-shadow:0 0 0 3px var(--box-shadow-color)
}

.trads a:hover span {
color:var(--texte);
box-shadow:0 0 0 0;
background-color:var(--blanc)
}

#traductions {
margin:45px 0 0;
font-size:1.3em
}

#traductions.enhaut {
font-size:.9em;
display:none;
-moz-font-feature-settings:normal;
-webkit-font-feature-settings:normal;
-ms-font-feature-settings:normal;
font-feature-settings:normal;
margin:0;
padding-top:15px;
padding-bottom:10px;
border-bottom:1px dashed var(--gris-2);
background:#ffffffe6
}

#traductions h2 {
font-size:1.2em;
margin-bottom:15px
}

#traductions.enhaut h2 {
display:none
}

#traductions ul li {
margin-bottom:10px
}

#traductions a {
font-family:var(--serif);
color:var(--texte)
}

#traductions a:hover {
color:var(--liens)
}

#traductions span {
text-transform:uppercase;
color:var(--gris-4);
font-family:var(--sans-serif);
font-size:.8em;
border:0;
padding:0;
background:none
}

#traductions a[hreflang]::after {
content:''
}

#traductions .sanssource {
font-style:italic;
color:var(--gris-4)
}

#traductions .sanssource a {
font-style:normal
}

.article_carnet #navigation {
border-top:0;
margin-top:0
}

.enlarge.zizi {
margin:20px 0 0;
overflow:hidden
}

.enlarge.zizi.recent {
margin:25px 0 0
}

.article_cartes #navigation .zizi {
border-bottom:1px solid var(--gris-2)
}

.enlarge .unemensuel {
float:right;
margin:0 25% 0 25px
}

.enlarge.recent .unemensuel {
margin:10px 30px 25px 25px;
display:block;
width:180px
}

.bloc .enlarge .unemensuel {
width:inherit
}

.enlarge.vieux .unemensuel {
width:100px;
height:60px
}

.enlarge .unemensuel .logo {
border:1px solid var(--gris-4);
line-height:0
}

a:hover .enlarge .unemensuel .logo {
background:var(--liens);
border:1px solid var(--liens)
}

a:hover .enlarge .unemensuel img {
mix-blend-mode:luminosity
}

.enlarge.zizi .dates_auteurs {
font-size:1.8em;
margin:0 0 10px
}

.dernieres_trads {
display:block;
text-align:center;
padding:15px 0 20px;
border-top:1px solid var(--gris-4);
border-bottom:1px solid var(--gris-2)
}

.dernieres_trads:hover {
border-color:var(--liens)
}

#navigation .dernieres_trads h2 {
margin:0
}

[data-couv="sanscouv"] .enlarge.zizi .dates_auteurs {
font-size:2.2em;
text-align:center;
padding:0 0 10px
}

.enlarge.zizi .dates_auteurs span {
color:var(--texte)
}

a:hover .enlarge.zizi .dates_auteurs span {
color:var(--liens)
}

.enlarge.zizi .descriptif,a .enlarge.zizi .descriptif {
font-size:1.3em;
margin:3px 238px 25px 0;
color:var(--texte)
}

[data-couv="sanscouv"] .enlarge.zizi .descriptif,[data-couv="sanscouv"] a .enlarge.zizi .descriptif {
margin-right:0
}

.dunumero {
clear:both;
overflow:hidden;
margin:0 0 30px;
padding:30px 0;
border-top:1px solid var(--gris-4);
border-bottom:1px solid var(--gris-2)
}

.dunumero.vieux {
padding:20px 0 22px
}

.navbillets {
clear:both;
overflow:hidden;
margin:25px 0;
padding:0 0 10px
}

#pagescol {
width:450px!important;
border:1px solid var(--texte)!important;
display:inline-block;
margin:0!important;
vertical-align:middle
}

#pagescol a {
width:225px!important
}

.navart {
width:219px;
display:inline-block;
font-size:1.3em;
color:var(--gris-2);
margin-top:30px
}

.vieux .navart {
width:50%;
margin-top:0
}

.navart:hover {
color:var(--texte)
}

.avant {
text-align:left;
margin-left:30px;
float:right
}

.vieux .avant {
margin-left:0
}

.vieux .avant .fleche {
float:right;
margin:20px 0 0 10px
}

.navart .fleche {
font-size:5em;
display:block;
clear:both;
line-height:.5em;
margin:0 0 20px;
color:var(--gris-3)
}

.navart:hover .fleche {
color:var(--texte)
}

.navbillets .navart .fleche {
font-weight:700
}

.apres {
text-align:right;
margin-right:30px;
float:left
}

.vieux .apres {
margin-right:0
}

.vieux .apres .fleche {
float:left;
margin:20px 10px 0 0
}

.articleconnexe,a .articleconnexe {
color:#aaa;
line-height:1.3em
}

.articleconnexe span.titre {
font-family:var(--serif);
font-size:1.2em;
color:var(--texte)
}

.navbillets .articleconnexe span.titre {
font-family:var(--sans-serif);
font-weight:700;
font-size:1.2em;
color:var(--texte)
}

a:hover .articleconnexe {
color:var(--texte)
}

a:hover .articleconnexe span.titre {
color:var(--liens)
}

.vieux .avant .articleconnexe {
padding-left:25px;
border-left:1px dashed
}

.vieux .apres .articleconnexe {
padding-right:25px
}

.page_sommaire #conteneur {
padding:0
}

.page_sommaire.variante #conteneur {
padding:0 5px
}

.enune {
overflow:hidden;
margin:0 0 25px
}

.numeros_une {
display:none
}

#preview_une .numeros_une {
display:inline-block;
position:absolute;
z-index:25;
right:-7px;
overflow:visible;
padding:4px;
border:1px solid;
border-radius:30px;
width:auto;
background:var(--blanc)
}

.rappelsune {
display:none;
margin:45px -5px 50px;
clear:both
}

.rappelsune.filet {
border-top:1px dashed var(--texte);
margin-top:30px
}

.rappelsune>h2,#navigation .rappelsune>h2 {
margin-right:10px;
mix-blend-mode:luminosity
}

.rappelsune h2 span {
font-weight:800
}

.cols_1 {
width:160px
}

.cols_2 {
width:320px
}

.cols_3 {
width:480px
}

.cols_4 {
width:640px
}

.cols_4.filet {
width:620px
}

.cols_5 {
width:800px
}

.cols_6 {
width:960px
}

.cols_6.filet {
width:940px
}

.multi ul {
overflow:hidden
}

.cols_4>.unarticle .titraille,.cols_4>.unarticle .intro {
width:600px
}

.enune.liste li {
float:right;
max-width:100%;
margin:0;
padding:0;
border:0;
position:relative;
list-style:none
}

.enune.liste li.droite {
float:left
}

.enune.liste li a {
margin:0 10px 15px;
border-bottom:1px dashed var(--gris-2);
padding:0 0 15px;
display:block
}

.enune.liste li.bloc li:not(.bloc) {
width:100%
}

.enune.liste li.bloc li:last-child>a,.enune.liste li a.noborder {
margin:0 10px;
border:0;
padding:0
}

.enune.liste li .intro {
padding:0
}

.enune.liste li.filet,.enune.liste li.bloc li:not(.bloc).filet {
border-top:1px dashed var(--gris-2);
border-bottom:0;
margin:28px 10px 30px;
display:block;
width:calc(100% - 20px)
}

.enune.liste li.clearleftlarge {
clear:right
}

.bloc h3 a {
color:var(--texte)
}

.bloc h3 a:hover {
color:var(--liens)
}

.enune.liste h3,.enune.liste .cols_1 .yalogo h3 {
font-family:var(--serif);
font-weight:400
}

.enune.liste .yalogo h3 {
font-family:var(--sans-serif);
font-weight:700
}

.liste .cols_4 h3,.liste .cols_5 h3 {
font-size:2.2em;
line-height:1.1em
}

.liste .cols_3 h3 {
font-size:2em;
line-height:1.1em
}

.liste .cols_2 h3 {
font-size:1.6em
}

.liste .cols_1 h3 {
font-size:1.25em;
line-height:1.2em
}

.enune.liste li .surtitre {
color:var(--liens);
text-transform:lowercase;
margin-top:-5px;
font-weight:800;
font-size:1.7em;
line-height:1em
}

.enune.liste li .diploen .surtitre,.enune.liste li .diploen .lieu {
color:#3c789a
}

.liste .cols_1 .intro {
display:none
}

.yalogo {
max-width:100%;
max-height:100%
}

.enune.liste li a .logo {
margin:3px 0 10px;
width:100%
}

.enune .logo img {
display:block;
max-width:100%;
height:auto!important
}

.liste .bloc .titraille {
margin:0 0 6px;
overflow:visible
}

.liste .cols_1 .logo {
display:none
}

.liste .cols_1 .logo.logoforce {
display:block
}

.liste .cols_1 .titraille h3 {
hyphens:manual
}

.enune.liste li a.unemdv .logo {
margin:3px 0 0;
border:0;
display:block
}

.enune.liste li a.unemdv.long .logo {
margin:3px 0 10px;
border:0;
display:block
}

.sticker_enkiosques {
text-transform:uppercase;
font-size:1.4em;
font-weight:800;
margin:15px 0 0
}

.liste .cols_1 .sticker_enkiosques {
margin:10px 0 0;
font-size:1em;
padding:4px 6px 3px;
bottom:inherit;
top:148px;
font-weight:800
}

.enune.liste li a.unemdv .titraille,.enune.liste li a.unemdv .intro {
display:none
}

.enune.liste .cols_1 li a.unemdv .titraille,.enune.liste li a.unemdv.long .titraille,.enune.liste li a.unemdv.long .intro {
display:block
}

.enune.liste .cols_1 li a.unemdv .logo {
margin:3px 0 10px
}

.bloc .enlarge.zizi.recent {
margin:0
}

.bloc .unemensuel {
float:right;
margin:8px 0 10px 20px
}

.bloc .unemensuel .logo {
max-width:100%;
box-sizing:border-box
}

.bloc.cols_1 .unemensuel,.bloc.cols_2 .unemensuel {
float:none;
margin:0 0 10px
}

.bloc .unemensuel img,.bloc .enlarge.recent .unemensuel img {
height:auto;
width:inherit;
max-width:100%
}

.bloc .cols_2 .unemensuel img {
height:auto;
max-width:100%
}

.bloc .cols_3 .unemensuel img {
width:180px;
height:auto;
max-width:100%
}

.bloc .zizi .dates_auteurs {
font-size:1.8em;
line-height:1em;
display:block;
margin:0 0 10px
}

.bloc .zizi .dates_auteurs strong {
color:var(--texte)
}

.bloc .zizi a:hover .dates_auteurs strong {
color:var(--liens)
}

.bloc .cols_1 .zizi .dates_auteurs {
font-size:1.3em;
margin:0 0 5px
}

.bloc .enlarge.zizi .descriptif,.bloc a .enlarge.zizi .descriptif {
margin:0 0 6px
}

.agendaune h4,.liste li .agendaune h4 {
font-size:1.1em
}

.agendaune .dates_auteurs {
margin:10px 0 3px
}

.unedeux {
padding:0 5px
}

.horizon {
border-top:1px solid var(--gris-2);
padding:30px 0 0;
margin:15px 0 30px
}

.horizon.enkiosques .zizi .dates_auteurs {
display:none
}

.une h2 a {
font-weight:800
}

.argu {
font-size:1.25em;
font-family:var(--serif);
margin:0 0 20px
}

.argu.bas {
text-align:left;
margin-top:20px
}

.argu strong {
font-family:var(--sans-serif);
font-weight:800
}

.argu span {
color:var(--gris-4)
}

.argu span a {
color:var(--texte)
}

.argu span a:hover {
color:var(--liens)
}

.unedeux .son .loghorizon {
width:30%;
float:left;
margin:-10px 35px -75px 0
}

.unedeux .son .liste.sons::before {
content:' ';
clear:both;
color:transparent;
height:.1px;
display:block
}

.unedeux .son .liste.sons li {
margin-top:0
}

.suivre .logo {
display:block;
margin:4px 0 5px 25px;
width:30%;
float:right
}

.suivre .liste.double {
overflow:hidden
}

.suivre .liste.double .demi {
padding:0 0 0 15px;
box-sizing:border-box;
border-left:1px dashed var(--gris-2)
}

.suivre .liste.double .demi.droite {
padding:0 30px 0 0;
border:0
}

.suivre .liste.double li {
border:0
}

.listeliens {
font-size:1.4em;
text-transform:uppercase;
line-height:1.4em;
clear:both;
color:var(--gris-2);
margin-bottom:20px
}

.listeliens a {
color:var(--texte);
font-weight:800
}

.listeliens a:hover {
color:var(--liens)
}

.horizon.blogs {
margin-bottom:0
}

.archives .liste_vignettes .logo {
display:none
}

.archives .bloc_vignette h3,.archives .bloc_vignette a:hover h3 {
font-family:var(--serif);
font-weight:400
}

.horizon.enkiosques {
border-bottom:1px solid var(--gris-2)
}

.une .enlarge.recent {
margin-left:30px
}

.une .promav {
border-bottom:0;
margin:0 0 30px;
padding:0
}

.une .promav .couvmav {
width:250px
}

.une .promav a .intro {
font-size:1.3em
}

h1 span {
color:var(--gris-3)
}

.infoboite {
float:left;
width:352px;
margin:25px 30px 5px 0;
position:relative
}

.infoboite .edito {
margin-top:30px;
border-bottom:0
}

.infoboite .unite {
font-size:1.2em;
font-family:var(--serif);
text-align:center
}

.papiers_hasard {
font-size:1.4em;
margin:25px 0 30px
}

.papiers_hasard.fat {
font-size:1.8em;
margin:25px 0 30px 45px
}

.alaune {
float:right;
width:500px;
margin:0 0 30px 8px
}

.alaune li img {
max-width:100%!important;
height:auto!important
}

.alaune li h3 {
font-weight:700
}

.alaune li .tige h3 {
font-weight:700;
font-size:2.2em;
line-height:1.1em
}

.liste li.edito h3,.alaune li.edito h3 {
font-family:var(--serif);
font-weight:400;
font-size:2em;
line-height:1.1em
}

.liste li .tige .logo {
max-width:220px
}

.liste li .tige .logo.large {
max-width:600px
}

.liste li .logo.large {
margin:12px 0;
float:none;
border:0
}

.liste li a:hover .logo.large {
border:0
}

.liste li a.carto .logo.large,.liste li a.carto:hover .logo.large {
display:block;
box-sizing:border-box;
border:1px solid var(--gris-2)
}

.liste li a.carto:hover .logo.large {
border:1px solid var(--liens)
}

.liste.double {
clear:both;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px 40px
}

.liste.double .solo,.liste.double .insert {
grid-column:1 / 3
}

.liste.double li:last-of-type {
border-bottom:0
}

.liste.double li .logo {
margin:12px 0;
float:none
}

.liste.double li img {
max-width:100%!important;
height:auto!important;
display:block
}

.liste.double li .intro {
padding:0
}

.liste.double li h3 {
font-weight:700
}

.liste.double .gauche .lovus {
margin-left:20px
}

ul.liste.double>li {
clear:none;
border-bottom:0;
padding:0;
margin:10px 0 0;
display:grid
}

ul.liste.double>li>a {
border-bottom:1px dashed var(--gris-2);
margin:0;
padding:0 0 15px;
display:block
}

ul.liste.double>li>a.sansfilet {
border-bottom:0;
margin:0;
padding:0;
display:block
}

ul.liste.double>li>a.yalogo {
border-bottom:0;
padding:0
}

ul.liste.double>li.insert {
clear:both;
border-bottom:1px dashed var(--gris-2);
border-top:1px dashed var(--gris-2);
margin:25px 0;
padding:25px 0 0;
display:block;
grid-column:1 / 3
}

ul.liste.double>li a:hover .logo.vignette {
border-color:var(--liens)
}

.liste li .pages {
color:var(--gris-3)
}

.liste li .pages span,.liste li .anime span,.anime span {
color:var(--gris-1);
vertical-align:middle;
line-height:.5em
}

.liste li span.inedit {
color:#e0aa69;
vertical-align:baseline;
line-height:1.1em
}

.anime,.liste li .anime {
color:#2a7ba1
}

a:hover .anime {
color:var(--liens)
}

.liste li .surtitre,.liste li a .surtitre {
font-size:1.3em;
margin-bottom:8px;
color:var(--texte)
}

.pretitre {
font-family:var(--sans-serif);
color:var(--gris-4);
text-transform:uppercase;
font-weight:800;
font-size:1em;
margin:0 0 10px
}

.supp .pretitre {
font-weight:400
}

.liste.alaune li.chapodoss,.alaune li.sanschapo {
border-bottom:0;
padding-bottom:0;
margin:45px 0 0
}

.alaune li.sanschapo {
margin:25px 0 0;
width:425px
}

.alaune li.sanschapo h3 {
font-size:1.9em
}

.alaune li.chapodoss.titreseul {
margin:55px 0 0
}

.liste li.chapodoss h3 {
font-weight:700;
font-size:2.2em;
line-height:1.1em
}

.liste li.chapodoss h3 .sep {
color:var(--gris-2);
font-weight:400
}

.dossiers.liste li.chapodoss .intro {
font-size:1.3em;
line-height:1.4em
}

.liste li.chapodoss .logo {
margin:6px 0 12px 20px;
float:right;
border:1px solid var(--gris-4)
}

.liste li.chapodoss .logo.large {
border:0;
max-width:100%
}

.dossiers.liste li.chapodoss .logo.large {
margin:12px 0 12px 25px;
max-width:425px;
width:48%;
float:right
}

.dossier,.dossier.supp {
clear:both;
border-bottom:1px dashed var(--gris-4);
padding-bottom:15px
}

.liste .dossier li {
border-bottom:0;
margin:0;
padding:30px 0 0
}

.liste .dossier li:first-child {
margin:25px 0 0;
padding:0
}

.liste .dossier li.chapodoss {
margin:25px 0 0
}

.liste li ul.voiraussis li {
border:0;
margin:30px 0 0;
padding:0
}

.liste li ul.voiraussis li:before,.liste .dossier li:before,.alaune li.sanschapo:before,.alaune li.sanschapo:after,.alaune li.chapodoss:after {
display:inline-block;
border-right:1px dashed var(--gris-2);
content:" ";
position:absolute;
height:1.5em;
margin:-1.8em 2em 0 0
}

.alaune li.sanschapo:before {
margin:-1.5em 2em 0 0
}

.alaune li.sanschapo:after,.alaune li.chapodoss:after {
height:3em;
margin:0 2em 0 0
}

.liste .dossier li.chapodoss:before,.alaune li.chapodoss.titreseul:after,.liste .dossier .chapoencol .demi.gauche li:first-of-type:before {
content:none;
display:none
}

.liste.livres {
clear:both
}

.presentoir {
margin:0 0 20px;
position:relative
}

.bouton.numero {
text-align:center;
margin:0 0 40px
}

.presentoir .bouton.numero {
margin:0;
position:absolute;
bottom:50px;
width:100%;
display:none
}

.presentoir:hover .bouton.numero {
display:block
}

.blocouvert .bouton.numero {
display:none
}

.bouton.numero a {
font-size:1.3em;
padding:8px 50px 8px 15px;
border-radius:20px
}

.bouton.numero a.lien_feuilleter {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/livreouvert.svg') no-repeat 15px center var(--accent);
margin-left:10px
}

.bouton.numero a.lien_feuilleter:hover,.presentoir:hover .bouton.numero a.lien_feuilleter {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/livreouvert.svg') no-repeat 15px center var(--liens);
background-size:25px;
color:var(--blanc)
}

.bouton.numero a.lien_telecharger {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/telecharger.svg') no-repeat 15px center var(--accent);
background-size:25px
}

.bouton.numero a.lien_telecharger:hover {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/telecharger.svg') no-repeat 15px center var(--liens)
}

.bouton.numero a.lien_telecharger.on {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/telecharger.svg') no-repeat 15px center var(--noir);
color:var(--blanc)
}

.bouton.numero a.lien_ecouter {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/son-blanc.svg') no-repeat 15px center var(--accent);
background-size:25px
}

.bouton.numero a.lien_ecouter:hover {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/son-blanc.svg') no-repeat 15px center var(--liens);
background-size:25px
}

.bouton.numero.special a {
padding:8px 15px
}

.rubrique_numero .enlarge {
margin:50px 30px 0;
clear:both
}

.tetiere {
margin:30px 0 0;
background:var(--liens);
line-height:0
}

a:hover .tetiere img {
opacity:.8
}

h2#leslivres {
margin:10px 0 30px;
font-size:2.5em;
font-weight:800;
text-align:center;
padding:0 0 18px;
border-bottom:1px dashed var(--texte)
}

a h2#leslivres {
color:var(--liens)
}

a:hover h2#leslivres {
border-bottom:1px solid var(--liens)
}

.liste.livres li {
padding:0 0 10px;
overflow:hidden
}

.liste.livres li .logo {
float:right;
margin:3px 0 10px 15px;
width:20%
}

.liste.livres .revues .logo {
width:5%
}

.liste li.catego {
border:0;
margin:0;
padding:0
}

.liste li.catego h2,#navigation .liste li.catego h2 {
margin:0;
padding:0;
color:var(--gris-4)
}

.message_service {
font-size:1.3em;
font-weight:500;
border:2px solid var(--liens);
color:var(--liens);
padding:25px;
text-align:center
}

.avantapres.numero {
text-transform:lowercase;
font-variant:small-caps;
font-size:1.8em;
clear:both;
overflow:hidden
}

.avantapres.numero a {
color:var(--gris-2)
}

.avantapres.numero a:hover {
color:var(--liens)
}

.categorie .logo {
float:right;
margin:2px 0 10px 20px
}

.baseline {
font-size:1.3em;
line-height:1.3em;
margin:0 0 30px;
position:relative
}

.baseline p {
margin:.6em 0;
clear:right
}

.baseline .mini {
font-size:.9em
}

.baseline.minimarge {
margin:0 0 15px
}

.baseline.filet {
border-bottom:1px solid var(--gris-2);
padding-bottom:15px
}

.baseline.fat {
font-size:1.6em
}

#ancres,.associes {
-moz-font-feature-settings:onum;
-webkit-font-feature-settings:onum;
-ms-font-feature-settings:onum;
font-feature-settings:onum;
margin:0 0 5px
}

#ancres {
margin:0 0 10px
}

.ancres2 {
display:none
}

#ancres .ancres2,h2.catego .ancres2 {
display:inline
}

.nb_resultats a::before,.associes a::before,.refere {
color:var(--gris-2);
content:"/ ";
font-weight:400
}

#ancres .nb_resultats a:first-of-type::before,.associes a:first-of-type::before {
content:none
}

h2.arts .arts,h2.carts .carts,h2.livrs .livrs,h2.revus .revus {
display:none
}

.resultats_recherche h2.catego {
vertical-align:middle
}

.resultats_recherche h2.catego>span {
font-size:.8em;
vertical-align:2px
}

.resultats_recherche h2.catego .nb_resultats a::before {
color:var(--gris-1);
content:" ⁕ ";
font-size:.8em;
vertical-align:1px
}

h2.catego .ancres2 {
vertical-align:2px
}

h2.catego .ancres2 a {
color:var(--gris-4);
font-size:.8em
}

h2.catego .ancres2 a:hover {
color:var(--liens)
}

h2.catego:hover .ancres2 a {
color:var(--texte)
}

h2.catego .ancres2 span {
color:var(--gris-2);
font-size:.8em;
display:inline;
-moz-font-feature-settings:onum;
-webkit-font-feature-settings:onum;
-ms-font-feature-settings:onum;
font-feature-settings:onum;
vertical-align:2px
}

h2.catego .ancres2 a:hover span {
color:var(--texte)
}

table .lettre {
font-size:5em;
font-weight:800;
color:var(--liens);
vertical-align:middle;
padding:0 30px 0 20px
}

.tags table {
color:var(--gris-2)
}

.tags table td a,.tags table td a:hover {
background:none;
border:0;
color:var(--texte);
font-size:1.1em;
line-height:1.4em;
margin:0;
padding:0
}

.tags table td a:hover {
color:var(--liens)
}

table #haut {
margin:0 0 30px
}

table #haut a {
font-size:1.2em;
border:0;
color:var(--texte);
border-radius:20px;
margin:0 -4px;
padding:6px 10px;
line-height:1.1em;
display:inline-block;
min-width:.8em
}

table #haut a:hover {
color:var(--blanc);
background:var(--liens)
}

td.lesmots {
padding:20px 0;
vertical-align:middle;
line-height:1.4em
}

.logocarto {
margin:0 0 40px;
text-align:center
}

.logocarto h3 {
margin:25px 0 5px;
font-size:1.8em;
text-align:right
}

.logocarto .spip_doc_descriptif {
color:var(--texte);
font-size:1.2em
}

.documents_portfolio {
border-top:1px dashed var(--gris-2);
margin-top:40px
}

.documents_portfolio.carto {
margin-top:0;
margin-bottom:40px;
border:0
}

.documents_portfolio .spip_doc_descriptif {
display:none
}

.documents_portfolio.carto .spip_doc_descriptif {
display:block;
font-size:.9em
}

.documents_portfolio.carto li {
position:relative
}

.documents_portfolio h2 {
margin-top:.5em
}

.documents_portfolio.carto h3 {
padding-left:1em
}

.documents_portfolio.carto a.hautdelaffiche {
display:block;
position:absolute;
top:147px;
left:0;
color:var(--gris-2)
}

.documents_portfolio.carto a.hautdelaffiche:hover {
color:var(--liens)
}

.documents_portfolio.mp3 .spip_documents {
text-align:right;
font-size:.8em;
margin:0 0 10px 100px;
border:0
}

.apercu_carte {
position:relative;
border-bottom:1px dashed var(--apercu);
line-height:0;
margin:0 0 15px
}

.enapercu .zoombox figure {
height:300px;
overflow:hidden;
border-bottom:1px dashed var(--apercu)
}

.apercu_carte .apercu,.enapercu .zoombox figure::before {
position:absolute;
bottom:0;
left:0;
font-size:1.25em;
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/oeilbleu.png') no-repeat 15px center var(--blanc);
padding:18px 42px 20px 10px;
border-top-right-radius:15px;
font-family:var(--sans-serif)
}

.enapercu .zoombox figure::before {
color:var(--apercu);
content:'Aperçu';
padding:8px 42px 10px 0;
font-weight:400;
font-variant:small-caps;
text-transform:lowercase;
font-size:1em
}

.article_carte .enapercu .apercu {
background-color:var(--blanc);
float:left;
padding:7px 28px 8px 10px;
position:absolute;
left:0
}

.horstexte {
font-size:1.3em
}

.liste_vignettes.hautcartes {
padding:0 0 30px 10px;
grid-template-columns:repeat(2,1fr)
}

.liste_vignettes.bascartes {
margin-top:0
}

.zones .minitags a:nth-child(2),.zones .minitags a:nth-child(6),.zones .minitags a:nth-child(8),.zones .minitags a:nth-child(9) {
font-family:var(--sans-serif)
}

.souspartie {
margin:15px 0 5px
}

.souspartie h3 {
text-transform:lowercase;
font-variant:small-caps;
font-weight:400;
color:var(--gris-4)
}

.page_agenda #contenu .liste li a {
display:grid;
grid-template-columns:1fr 5fr;
gap:25px;
align-items:center
}

.page_agenda .liste li:last-child {
border-bottom:0
}

.page_agenda .liste li .date,.page_agenda .liste li .item {
font-size:1.3em
}

.page_agenda .liste li .date {
font-weight:800
}

.page_agenda .liste li a {
color:var(--texte)
}

.page_agenda .liste li a span {
color:var(--gris-2)
}

.page_agenda .liste li a:hover,.page_agenda .liste li a:hover span {
color:var(--liens)
}

.page_agenda h2 {
margin-top:40px
}

.liste_vignettes {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:40px
}

.liste_vignettes.large {
grid-template-columns:repeat(3,1fr)
}

.texte ul.liste_vignettes {
margin:30px 0 20px;
padding:0
}

.bloc_vignette,li.bloc_vignette,.texte .bloc_vignette {
width:100%;
list-style-type:none
}

li.bloc_vignette.pleinelargeur {
width:100%
}

.bloc_vignette .vignette {
margin:0 0 10px;
border:1px solid var(--texte);
box-sizing:border-box;
display:block
}

.bloc_vignette a {
display:block
}

.bloc_vignette img {
width:100%!important;
height:auto!important;
box-sizing:border-box;
display:block
}

.eteint .vignette img {
opacity:.6
}

.eteint h3 {
color:var(--gris-3)
}

.bloc_vignette a:hover img {
mix-blend-mode:luminosity
}

.bloc_vignette a:hover .vignette {
background-color:var(--liens)
}

.bloc_vignette .vignette img {
display:block
}

.pardate.large .bloc_vignette img {
padding:4px;
background:var(--blanc)
}

.bloc_vignette h3 {
font-size:1.3em
}

.bloc_vignette a h3 {
color:var(--texte);
display:block;
margin:0 0 4px
}

.bloc_vignette a:hover h3,.pardate .bloc_vignette a:hover .dates_auteurs {
color:var(--liens);
font-weight:700
}

.texte .bloc_vignette h3 {
font-size:1em
}

.pardate .bloc_vignette .dates_auteurs {
font-size:1.4em;
text-transform:capitalize;
text-align:center
}

[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs {
padding:45px 2px;
color:var(--texte);
background-color:#eee;
position:relative;
overflow:hidden
}

[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs:hover {
color:var(--blanc);
background-color:var(--liens)!important
}

[data-couv="sanscouv"] .pardate .bloc_vignette .dates_auteurs img {
position:absolute;
width:calc(100% + 4px)!important;
margin:0;
padding:0;
top:0;
right:0;
mix-blend-mode:soft-light
}

.liste_vignettes h2 {
display:inline
}

.liste_vignettes .bouton {
overflow:hidden;
margin:0 0 30px
}

.liste_vignettes .bouton a {
float:left
}

.liste_vignettes a .intro {
margin:6px 0 0;
color:var(--texte)
}

.liste_vignettes.mega {
overflow:hidden;
margin:40px 0
}

.liste_vignettes.mega .bloc_vignette {
float:none;
width:100%;
margin:0;
display:inline-block
}

.liste_vignettes.mega .bloc_vignette .vignette {
display:inline-block
}

.liste_vignettes.mega .bloc_vignette img {
border:0;
width:auto!important
}

.liste_vignettes.mega .bloc_vignette a:hover h3 {
font-weight:400
}

.lesarchives {
font-size:1.3em;
margin:30px 0
}

.lesarchives.annees .bouton {
display:inline-block;
margin:0 5px
}

.selection_archives {
display:block;
margin:15px 0 0;
color:var(--gris-2);
font-size:.9em;
line-height:1.4em
}

.lesarchives.annees>a {
color:var(--gris-2)
}

.selection_archives a,.lesarchives.annees>a span {
color:var(--texte)
}

.lesarchives.annees>a:hover,.lesarchives.annees>a:hover span,.selection_archives a:hover {
color:var(--liens)
}

.lesarchives.parmois .bouton_archives {
margin:0 0 20px
}

.lesarchives .retour {
color:var(--gris-2);
display:block;
margin:10px 0 0
}

.bouton.retour .bouton_archives {
position:relative;
z-index:0
}

.lesarchives .lannee {
font-weight:700
}

.date_archives {
font-size:1.5em;
text-transform:uppercase;
font-weight:800;
margin:0 0 20px
}

.montre,.revele {
display:none
}

#navigation::before {
content:" ";
display:block;
clear:both
}

#navigation .horizon h2 {
font-size:2em;
margin:0 0 20px
}

.horizon .liste_vignettes {
margin-top:25px
}

#navigation .horizon.enkiosques .dates_auteurs {
display:none
}

#navigation .horizon.enkiosques,#navigation .horizon.numero {
border-bottom:1px solid var(--gris-2);
margin-bottom:30px
}

.page_carnet .enlarge {
float:left;
width:25%;
border-top:1px dashed var(--gris-3);
margin-top:35px!important;
padding-top:15px
}

.page_carnet .enlarge h2 {
font-size:1.8em;
margin:0 0 15px;
padding:0 0 10px;
border-bottom:1px dashed var(--gris-4);
color:var(--gris-4);
font-weight:400
}

#pied {
margin:30px -30px 0;
overflow:hidden;
background:#eee;
padding:25px 30px 30px 0;
clear:both
}

.petitepage #pied {
background:var(--gris-1)
}

#pied .finger {
float:right;
width:25%;
color:var(--gris-3)
}

#pied .finger ul {
margin:0 0 0 10px
}

#pied .finger ul li::before {
content:'→'
}

#pied .finger ul li.first::before {
content:''
}

#pied .finger h3 {
font-size:1.2em;
color:var(--texte)
}

#pied a {
color:var(--gris-5)
}

#pied a:hover {
color:var(--liens)
}

#pied a:first-child {
padding-right:6px
}

.page_404 .cartouche {
border:0;
margin-bottom:20px
}

.img404 {
margin:25px 0 0
}

.pswp__bg {
opacity:.8!important
}

.pswp__img--placeholder--blank {
background:var(--blanc) !important
}

.pswp__ui--fit .pswp__top-bar {
background-color:transparent!important;
padding:5px 0 0 3px
}

.pswp__button {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/skin-diplo.png') no-repeat 0 right 0 #0000 !important;
height:50px!important;
width:50px!important
}

.pswp__button--zoom {
background-position:0 right 0!important;
margin:0 0 0 2px !important
}

.pswp__button--close {
background-position:-50px right 0!important;
margin:0 0 0 2px !important
}

.pswp__button--arrow--left::before,.pswp__button--arrow--right::before {
background-color:transparent!important;
content:"";
height:100px!important;
position:absolute;
top:0!important;
width:100px!important
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
background:none!important;
height:100px!important;
width:100px!important
}

.pswp__button--arrow--left::before,.pswp__button--arrow--right::before {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/skin-diplo.png') no-repeat 0 right 0 #0000 !important;
height:100px!important;
width:100px!important
}

.pswp__button--arrow--left::before {
background-position:-100px right 0!important
}

.pswp__button--arrow--right::before {
background-position:-200px right 0!important
}

.pswp__button--arrow--left::before:hover {
background-position:-100px right 0!important
}

.pswp__button--arrow--right::before:hover {
background-position:-200px right 0!important
}

.pswp__caption {
background:transparent!important;
transition:opacity 333ms;
-moz-transition:opacity 333ms;
-webkit-transition:opacity 333ms
}

.pswp--zoomed-in .pswp__caption {
opacity:0!important
}

.pswp__caption__center {
color:var(--blanc)!important;
font-size:1em!important;
line-height:1.3em!important;
max-width:100%!important;
padding:15px 0!important
}

.pswp__caption .titraille {
padding:0 15px;
text-stroke:2px solid var(--texte);
-webkit-text-stroke:2px solid var(--texte);
-moz-text-stroke:2px solid var(--texte)
}

.pswp__caption h3 {
font-size:1.2em;
margin:0
}

.pswp__caption .spip_doc_descriptif {
font-size:1em;
color:var(--blanc)
}

.pswp__caption .cache {
display:inherit
}

#cboxLoadedContent {
border:0!important
}

.box_mediabox[role=dialog] #cboxLoadedContent {
padding:25px
}

.box_modalbox p {
font-size:1.2em
}

.box_modalbox .bouton {
text-align:center
}

.liste li.h2 {
padding:0;
border-bottom:1px solid var(--gris-2)
}

.liste li.h2 a {
line-height:0
}

.liste li.h2 h2,#navigation .liste li.h2 h2 {
font-size:1.8em;
font-weight:800
}

.int li,.texte .int li {
list-style:none
}

.int li p {
margin:.8em 0
}

.int li.langue {
list-style:none
}

.int li a img {
float:left
}

.int li.langue h3 {
margin:2em 0 1em
}

.texte .int strong {
font-weight:800;
font-variant:small-caps
}

blockquote.spip.sommaire a {
color:inherit
}

blockquote.spip.sommaire a:hover {
color:var(--liens)
}

.enlarge {
clear:both
}

.variante .ariane,.categorie-valise .ariane {
padding:10px 0 0 10px;
text-align:left
}

.article_agenda.variante .ariane {
text-align:right
}

.variante .ariane:hover,.categorie-valise .ariane:hover {
background:transparent
}

.insert .decale {
margin:0
}

.variante.page_sommaire .pagination,.variante.page_rubrique .pagination,.categorie-valise .pagination {
margin-top:30px
}

.variante.page_sommaire .pagination.haut,.variante.page_rubrique .pagination.haut,.categorie-valise .pagination.haut {
margin-top:0
}

.rubriques.blogs .bloc_vignette .vignette {
border:0
}

.texte a.voir_archives {
display:block;
padding:25px 25px 25px 10px;
margin:1.5em 0;
color:var(--texte);
background:#f8e1c7;
font-size:1.2em
}

.texte a.voir_archives:hover {
color:var(--blanc);
background:var(--liens)
}

.texte a.voir_archives img {
width:250px;
float:left;
margin:-60px 15px 10px 0
}

.abonnement_podcast {
border:0
}

a.sobre {
color:#935445
}

a.sobre:hover {
color:--hover
}

.page_audio .lesarchives {
position:relative
}

.asterisque.apercu {
font-size:.8em;
position:absolute;
top:-15px;
left:0;
background-position:0 right 12px
}

.asterisque.apercu a {
color:#245268
}

.asterisque.apercu a:hover {
color:--hover
}

li.date_archives {
font-size:2.6em;
text-transform:lowercase;
font-variant:small-caps;
font-weight:400;
margin:60px 0 0
}

.player_info:focus {
outline:0
}

.liste.sons li {
border:0
}

.liste.sons .intro {
margin:10px 0 0 15px
}

.page_article .audio {
background:inherit;
border-radius:inherit;
border:inherit;
border-width:inherit;
font-family:inherit;
padding:inherit
}

.page_article .audio,.page_article blockquote .audio {
margin:10px 0
}

.page_audio .meufson {
width:280px;
margin:-20px 15px 20px 0
}

.page_audio .baseline .bouton {
margin-top:15px;
overflow:inherit
}

.page_audio .baseline {
border-bottom:1px solid var(--gris-2);
margin-bottom:25px
}

.page_audio .baseline .bouton a {
margin:12px 0 15px 10px;
background:#b6d7df
}

.page_audio .baseline .bouton a:hover {
color:var(--blanc);
background:var(--liens)
}

.page_audio .baseline .bouton #tocopy {
position:absolute;
right:-10000px
}

.page_audio .baseline .bouton #tocopy.visible {
position:relative;
right:0;
width:100%;
height:1.8em
}

.page_audio .aide_flux {
clear:both
}

.page_audio .aide_flux .copie {
color:#578c99;
font-weight:700;
display:none
}

.page_audio .aide_flux .laide a {
color:#935445
}

.page_audio .aide_flux .laide a:hover {
color:--hover
}

.page_audio .aide_flux .apps_compatibles {
margin-top:5px;
font-size:.8em
}

.page_audio .baseline .intitule span {
color:var(--gris-4);
white-space:pre
}

.song {
clear:right;
display:block;
margin:0 0 25px;
position:relative
}

li .song {
margin:0
}

.song h3 {
font-weight:700
}

.haucouter {
margin:-20px 0 40px;
display:none
}

.haucouter .song .intro {
display:none
}

.song h3,.texte .song h3 {
font-size:1.5em;
line-height:1.2em;
margin:0 0 4px;
clear:none
}

.texte .song {
font-family:var(--sans-serif);
font-size:.8em;
margin:1.5em 80px 1.5em 160px
}

.texte blockquote.spip .song,.texte .song.sans_marges {
margin:1.5em 0
}

.page_ecouter .song h3 {
font-size:2.3em;
font-family:var(--serif);
font-weight:400
}

.song a h3 {
color:var(--texte);
font-family:var(--serif);
font-weight:400
}

.song a:hover h3 {
color:var(--liens)
}

blockquote .song a h3,blockquote .song a h3:first-of-type {
margin-top:15px;
font-weight:400
}

.song .intro {
margin:10px 0 0 15px;
padding:0 0 0 20px;
font-size:1.2em;
line-height:1.2em;
color:var(--texte);
font-weight:400;
font-family:var(--sans-serif)
}

.song .dates_auteurs {
font-size:1.1em
}

.song .dates_auteurs .nom {
color:var(--gris-5)
}

.song .sep {
color:var(--gris-1);
font-size:.9em
}

.song .dates_auteurs .apercu {
padding:0;
color:transparent;
width:16px;
margin:0 0 0 3px
}

.song .tinyplayer .apercu {
background:none;
padding:0;
margin:0;
color:var(--blanc)
}

.tinyplayer {
display:flex;
width:100%
}

.tinyplayer .audio {
position:relative;
margin:10px 0;
padding:0;
font-weight:500;
font-size:1rem;
line-height:1.5em
}

.tinyplayer .audio,li .tinyplayer .audio {
background:var(--accent)
}

li:nth-child(2n) .numero_sans .audio {
background:#e7cdb9
}

li:nth-child(3n) .numero_sans .audio {
background:#b0c9e8
}

li:nth-child(4n) .numero_sans .audio {
background:#d4d6ad
}

li:nth-child(5n) .numero_sans .audio {
background:#c7cfd6
}

li:nth-child(6n) .numero_sans .audio {
background:#fffbab
}

li:nth-child(7n) .numero_sans .audio {
background:#c2d7b2
}

.texte .song:nth-of-type(2n) .numero_sans .audio {
background:#e7cdb9
}

.texte .song:nth-of-type(3n) .numero_sans .audio {
background:#b0c9e8
}

.texte .song:nth-of-type(4n) .numero_sans .audio {
background:#d4d6ad
}

.texte .song:nth-of-type(5n) .numero_sans .audio {
background:#c7cfd6
}

.texte .song:nth-of-type(6n) .numero_sans .audio {
background:#fffbab
}

.texte .song:nth-of-type(7n) .numero_sans .audio {
background:#c2d7b2
}

.tinyplayer .progress_bar {
position:relative;
height:100%;
width:100%;
cursor:default
}

.tinyplayer .progress_bar .position {
position:absolute;
background-color:var(--texte);
width:0;
height:100%;
transition:width 500ms cubic-bezier(0,0,0,1) 0s;
mix-blend-mode:overlay
}

.tinyplayer .progress_bar .loading {
background-color:transparent;
position:absolute;
width:0;
height:100%
}

.tinyplayer .player_info {
margin:2ex;
font-size:1.25rem;
display:flex;
align-items:center
}

.tinyplayer .track {
display:none
}

.tinyplayer .icon {
margin-left:1ex;
min-width:1.5rem;
flex-basis:1.5rem;
text-decoration:none;
border-bottom:none;
position:relative
}

.tinyplayer button.play {
background:transparent;
overflow:visible;
margin:0;
padding:0;
border:none;
width:20px;
height:20px;
background-size:80%;
margin-left:1ex;
min-width:1.5rem;
flex-basis:1.5rem;
text-decoration:none;
border-bottom:none;
position:relative
}

.tinyplayer button.play span {
display:block;
position:relative;
text-indent:-99999px;
top:auto;
right:auto;
height:20px;
width:20px;
background-size:80%;
overflow:hidden
}

.tinyplayer .ui-icon-play,.ui-icon-pause {
margin-left:1ex;
min-width:1.5rem;
flex-basis:1.5rem;
text-decoration:none;
border-bottom:none;
position:relative
}

.tinyplayer .play .ui-icon-play {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/play.svg') no-repeat center center transparent;
height:20px;
width:20px;
background-size:80%
}

.tinyplayer .play .ui-icon-pause {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/pause.svg') no-repeat center center transparent;
height:20px;
width:20px;
background-size:80%
}

.tinyplayer .icon.ui-icon-stop {
background:url('https://ir.mondediplo.com/plugins/dist/diplo/exo/images/stop.svg') no-repeat center center transparent;
height:20px;
width:20px;
background-size:80%
}

.tinyplayer .track {
flex-grow:1;
white-space:nowrap;
overflow:hidden;
font-weight:700;
text-overflow:ellipsis
}

.tinyplayer .track a {
text-decoration:none;
color:#000
}

.tinyplayer .timer {
margin:0 1ex;
white-space:nowrap;
width:100%;
text-align:left;
font-feature-settings:onum;
-moz-font-feature-settings:onum;
-webkit-font-feature-settings:onum;
-ms-font-feature-settings:onum
}

.tinyplayer .timer .time {
display:none
}

.tinyplayer .playing .timer .time {
display:inline-block;
min-width:3em
}

.tinyplayer .play,.tinyplayer .stop {
cursor:pointer
}

.song a.plus_dinfos {
color:var(--gris-4);
border:1px solid;
border-radius:30px;
margin:0 2px;
padding:0 1px;
min-width:15px;
line-height:1em;
text-align:center;
display:none
}

.song a.plus_dinfos:hover {
color:var(--liens)
}

.song a.plus_dinfos .moins {
display:none
}

.song a.plus_dinfos.ouvert .moins {
display:inline
}

.song a.plus_dinfos.ouvert .plus {
display:none
}

.podcast .bouton.ecouter a {
background:#f4b5c5
}

.song .apercu {
background-size:contain
}

ul.liste.sons li[data-groupe^="Archive"] .song {
border:1px solid #eee
}

.liste.sons li[data-groupe^="Archive"] .surtitre {
font-size:2em;
font-weight:100;
line-height:1em;
margin-bottom:15px
}

ul.liste.sons li[data-groupe^="Archive"] h3 {
padding:12px 15px 0 5px
}

ul.liste.sons li[data-groupe^="Archive"] .dates_auteurs {
padding:0 15px 10px 5px
}

ul.liste.sons li[data-groupe^="Archive"] .intro {
margin:5px 0 0 15px;
padding:0 15px 10px 5px
}

.song a.page_ecouter svg {
width:10px
}

.song a.telecharger svg {
width:12px
}

.song a:hover svg * {
fill:var(--liens)
}

.page_ecouter .song a.page_ecouter {
display:none
}

.bouton.ecouter {
text-align:left;
display:none
}

.bouton.ecouter.visibles {
display:block;
margin-top:10px
}

.enune.liste li a[--data-sit="asuivre"] {
border:0;
padding-bottom:0
}

.enune.liste li .song a {
padding:0;
margin:0;
border:none
}

.enune.liste li .song a h3 {
display:block;
margin-top:-2px
}

.enune.liste li.alasuite a {
font-size:.85em
}

.enune.liste li .song a.plus_dinfos {
display:none
}

.enune.liste li .song .intro {
margin:10px 0 6px
}

.enune.liste li .song {
margin:0 10px 15px;
border-bottom:1px dashed var(--gris-2);
padding:0 0 21px
}

.enune.liste li.bloc li:last-child>.song a {
margin:0
}

.enune.liste li.bloc li:last-child>.song {
border-bottom:0;
padding:0
}

.enune.liste li .song .timer {
margin:0
}

.enune.liste li .song .page_ecouter,.enune.liste li .song .telecharger {
display:none
}

.unedeux .tinyplayer .audio {
width:62%
}

.song.podcast .dates_auteurs .nom {
color:#9c274c;
font-weight:800
}

.song.podcast .dates_auteurs .pucepod {
mix-blend-mode:darken
}

.song.podcast .audio {
box-shadow:-5px 5px 0 #9c274c
}

.song.podcast .pucepod,.enune.liste li .song a.pucepod,.enune.liste li.bloc li:last-child>.song a.pucepod {
width:20px;
float:right;
margin:2px 0 0 6px
}

.alasuite .song.podcast .dates_auteurs {
display:none
}

a.pubarte {
margin:30px 0 75px;
display:block
}

a.pubarte .logo {
display:block;
margin:0
}

a.pubarte .logo img {
display:block
}

a.pubarte:hover .logo {
background-color:var(--liens)
}

a.pubarte:hover .logo img {
mix-blend-mode:luminosity
}

a.pubarte h3 {
font-size:2.5em;
font-weight:900;
color:#333;
margin:0 0 15px
}

a.pubarte:hover h3 {
color:var(--liens)!important
}

a.pubarte .textepub {
font-size:1.4em;
color:#333
}

a.pubarte .textepub .bouton {
text-align:left
}

a.pubarte .textepub .bouton span {
color:#fff;
background:var(--gris-5)
}

a.pubarte:hover .textepub .bouton span {
background:var(--liens) !important
}

@media (max-width: 1020px) {
:target {
scroll-margin:42px
}

.logodiplo,.page_sommaire .logodiplo,.variante.page_sommaire .logodiplo {
display:block;
width:55%;
height:auto
}

.logodiplo a.respons {
display:block!important
}

.logodiplo:hover img,.page_sommaire .logodiplo:hover img,.variante.page_sommaire .logodiplo:hover img {
margin-top:0
}

.preentete,#pied {
width:auto;
max-width:100%;
margin:0
}

.preentete .zizi {
display:none
}

.commerce {
margin:0 20px
}

#entete {
padding:0 30px 20px
}

.labyrinthe {
margin:8px 0
}

.services {
max-width:300px;
margin-top:15px
}

.services .slogan,.page_sommaire .services .slogan {
padding:0
}

.formulaire_recherche {
text-align:center;
margin:0 0 15px
}

.services .formulaire_recherche input.text,.page_recherche .formulaire_recherche input.text,.formulaire_recherche input.text:focus,.page_recherche .formulaire_recherche input.text {
width:250px
}

h1 input.recherche_modifiable {
width:calc(100% - 65px)
}

h1 .formulaire_recherche input.submit {
width:73px;
height:73px
}

ul#menu {
font-size:1.9vw;
font-weight:400
}

ul#menu li a {
padding:8px 0 10px
}

ul#menu li a#entree-accueil {
padding:8px 0 10px;
background-size:2.2vw
}

.ariane {
font-size:1.3em;
padding:8px 10px 10px 0
}

.ariane .avantapres {
display:none
}

.ariane a.absotrick {
width:auto;
display:none
}

.bouton a,.baseline .bouton a {
margin-bottom:15px;
display:inline-block
}

.editions a {
margin-bottom:0
}

.editions .pas_res {
display:none
}

#page {
width:100%;
padding:20px 0 0;
margin:0;
max-width:100%;
box-sizing:border-box
}

#conteneur,.page_sommaire #conteneur,.page_sommaire.variante #conteneur {
padding:0 30px
}

.contenu-principal {
margin:0 0 40px
}

.bandeautitre {
font-size:1.1em
}

.bandeautitre a.bandeau {
padding:6px 20px 10px 10px
}

.bandeautitre .letitre {
max-width:50%
}

.bandeautitre .logo {
margin:3px 0 0 15px
}

.bandeautitre span {
color:var(--texte)!important;
margin-right:8px
}

.bandeautitre .partage {
top:6px
}

.bandeautitre button.play_pause {
top:8px
}

.carto_in.aucentre {
margin-right:6%
}

.carto_in .titraille {
max-width:94%!important;
margin:0 6% .8em 0
}

.carto_in.aucentre .titraille {
max-width:100%!important;
margin:0 0 .8em
}

.texte .cartoscrollbox {
margin:0 -30px 20px
}

.texte .cartoscroll {
border-width:1px 0
}

.cartoscrollbox:hover .scroll-msg {
margin-right:20px;
width:calc(100% - 20px)
}

.trads {
width:calc(100% - 60px);
font-size:1.2em
}

#traductions {
margin:40px 0 0
}

.voiraussi {
margin:0 0 40px;
padding:30px
}

.voiraussi.perspective.dessous {
margin-top:-41px
}

.ps.listarchives {
margin:0 6% 20px;
padding:30px 20px 20px
}

.listarchives.liste.large {
font-size:1.1em
}

.listarchives.liste.large h3.spip {
font-size:1.9em
}

#pagescol {
width:39%!important
}

#pagescol a {
width:50%!important
}

#pagescol a img {
width:100%!important
}

.navart {
width:30%;
font-size:1.2em
}

.avant,.apres {
margin:0
}

.avant .fleche,.avant .articleconnexe {
margin:0 0 20px 20px
}

.apres .fleche,.apres .articleconnexe {
margin:0 20px 20px 0
}

.tousles a {
font-size:1.8em
}

.liste li .intro,.liste li a .intro {
font-size:1.1em;
padding:0
}

.liste_vignettes,.liste_vignettes.large {
grid-template-columns:repeat(3,1fr)
}

.liste_vignettes .bouton a {
font-size:1.2em;
padding:5px 15px 8px
}

.liste_vignettes .bouton a.tlch {
padding-right:35px
}

.liste.large {
margin:0 0 20px
}

[data-couv="sanscouv"] .liste.large {
margin:0 70px 20px
}

.documents_portfolio.carto {
margin:0
}

.documents_portfolio.carto a.hautdelaffiche {
top:unset;
bottom:0;
left:0;
color:var(--gris-2)
}

.documents_portfolio.mp3 .spip_documents {
margin:0 6% 10px 15%
}

.liste.large.exoblog,[data-couv="sanscouv"] .liste.large.exoblog {
margin:0 0 20px
}

.liste.large li.item.mois {
margin:0;
width:120px
}

.liste.large li.item.mois .dates_auteurs {
font-size:1.8em
}

.pagination.exoblog {
font-size:1.6em;
margin:50px 160px 50px 0
}

.texte q.lire_aussi {
margin:5px 25px 25px 0;
width:40%
}

.texte q.lire_aussi.sanslogo {
margin:5px 25px 25px -16%;
width:calc((100vw - 60px) * 0.4)
}

li.gauche .commentaires {
margin-left:10px
}

.texte a.voir_archives img {
width:35%;
float:left;
margin:-52px 15px 10px 0
}

table .lettre {
padding:0 0 0 20px
}

.tags table td.lesmots a {
white-space:normal
}

.infoboite {
float:left;
margin:25px 0 5px;
padding:0 15px 0 0;
width:40%;
box-sizing:border-box
}

.alaune {
float:right;
margin:0 0 30px;
padding:0 0 0 15px;
width:60%;
box-sizing:border-box
}

.alaune li.sanschapo {
width:auto
}

.papiers_hasard.fat {
font-size:1.8em;
margin:25px 0 30px 15px
}

.rubrique_numero #navigation {
margin:30px 0 0
}

.bouton.voirjournal a {
font-size:1.2em;
margin:0 0 15px;
display:inline-block
}

.enune {
margin:0 0 25px
}

.rappelsune {
margin:30px 0
}

.rappelsune h2,#navigation .rappelsune h2 {
margin-right:30px
}

.enune.liste li.droite {
float:right
}

.cols_1 {
width:33%
}

.rescol_1 {
width:33%!important
}

.cols_2 {
width:50%
}

.rescol_2 {
width:50%!important
}

.cols_3 {
width:67%
}

.cols_4,.cols_5,.cols_6 {
width:100%
}

.rescol_x {
width:100%!important
}

.enune.liste li.filet,.cols_4.filet,.cols_6.filet {
width:97%;
margin:0 10px 25px 0
}

.enune .logo img {
width:100%
}

.enune.liste li.filet.partout {
margin-top:15px
}

.enune.liste li.clearleftlarge {
clear:none
}

.que_res,.que_tab {
display:initial!important
}

.liste li.res_spe li {
width:100%
}

.liste li.res_spe .logo.large {
float:right;
margin:6px 0 10px 20px;
width:40%
}

.liste .cols_1 li:first-child .logo {
display:block
}

.enune.liste li.bloc li:last-child a {
margin:0 10px 15px;
padding:0 0 5px
}

.enune.liste li.bloc li:last-child .song a {
margin:0;
padding:0
}

.bloc .unemensuel img {
width:100%
}

.sticker_enkiosques {
font-size:1.3em;
margin:10px 0 0
}

.enune .voiraussi.dossierweb {
margin:0 0 15px
}

.enune .voiraussi.dossierweb .logo {
margin:10px 0 10px 20px
}

.bloc.rescol_x .enlarge.zizi.recent {
padding:0 0 10px;
margin:0 0 10px;
border-bottom:1px dashed var(--gris-2);
padding:0 0 10px 0;
margin:0 0 10px;
border-bottom:1px dashed var(--gris-2)
}

.liste li.res_spe a.unemdv .logo.large {
padding:0;
width:35%;
padding:0;
margin:6px 0 20px 20px
}

.liste li.res_spe a.unemdv.long .logo.large {
width:25%;
height:auto
}

.liste li.res_spe a.unemdv {
overflow:initial
}

.liste li.res_spe a.unemdv .titraille,.liste li.res_spe a.unemdv .intro {
display:block
}

.liste .cols_3 h3 {
font-size:1.8em
}

.liste .cols_2 h3 {
font-size:1.6em
}

.liste .rescol_1 h3 {
font-size:1.5em
}

.liste .cols_1 h3,.liste .rescol_1 .cols_1 h3 {
font-size:1.4em
}

.liste li .zizi .intro {
font-size:1em
}

.unedeux {
padding:0
}

.listeliens {
text-align:center
}

.edinter .argu .logo {
width:20%
}

.bloc.rescol_x a.enkiosques {
border-bottom:1px dashed var(--gris-2)!important;
margin-bottom:20px!important
}

.bloc.rescol_x .unemensuel {
float:right!important;
width:35%;
margin:0 0 10px 20px !important
}

.liste li.rescol_x .zizi .intro {
font-size:1.3em
}

#pied {
padding:30px 0;
margin:20px 0 0
}

#pied .lesliens {
padding:0 20px 0 0
}

.pswp__caption {
background:#00000080 !important
}

.section h2 {
margin-right:40px;
margin-left:40px
}

.section h2.secteur {
font-size:2.2em
}

.section h2 {
font-size:2em
}

.premisses ul li:last-child {
display:none
}

.texte.mav div.spip_documents img {
box-sizing:border-box
}

.decale,.res_decale {
margin:0
}

.logo_revue {
margin:0 10px 20px 0
}

.soutien {
font-size:.9em
}

.sommeil {
font-size:1.1em
}

a.pubarte h3 {
font-size:2.2em
}
}

@media (max-width: 755px) {
:target {
scroll-margin:40px
}

.contenu-principal {
margin:0 0 30px
}

#conteneur,.page_sommaire #conteneur,.page_sommaire.variante #conteneur {
padding:0 20px
}

#entete {
padding:0 20px 30px
}

#entete .ariane .logo {
float:right
}

.logodiplo,.page_sommaire .logodiplo,.variante.page_sommaire .logodiplo {
float:none;
width:100%
}

.logodiplo,.page_sommaire .logodiplo,.services,.services .slogan {
margin:10px auto 20px;
text-align:center
}

.labyrinthe {
border-bottom:1px dashed var(--gris-2);
padding:0 0 20px
}

.services {
max-width:none;
float:none;
text-align:center;
vertical-align:middle
}

.services .slogan {
padding:0
}

.services #search {
float:none;
display:inline-block;
width:70%;
vertical-align:middle
}

.formulaire_recherche {
text-align:center;
margin:0
}

h1 input.recherche_modifiable {
width:calc(100% - 61px)
}

h1 .formulaire_recherche input.submit {
width:69px;
height:69px
}

.services .formulaire_recherche input.text,.page_recherche .formulaire_recherche input.text,.formulaire_recherche input.text:focus,.page_recherche .formulaire_recherche input.text,.variante.page_sommaire .formulaire_recherche input.text {
width:calc(100% - 36px)
}

.page_sommaire .services .slogan {
padding:10px 0 0
}

.voiraussi {
margin:0 0 30px;
padding:25px
}

.voiraussi.perspective.dessous {
margin-top:-31px
}

a.bouton_menu {
display:inline-block;
vertical-align:middle;
line-height:0;
width:36px;
height:36px;
overflow:hidden;
margin-left:12px
}

.no-js a.bouton_menu {
display:none
}

a.bouton_menu img {
max-width:73px!important
}

a.bouton_menu.on img {
margin-right:-38px
}

ul#menu,#entete:hover ul#menu {
flex-direction:column;
border:0;
margin:-8px 0 15px;
font-size:2.5vw
}

.js ul#menu {
display:none
}

ul#menu li a,ul#menu li a#entree-apropos,ul#menu li a#entree-accueil {
font-size:1.6em;
border-bottom:1px dashed var(--gris-2);
padding:12px
}

ul#menu li a#entree-accueil,ul#menu li a#entree-accueil:hover,#entete:hover ul#menu li a#entree-accueil:hover {
width:inherit;
background-image:none;
color:var(--texte)
}

ul#menu li.sousgroupe a,#entete:hover ul#menu li.sousgroupe a {
border-right:0
}

ul#menu li a:hover,#entete:hover ul#menu li a:hover {
border-bottom:1px dashed var(--accent)
}

.categorie-numero #entree-numero,.categorie-archives #entree-archives,.categorie-mav #entree-mav,.categorie-valise #entree-valise,.categorie-blogs #entree-blogs,.categorie-cartes #entree-cartes,.categorie-apropos #entree-apropos,.variante #entree-blogs,.categorie_publication #entree-publi,.categorie_apropos #entree-apropos,.categorie-publication #entree-publi,.categorie-audio #entree-audio {
border-bottom:1px solid #dedee2
}

.bandeautitre {
font-size:1em
}

.bandeautitre a.bandeau {
padding:6px 8px 9px 5px
}

.bandeautitre .letitre {
max-width:70%
}

.bandeautitre span {
vertical-align:text-bottom
}

.bandeautitre .logo {
display:none
}

.bandeautitre span {
color:var(--texte)!important;
margin-right:5px
}

.bandeautitre .partage {
top:5px;
left:6px
}

.bandeautitre button.play_pause {
top:7px;
left:40px;
padding:0
}

#duration {
left:75px;
line-height:2.2em
}

.carto_in.aucentre {
margin-right:0
}

.texte .carto_in .titraille {
margin:0 0 .8em
}

.texte .cartoscrollbox {
margin:0 -20px 20px
}

.cartoscrollbox:hover .scroll-msg {
margin-right:20px;
width:calc(100% - 20px)
}

.trads {
width:calc(100% - 40px)
}

.ps.listarchives {
margin:25px 0 20px
}

.listarchives.liste.large h3.spip {
font-size:1.8em
}

.liste li h3 {
font-size:1.5em
}

h4,.liste li h4 {
font-size:1.4em
}

.liste li .intro,.liste li a .intro {
font-size:1em
}

ul.liste.double.perspective {
font-size:1em
}

.liste .rescol_1 h3 {
font-size:1.4em
}

.liste .cols_1 h3,.liste .rescol_1 .cols_1 h3 {
font-size:1.25em
}

.liste .cols_1 li:first-child .logo {
display:none
}

.liste_vignettes,.liste_vignettes.large {
margin:30px 0 0;
grid-template-columns:repeat(2,1fr)
}

.documents_portfolio.mp3 .spip_documents {
margin:0 0 10px
}

.liste.large.exoblog li {
margin-right:0
}

.liste.large li.item.mois {
margin:0;
width:100%;
float:none;
text-align:right
}

.liste.large.exoblog li.sep {
margin:0 0 25px
}

.pagination.exoblog {
font-size:1.5em;
margin:40px 0 30px
}

.bandorub {
margin:-39px -20px 25px
}

#entete .bandorub {
margin:-9px -20px 0
}

.enlarge.zizi .unemensuel {
height:auto;
margin:6px 0 15px 20px;
max-height:none;
text-align:center
}

.bloc .enlarge.zizi .unemensuel {
margin:6px 0 15px 20px;
float:none;
margin:6px 0 15px 20px;
float:none
}

.bloc.cols_2 .enlarge.zizi .unemensuel {
margin:0 0 15px
}

.enlarge.zizi.vieux .unemensuel {
height:50px
}

.enlarge.zizi .descriptif,a .enlarge.zizi .descriptif {
margin:0 0 25px
}

.enlarge.zizi.vieux .unemensuel {
margin:6px 15px 0 20px
}

.enlarge.zizi.vieux .unemensuel img {
width:100%
}

.unedeux .son .loghorizon {
margin:-10px 5px 0 0
}

.unedeux .tinyplayer .audio {
width:100%
}

.enune .voiraussi.dossierweb .logolimite {
height:auto
}

.baseline .bouton {
overflow:hidden
}

.baseline .bouton a.droite {
margin:5px 20px 0 0
}

.infoboite {
padding:0 10px 0 0
}

.alaune {
padding:0 0 0 10px
}

.alaune li .tige h3 {
font-size:2em
}

.alaune li.sanschapo .tige h3 {
font-size:1.7em
}

.papiers_hasard {
font-size:1.3em;
margin:0 0 25px
}

.papiers_hasard.fat {
font-size:1.7em;
margin:0 0 25px 5px
}

a.pubarte h3 {
font-size:2em
}
}

@media (max-width: 480px) {
.crayon-icones {
display:none!important
}

#conteneur,.page_sommaire #conteneur,.page_sommaire.variante #conteneur {
padding:0 15px
}

#entete {
padding:0 15px 15px
}

.labyrinthe {
margin:0;
padding:0 0 5px
}

ul#menu,#entete:hover ul#menu {
margin-top:0;
font-size:3.5vw
}

.logodiplo,.page_sommaire .logodiplo,.services .slogan,.variante.page_sommaire .logodiplo {
margin:10px auto 15px;
text-align:center
}

.services #search {
width:calc(100% - 48px)
}

a.bouton_menu {
float:right
}

.ariane {
font-size:1.1em;
padding:8px 0 0
}

.baseline {
font-size:1.2em;
margin:0 0 20px
}

span.insec::after {
content:' ';
margin-right:-.25em
}

h1 input.recherche_modifiable {
width:calc(100% - 55px)
}

h1 .formulaire_recherche input.submit {
width:63px;
height:63px
}

.bandeautitre .letitre {
max-width:70%
}

.bandeautitre span {
margin-right:2px
}

.bandeautitre #duration {
display:none
}

.trads {
position:relative;
width:100%;
margin:10px 0 -10px
}

#traductions.enhaut {
position:absolute;
width:100%
}

.texte .carto_in .titraille {
margin:0 0 .8em
}

.texte .cartoscrollbox {
margin:0 -15px 20px
}

.cartoscrollbox:hover .scroll-msg {
margin-right:15px;
width:calc(100% - 15px)
}

.trads>a span {
box-shadow:none!important
}

.trads a:hover span {
background:var(--blanc) !important;
color:var(--texte)!important
}

.ps.listarchives {
padding:20px 15px 15px
}

.listarchives.liste.large {
font-size:1em
}

.listarchives.liste.large h3.spip,.ps.listarchives.liste.large h3.spip {
font-size:1.6em;
margin:1.5em 0 1em
}

.listarchives.liste.large.speciale li a {
display:block
}

.listarchives.liste.large.speciale li a .logo {
border:0;
display:block;
float:none;
margin:0 0 15px
}

.listarchives.liste.large.speciale li a .intro {
margin:0
}

.voiraussi {
margin:0 0 30px;
padding:20px 15px 15px
}

.enlarge.zizi .unemensuel,.enlarge.zizi.vieux .unemensuel {
height:auto;
float:none;
margin:0 0 15px;
max-height:none;
text-align:center;
width:100%
}

.enlarge.zizi.recent,.enlarge.zizi.vieux {
margin:8px 0 25px
}

.enlarge.zizi .dates_auteurs {
margin:0 0 10px;
font-size:1.6em
}

[data-couv="sanscouv"] .enlarge.zizi .dates_auteurs {
font-size:1.8em
}

.enlarge.zizi .descriptif,a .enlarge.zizi .descriptif {
font-size:1.1em;
margin:8px 0 25px
}

.enlarge.recent .unemensuel img {
width:100%
}

.navart .fleche {
font-size:5em
}

.navart,.avant,.apres,.vieux .navart,.vieux .avant {
width:auto;
float:none;
text-align:center;
margin:10px
}

.avant .articleconnexe,.apres .articleconnexe,.vieux .apres .articleconnexe,.vieux .avant .articleconnexe {
margin:0;
padding:0;
border:0
}

.tousles a {
font-size:1.5em
}

#pied .lesliens {
padding:0 10px 0 0
}

#pied .finger {
float:none;
margin:0 auto 20px;
width:80%;
font-size:1.2em
}

.liste li,li.seul {
margin:15px 0 25px
}

.liste li h3 {
font-size:1.4em
}

h4,.liste li h4 {
font-size:1.2em
}

.liste.double {
display:block
}

.infoboite .edito {
margin-top:10px;
border-bottom:1px dashed var(--gris-2)
}

ul.liste.double>li>a {
margin:0
}

ul.liste.double li a {
margin:0!important
}

ul.liste.double {
margin:0
}

.liste.double .gauche>ul,.liste.double .droite>ul {
margin:0
}

ul.liste.double.perspective {
margin:0
}

.liste_vignettes {
margin:20px 0 0;
display:block
}

.bloc_vignette {
margin-bottom:20px
}

.liste_vignettes .bouton a {
font-size:1.5em
}

.liste_vignettes .bouton a.tlch {
padding-right:42px;
background-size:22px
}

.liste.large,[data-couv="sanscouv"] .liste.large {
margin:0 0 20px
}

.liste.large li .intro,.liste.large li.livre .intro,.liste.large.livrecherche li .intro {
margin:0 0 6px
}

.liste.large li a .logo {
display:none
}

.liste.livrecherche li,.liste li.livre {
padding:0 0 20px
}

h2.catego {
margin:10px 0 15px
}

.texte q.lire_aussi,.texte q.lire_aussi.sanslogo {
margin:10px 0 25px;
width:auto
}

.texte a.voir_archives {
margin:1.2em -15px;
font-size:1em
}

.texte a.voir_archives img {
width:45%;
margin:-15px 10px 10px 0
}

.alaune {
margin:0
}

.alaune li .tige h3 {
font-size:1.8em
}

.alaune li.sanschapo .tige h3 {
font-size:1.5em
}

.infoboite {
float:none;
margin:30px 0 5px;
padding:0;
width:auto
}

.infoboite .zizi {
text-align:center
}

.alaune {
float:none;
margin:0;
padding:0;
width:auto
}

.alaune li.sanschapo:after,.alaune li.chapodoss:after {
height:1.5em;
margin:0 2em 0 0
}

.papiers_hasard {
margin:0 0 35px
}

.papiers_hasard.fat {
margin:0 0 35px
}

.liste li.chapodoss .logo,.liste li.chapodoss a:hover .logo {
width:inherit
}

.dossiers.liste li.chapodoss .logo.large {
width:100%;
max-width:600px;
margin:12px 0
}

.notesdl .intro .spip_documents_left,.notesdl .intro .spip_documents_right {
float:none!important;
margin:.6em auto 1.2em;
max-width:100%
}

.commerce {
margin:0;
text-align:center
}

.commerce>a {
margin:2px 0 10px 15px
}

.cols_1,.cols_2,.cols_3,.cols_4,.cols_5,.cols_6,.rescol_1,.rescol_2,.rescol_x .liste .bloc li {
width:auto!important
}

.enune.liste li,.enune.liste li.droite {
float:none
}

.enune.liste li a,.enune.liste li.bloc li:last-child a,.enune.liste li.bloc li:last-child a.unemdv {
margin:0 0 25px;
padding:0 0 15px;
border-bottom:1px dashed var(--gris-2);
max-width:100%
}

.enune.liste li .song a,.enune.liste li.bloc li:last-child .song a {
margin:0;
padding:0;
border-bottom:0
}

.enune.liste li .song,.enune.liste li.bloc li:last-child>.song {
margin:0 0 25px;
padding:0 0 21px;
border-bottom:1px dashed var(--gris-2)
}

.enune.liste li.bloc li:last-child a.noborder {
border-bottom:none;
padding:0;
margin:0 10px
}

.enune.liste li.filet,.enune.liste li.filet.que_res {
display:none!important
}

.enune .voiraussi.dossierweb {
border:0;
padding:0;
margin:0
}

.enune .voiraussi.dossierweb .logo {
margin:0 0 10px;
width:100%;
height:auto;
overflow:hidden;
float:none
}

.enune .voiraussi.dossierweb .logolimite {
width:100%;
height:auto;
float:none
}

.bloc .unemensuel img,.enune.liste li a.unemdv .logo img {
width:100%
}

.bloc .enlarge.zizi.recent,.bloc.rescol_x .enlarge.zizi.recent {
padding:0;
margin:0;
border-bottom:0
}

.enune.liste .cols_1 li a.unemdv .logo {
margin:0 0 10px
}

.enune.liste .cols_1 li a.unemdv .titraille {
display:none
}

.liste li.res_spe .logo.large,.liste li.res_spe a.unemdv.long .logo.large,.liste li.res_spe li,.liste li.res_spe a.unemdv .logo.large {
float:none;
margin:3px 0 10px;
width:100%;
padding:0;
height:auto
}

.liste li.res_spe a.unemdv .titraille,.liste li.res_spe a.unemdv .intro {
display:none
}

.liste .cols_3 h3 {
font-size:1.7em
}

.liste .cols_2 h3 {
font-size:1.5em
}

.liste .rescol_1 h3 {
font-size:1.5em
}

.liste .cols_1 h3,.liste .rescol_1 h3 {
font-size:1.4em
}

.que_res,.que_tab {
display:none
}

.rescol_x a.enkiosques {
border-bottom:1px dashed var(--gris-2)!important;
margin-bottom:20px!important
}

.rescol_x .unemensuel {
width:99%
}

.liste li.rescol_x .zizi .intro {
font-size:1em
}

.argu {
margin:0 0 15px
}

.unedeux .son .loghorizon {
width:100%;
float:none;
margin:0 0 10px
}

.suivre .liste.double .demi {
padding:0;
border:0
}

.suivre .liste.double .demi.droite {
border-top:1px dashed var(--gris-2);
padding:20px 0 0;
margin:25px 0 0
}

.suivre .logo {
margin:0 0 10px;
width:100%;
float:none
}

.une .promav .couvmav {
width:auto
}

.une .enlarge.recent {
margin-left:0
}

.edinter .argu .logo {
float:none;
width:100%;
margin:0 0 20px
}

.rappelsune h2,#navigation .rappelsune h2 {
margin-right:20px
}

.tri {
font-size:.95em
}

a.pubarte h3 {
font-size:1.8em
}
}

@media print {
.preentete,#navigation>*,#extra,#pied,#partage,.pubs,.tetiere,#leslivres,#menu,#burgermenu,.bandeautitre,.voiraussi,.notebox,.lireaussi,.trads,.partage,.lovus,.soutien,.actions-article,.services,#ecouter,#traductions,.promo_dispo_article,.bloc_infodiplo {
display:none!important
}

.repondre,.repondre,.formulaire_spip {
display:none
}

.spip-admin,.spip-admin-float,.spip-previsu,.invisible {
display:none
}

.nombremots {
font-size:.9em;
padding:15px;
border:1px solid var(--gris-4);
text-align:right
}

.nombremots:before {
content:'Cet article est réservé aux abonnés. '
}

#entete {
padding:0 0 30px!important
}

.ariane {
margin:10px 0 0;
padding:0;
border:0
}

.ariane .avantapres {
display:none
}

.ariane a {
border:0;
box-shadow:none;
margin:0
}

.logodiplo {
width:60%;
margin:0;
margin:15px auto 10px auto
}

.logodiplo a {
box-shadow:none
}

#entete .logo {
float:none
}

.labyrinthe {
width:100%;
margin:0;
padding:0;
border-bottom:1px dashed var(--gris-2)
}

#conteneur {
padding:0
}

#page {
padding:0;
width:auto;
margin:0 auto
}

.contenu-principal {
margin:0 0 30px
}

.decale {
margin:0
}
}