/* #PRODUIRE{fond=_css/elettre.css}
   md5:d393b92b0fdc401a630e4e56830e518c */


/* Couleurs du DSFR
     ========================================================================== */
/* Elements generaux
     ========================================================================== */

@media (max-width: 62em) {
	.bloc-col-8 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
	.blocs-col-10 {
		flex: 0 0 100%;
                max-width: 100%;
                width: 100%;
	}
	.desceditomagazine {
		text-align: left;
	}
	.texteeditomagazine {
		text-align: left;
	}
	.textearticle_interview {
		margin: 0 2rem;
	}
	.descriptif_interview {
		margin-left: 2rem;
		margin-right: 2rem;
		text-align: left;
	}
	.titreinterview {
		margin-left: 2rem;
                margin-right: 2rem;
	}
	.fonction_interview {
		margin-left: 2rem;
                margin-right: 2rem;
	}
}

body {
	background-color: var(--grey-950-150);
}

.fr-header {
	z-index: calc(var(--ground) + 50);
}

.blocelettre {
        background-color: var(--background-default-grey);
}

.titrebloc {
	margin-bottom: 1rem;
	display: flex;
	font-weight: 900 !important;
}

.iconetitrebloc {
	align-items: center;
}

.gras {
        font-weight: bold;
}

.fr-btn[target="_blank"]::after {
	content: none;
}

@media screen and (max-width: 690px) {
        .fr-col-7 {
                flex: 1;
		max-width: 100%;
		width: 100%;;
        }
}

.iconetitreblocmagazine {
	font-size: 2.5rem;
	color: var(--background-active-blue-france);
}

.blocmagazine {
	text-align: center;
}

.titreblocmagazine {
	color: var(--background-active-blue-france);
}

.titreblocmagazinetrait {
        margin-bottom: 1.25rem;
}

.titreblocmagazinetrait::after {
	width: 3.2rem;
        height: 0.125rem;
        content: '';
        display: block;
        background: var(--background-active-blue-france);
        margin: 1.15rem auto;
}

/* Bandeau titre
     ========================================================================== */

.bandeau-haut {
        color: var(--background-default-grey);
        background-color: var(--background-active-blue-france);
        min-height : 12.188rem;
        width: 100%;
        display: flex;
}

.bandeau-haut-archives {
        color: var(--background-default-grey);
        background-color: var(--background-active-blue-france);
        width: 100%;
        display: flex;
}

.bandeau-haut-texte {
        margin: auto;
        text-align: center;
}

.bandeau-haut-archives-texte {
	color: var(--background-default-grey);
        background-color: var(--background-active-blue-france);
        width: 100%;
        display: flex;
	min-height: 9.688rem;
}

.bandeau-haut-texte::after {
        background: var(--background-default-grey);
        content: '';
        display: inline-block;
        height: 0.1rem;
        width: 5rem;
}

.bandeau-haut-titre {
        text-transform: uppercase;
        color: var(--background-default-grey);
        margin: 0;
}

.cache {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.bandeau-haut-image {
	min-height : 12.188rem;
}

.bandeau-haut-contenerimage {
	height : 9.688rem;
}

.bandeau-haut-contenerimagemagazine {
        max-height : 30rem;
}

.bandeau-haut-soustitre {
        text-align: center;
	min-height: 2.5rem;
	display: flex;
}

.bandeau-haut-soustitre-texte {
	margin: auto;
}

.bandeau-haut-magazine {
        color: var(--background-active-blue-france);
        background-color: var(--background-default-grey);
        width: 100%;
        display: flex;
}

.bandeau-haut-texte-magazine {
	text-align: center;
	margin: auto;
	padding-top: 1.5rem;
	border-bottom: 1px solid var(--background-active-blue-france);
	height: 9.375rem;
}

.bandeau-haut-titre-magazine {
	color: var(--background-active-blue-france);
	margin-bottom: 0;
}

.bandeau-haut-soustitre-texte-magazine {
	margin-bottom: 0;
}

.bandeau-haut-soussoustitre-texte-magazine {
        margin-bottom: 0;
	font-weight: bold;
}

/* Bloc edito
     ========================================================================== */

.titreblocmagazineedito {
	margin-bottom : 0;
}
.texteedito::after {
        background: var(--background-active-blue-france);
        content: '';
	display: inline-block;
	height: 0.8rem;
	width: 0.8rem;
	border-radius: 0.8rem;
	margin-left: 0.5rem;
}

.texteeditov2::after {
        background: var(--background-active-blue-france);
        content: '';
        display: inline-block;
        height: 0.8rem;
        width: 0.8rem;
        border-radius: 0.8rem;
}

div.texteedito p {
	font-size: .875rem !important;
	line-height: 1.5rem !important;
}

div.texteeditomagazine p {
        font-size: .875rem !important;
        line-height: 1.5rem !important;
}

.signedito {
	margin-bottom: 0;
}

.imageedito {
	display: block;
	margin: auto;
	max-width: 180px;
}

.divtexteeditomagazine::after {
        background: var(--background-active-blue-france);
        content: '';
        display: inline-block;
        height: 0.8rem;
        width: 0.8rem;
        border-radius: 0.8rem;
        margin-left: 0.5rem;
}

.signatuereditomagazine {
	font-style: italic;
	color: var(--background-active-blue-france);
	font-weight: normal !important;
}

/* Sommaire
     ========================================================================== */

.blocelettresommaire {
	background: var(--blue-france-950-100);
}

.titreblocsommaire {
	font-weight: bold !important;
}

.titreblocsommaire::after {
	width: 3.2rem;
        height: 0.125rem;
        content: '';
        display: block;
        background: var(--grey-900-175);
        margin: 0.5rem 0;
}

.liste_sommaire {
 	display: inline;
	padding-inline-start: 0;
}

.titre_element_sommaire {
	display: inline;
	font-weight: bold;
}

.separateur::before {
	content: '|';
        display: inline-block;
}

.element_sommaire {
	display: inline;
}

.lien_sommaire {
	background-image: none;
}

.lien_sommaire:hover {
	background-image: var(--underline-img),var(--underline-img);
}

/* Bloc alaune
     ========================================================================== */

.soustitreblocalaune {
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}

.alaune {
}

.imagealaune {
}

.textealaune {
}

/* Bloc actus
     ========================================================================== */

.actu_ligne {
        display: flex;
        height: max-content;
        position: relative;
}

.soustitreactu_ligne_principal {
	font-weight: normal !important;
}

.trait::after {
	width: 100%;
        height: 0.1rem;
        content: '';
        display: block;
        background: var(--grey-900-175);
        margin: 1.5rem 0;
}

.imageactu_ligne {
        position: relative;
        z-index: 10;
}

.imageactu {
	max-width: 309px; 
}

.texteactu_ligne {
        position: relative;
        z-index: 10;
}

.imageactu_ligne {

}

.imageactu_col {

}

/* Bloc portrait
     ========================================================================== */

.blocelettreportrait {
	background-color: var(--blue-france-950-100);
}

.titreblocportrait {
}

.soustitreblocportrait {
}

.icontitreblocportrait {
}

.colonneboutonportrait {
}

.colonneboutonportrait_vide {
	width: 4.25rem;
  	background-size: cover;
  	border-radius: 50%;
  	overflow: hidden;
  	position: absolute;
  	display: flex;
  	flex-direction: row;
}

@media screen and (max-width: 750px) {
	.colonneboutonportrait_vide {
        	display: none;
	}
}

.colonneboutonportrait_bouton {
	position: relative;
  	margin: 0 0 0 13rem;
  	padding: 0 0 0 2rem;
	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
}

@media screen and (max-width: 750px) {
	.colonneboutonportrait_bouton {
		margin: 0;
        	padding: 0;	
	}
}

/* Bloc interview
     ========================================================================== */

.blocelettreinterview {
	background-color: var(--background-default-grey);
}

.titreinterview {
	color: var(--background-active-blue-france);
	margin-bottom: 0;
}

.fonction_interview {
        color: var(--background-active-blue-france);
}

.cibloc {
	margin: 0;
}

.cibloc h4.spip {
	color: var(--background-active-blue-france);
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0;
	font-weight: bold;
}

.titreinterview {
	font-style: italic;
}

.fonction_interview {
	font-style: italic;
	font-weight: normal !important;
}

.bouton_interview {
	margin: 0.75rem 0 0.75rem 0.75rem;;
}

/* Bloc calendrier
     ========================================================================== */

.boutoncalendrier {
	float: right;
}

.fr-fi-arrow-right-line[target="_blank"]::after, .fr-fi-arrow-right-line[target="_blank"]::before {
	-webkit-mask-image: url('https://nouvelle-elettre.developpement-durable.gouv.fr/plugins-dist/lettresympa_pm23/icons/system/arrow-right-line.svg');
	mask-image: url('https://nouvelle-elettre.developpement-durable.gouv.fr/plugins-dist/lettresympa_pm23/icons/system/arrow-right-line.svg');
}

table.spip {
  --table-offset: 1rem;
  --text-spacing: 0;
  --title-spacing: 0;
  position: relative;
  margin-bottom: 2.5rem;
  padding-top: var(--table-offset);
        width: 100%;
}

.spip::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
}

.spip:not(.fr-table--no-scroll) table {
  width: 100%;
}

.spip table {
  width: 100%;
  display: block;
  overflow: auto;
  border-spacing: 0;
}

.spip[data-fr-js-table=true] caption {
  position: absolute;
  top: 0;
}

.spip caption {
  position: initial;
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin: var(--title-spacing);
  font-weight: 700;
  text-align: left;
  color: var(--text-title-grey);
}

.spip td,
.spip th {
  text-align: left;
  vertical-align: middle;
  display: table-cell;
  border: 0;
  padding: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.spip th {
  font-weight: 700;
}

.spip thead {
  background-size: 100% 2px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: linear-gradient(0deg, var(--border-plain-grey), var(--border-plain-grey));
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
  color: var(--text-title-grey);
}

.spip thead td,
.spip thead th {
  font-weight: 700;
  padding-bottom: 0.875rem;
}

.spip tbody {
  background-color: var(--background-alt-grey);

  --idle: transparent;
  --hover: var(--background-alt-grey-hover);
  --active: var(--background-alt-grey-active);
}

.spip tbody tr:nth-child(even) {
  background-color: var(--background-contrast-grey);

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover);
  --active: var(--background-contrast-grey-active);
}

small.offscreen {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
}


/* Bloc focus
     ========================================================================== */

.blocfocus {
        background-color: unset;
}

.fr-card__title [target="_blank"]::after {
	content: none;
}

/* Bloc publications 
     ========================================================================== */

.blocpublications {
        background-color: var(--blue-france-975-sun-113);
}
	
.corpsblocpublications {
	text-align: left;
}

.fr-download_publications {
	border-bottom: 1px solid var(--text-default-grey);
}

.titredoc_magazine {
	font-weight: bold;
}

@media (max-width: 767px) {
	.publications-col-6 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

/* Bloc article
     ========================================================================== */

.titreblocarticle {
	background-color: var(--blue-ecume-925-125);
	width: max-content;
}

.titrearticle {
	font-weight: bold;
	margin-bottom: 0;
}

.icontitreblocarticle {
        color: var(--background-default-grey);
	background-color: var(--background-active-blue-france);
}

.figureimage {
	margin: 0;
}

.imagedocument {
	max-width: 100%;
	height: auto;
}

.spip_documents_center {
        margin: 1rem auto 0 auto;
	display: table;
}

.spip_documents_right {
        margin: 1rem 0 0 2rem;
	float: right;
}

.spip_documents_left {
        margin: 1rem 2rem 0 0;
	float: left;
}

.elettre-content-media__caption {
	margin-top: 0;
	margin-bottom: 0.75rem;
}

.figcaptionmedia {
	font-size: 0.75rem;
	line-height: 1.25rem;
	margin: 0;
}

h4.spip {
	margin-bottom: 0;
	margin-top: 2rem;
}

/* widget chiffre */
.ciwidget_chiffre {
	margin: 2rem 0 2rem 0;
}

.ciwidget_chiffre_wrapper {
        width: 100%;
}

.ciwidget_chiffre_wrapper2 {
        display: flex;
        margin: 0;
        width: 100%;
        border: 1px solid var(--background-contrast-grey);
}

.ciwidget_chiffre_colonne1 {
        display: contents;
        background-color: var(--background-default-grey);
        width: unset;
        color: var(--background-active-blue-france);
        height: unset;
        margin: auto !important;
}

span.ciwidget_chiffre_valeur {
        text-align: unset !important;
        padding: 0 0.5rem 0 0;
        font-family: unset;
        font-weight: 700;
        font-size: 1.5rem;
        line-height: unset;
        margin: auto 0 auto 1rem !important;
}

span.ciwidget_chiffre_unite {
        text-align: unset !important;
        margin: auto 0;
        font-family: unset;
        font-weight: 700;
        font-size: 1.5rem;
        line-height: unset;
        margin: auto 1rem auto 0 !important;
}

@media screen and (max-width: 767px) {
        .ciwidget_chiffre_unite {
                padding-bottom: unset;
        }
}

.ciwidget_chiffre_colonne2 {
        display: unset;
        vertical-align: unset;
        width: 100%;
        background-color: var(--background-default-grey);
        color: unset;
}

.ciwidget_chiffre_descriptif {
        padding: 0 1rem;
        margin: 1rem auto;
        border-left: 1px solid var(--background-contrast-grey);
}

.fr-callout {
	background-color: var(--blue-france-950-100);
	box-shadow: inset .25rem 0 0 0 var(--background-active-blue-france);
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}

.caractencadre-spip {
	color: var(--warning-425-625);
}

.caractencadre2-spip {
	color: var(--blue-ecume-sun-247-moon-675);
}

.caractencadre-spip::before, .caractencadre2-spip::before {
	display: inline;
}

/* Bloc ours
     ========================================================================== */

.titre_blocours::after {
        width: 2.5rem;
        height: 0.05rem;
        content: '';
        display: block;
        background: var(--text-default-grey);
        margin: 1rem auto;
}

.contenuours {
	background-color: var(--blue-france-950-100);
	text-align: center;
}

.texte_ours {
	margin-bottom: 0;
}

.desinscrire {
	text-align: right;
}

/* Ajout footer
     ========================================================================== */

.footerelettre {
	background-color: var(--background-default-grey);
}