/* #PRODUIRE{fond=css/charte.css}
   md5:66aee927cac5b5d52f139630b05d6c46 */


/* Couleurs des types de charte
     ========================================================================== */

/* Couleurs du DSFR
     ========================================================================== */
/* Surcharge DSFR
     ========================================================================== */
.fr-card__detail {
	color: unset;
}

.fr-header {
	z-index: 50;
}

.fr-container-lg--fluid {
	overflow: visible;
}

#main {
        z-index: 0;
        position: relative;
}

a.lien-bandeau, a.lien_dossier_principal {
	outline-color: var(--background-default-grey);
}

#spip-admin {
	z-index: 900;
}

/* Surcharge DSFR pour intégrer le logo X de twitter en attendant une nouvelle version du DSFR
     ========================================================================== */
.fr-btn--twitter-x::before {
-webkit-mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/logo/twitter-x-line.svg');
  mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/logo/twitter-x-line.svg');
}

.fr-follow .fr-btn--twitter-x::before {
  -webkit-mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/logo/twitter-x-fill.svg');
  mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/logo/twitter-x-fill.svg');
}

.fr-follow .fr-link--twitter-x::before {
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/logo/twitter-x-fill.svg');
  mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/logo/twitter-x-fill.svg');
  content: "";
}

.fr-share__link--twitter-x {
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  overflow: hidden;
  white-space: nowrap;
  max-width: 2.5rem;
  max-height: 2.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.fr-share__link--twitter-x::before {
  --icon-size: 1.5rem;
  margin-left: 0;
  margin-right: 0.5rem;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  background-color: currentColor;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/logo/twitter-x-line.svg');
  mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/logo/twitter-x-line.svg');
  content: "";
}


/* Surcharge Giseh
     ========================================================================== */
a[hreflang]::after {
	content: none;
}

/* Surcharge pour accessibilite
     ========================================================================== */
/* Masque les cookies de tarteaucitron */
#tac_title {
        display: none;
}

/* Surcharge ciwidget (galerie photo)  pour accessibilite 
     ========================================================================== */
.splide.is-focus-in .splide__arrow:focus {
	outline: 3px solid #0a76f6;
	opacity: 1;
}

@supports (outline-offset:-3px) {
  .splide.is-focus-in .splide__slide:focus {
    	outline: 3px solid #0a76f6;
  	opacity: 1;	
   }
}

/* Ajouts
     ========================================================================== */

/* Global pour cesure des mots longs mais exclusion du menu */
body {
	word-break: break-word;
}

.fr-nav {
	word-break: normal;
}

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

.hidden {
	display : none;
	visibility: hidden;
}

.bandeau {
	margin: 0;
        background-color: var(--blue-ecume-main-400);
	padding: 1rem 0 ;
	position: relative;
}

.bandeau::before {
        content: '';
        background-color: var(--blue-ecume-main-400);
        width: 100vw;
        height: 100%;
        position: absolute;
	top : 0;
        left: 0;
        z-index: 0;
        margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
        margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.accroche-bandeau {
	margin: 2rem 0 0 2rem;
	width: 40rem;
	background-color: var(--blue-ecume-main-400);
	color: var(--background-default-grey);
	position: relative;
	z-index: 1;
}

@media screen and (max-width: 1000px) {
	.accroche-bandeau {
	        margin: 2rem 0 0 0;
	        width: 100%;
	}
}


.titre-accroche-bandeau {
	color: var(--background-default-grey);
}

.lien-bandeau {
	background: none;
    	background-image: none;
	color: var(--background-default-grey);
	border-color: var(--background-default-grey);
	border-style: solid;
	border-width: 0.1rem;
	font-size: .875rem;
	line-height: 1.5rem;
	min-height: 2rem;
	padding: .25rem 1rem;
	border-radius: 1rem;
}

.recherche-input {
	outline-color: #F4F6FF;
}

.recherche-btn {
        outline-color: #F4F6FF;
}

.tag-bandeau {
        outline-color: #F4F6FF;
}

.barre-recherche {
	width: 50%;
	margin: 1rem auto;
	position: relative;
        z-index: 1;	
}

@media screen and (max-width: 1000px) {
  .barre-recherche {
	width: 100%;
	padding: 0 1rem;
  }
}

.raccourcis-recherche {
        width: 50%;
	margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .raccourcis-recherche {
	width: 100%;
	padding: 0 1rem;  
  }
}

.groupe-raccourcis-recherche {
	position: relative;
}

@media screen and (max-width: 1000px) {
  .groupe-raccourcis-recherche {
        display: block;
  }
}

@media screen and (max-width: 1000px) {
  .groupe-raccourcis-recherche a.tag-raccourcis-recherche {
        margin-right: 0;
  }
}

@media screen and (max-width: 1000px) {
  .items-raccourcis-recherche {
        width: 100%;
  }
}

@media screen and (max-width: 1000px) {
  .fr-tag-group > li {
        display: block;
  }
}

@media screen and (max-width: 1000px) {
  .tag-raccourcis-recherche {
        width: 100%;
  }
}

.banniere {
	max-height: 160px;
	margin: 1.5rem 0;
}

@media screen and (max-width: 1000px) {
  .banniere {
        margin: 1rem 0;
  }
}

.banniere img {
        width: 100%;
	height: 100%;
	max-height: 160px;
}

.lien_banniere {
	box-shadow: none;
	background-image : none;
}

.lien_banniere[target="_blank"]::after {
	content: "";
}

.raccourcis {
	margin-top: 1rem;
}

@media screen and (max-width: 740px) {
  .col-raccourcis {
    	flex: unset;
	width: 80%;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
  }
}

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

.raccourcis-tile__title {
	color: var(--text-title-grey); 
}

.bandeau-alerte {
	margin-top: 6rem;
	background-color: var(--blue-ecume-925-125); 
}

.actualites {
	margin-top: 6rem;
}

.bloc-actualites {
	margin-bottom: 4rem;
}

@media screen and (max-width: 740px) {
	.bloc-actualites {
		display: block;
	}
}

.actu-card__content {
	padding-bottom: 2rem !important;
}

.fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .fr-card__desc, .fr-card.fr-enlarge-link:not(.fr-card--no-arrow) .fr-card__body > .actu-card__title {
	margin-bottom: 0.5rem;
}

.date_card {
	color: var(--text-mention-grey);
	margin-top: 1rem;
	order: 4;
        margin-bottom: 1rem;
	font-size: .75rem;
	line-height: 1.25rem;
}

.tag_card {
	width: max-content;
	margin-bottom: 0.5rem;
}

.colonne_actu_secondaire {
	position: relative;
}

.liste_actu_secondaire {
        margin-bottom: 1rem;
}


.actu_secondaire {
	display: grid;
	margin-bottom: 0.6rem;
	min-height: 4.5rem;
}

.actu_secondaire::after {
        width: 100%;
        height: 0.08rem;
        content: '';
        display: block;
        background: #cecece;
        margin-top: 0.5rem;
}

.actu_secondaire_date {
	margin-top: 0;
	margin-bottom: 0.2rem;
	font-size: .75rem;
	color: var(--text-mention-grey);
	line-height: 1.25rem;
	order: -1;
}

.actu_secondaire_lien {
	box-shadow: none;
	background-image : none;
	text-decoration: none;
}

.actu_secondaire_titre {
	font-size: 1rem;
	margin-bottom: 0.5rem;
	line-height: 1.5rem;
}

.toutes_actus {
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 740px) {
  .toutes_actus {
    position: unset;
  }
}

.mise_avant_article {
	margin-bottom: 2rem;
}

.bloc_mise_avant {
	display: flex;
	background-color: var(--background-alt-grey);
	margin-bottom: 4rem;
	height: max-content;
	position: relative;
}

@media screen and (max-width: 740px) {
  .bloc_mise_avant {
    	display: block;
	padding: 1rem 0;
  }
}

.bloc_mise_avant::before {
        content: '';
        background-color: var(--background-alt-grey);
        width: 100vw;
        height: 100%;
        position: absolute;
        left: 0;
	top: 0;
	z-index: 0;
	margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
        margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.image_mise_avant {
	position: relative;
	z-index: 10;
	margin: 2rem 2rem 2rem 0;
}

@media screen and (max-width: 740px) {
        .image_mise_avant {
                margin: auto;
        }
}

.image_mise_avant img {
	width: 100%;
}

.texte_mise_avant {
	position: relative;
	z-index: 10;
	margin: 2rem 0;
	max-width: 60%;
}

@media screen and (max-width: 740px) {
	.texte_mise_avant {
		max-width: 100%;
	}
}

.titre_mise_avant {
	color: var(--blue-ecume-main-400);
	text-transform: uppercase; 
}

.titre_mise_avant_lien {
	box-shadow: none;
	background-image : none;
}

.descriptif_article_mise_avant {
	margin: 0 0 1rem 0;
}

.groupe_lien_mise_avant {
	padding-inline-start: unset;
}

ul > li.lien_mise_avant::marker {
	font-size: 0;
}

.lien_interne_mise_avant {
	width: 100%;
	background-image : none;
}

.lien_externe_mise_avant {
	width: 100%;
	background-image : none;
}

.doc_mise_avant {
	display: flex;
	font-size: 1rem;
	color: var(--background-active-blue-france);
}

.icons-liens_miseavant {
	padding-right: 0.5rem;
        color: var(--background-active-blue-france);
}

.icons-liens_miseavant::before {
	--icon-size: 1rem;
}

.lien_document_mise_avant {
	width: 100%;	
	background-image : none;
	padding-left: 0;
}

.lien_externe_mise_avant[target="_blank" i]::after {
        content: "";
	display: none;
}

.lien_document_mise_avant[target="_blank" i]::after {
        content: "";
	display: none;
}

.extension_document_mise_avant {
	font-size: 0.85rem;
	margin-left: 0.3rem;
}

.extension_document_mise_avant::before {
        content: "(";
}
.extension_document_mise_avant::after {
        content: ")";
}

.fr-fi-document-link-line::before {
	content: "\ea84";
}

.bloc_dossiers {
	margin-bottom: 2rem;
}

@media screen and (max-width: 740px) {
  .bloc_dossiers {
        display: block;
  }
}

.titre_dossiers {
	margin-bottom: 2rem;
}

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

@media screen and (max-width: 740px) {
  .dossier_principal {
        width: 100%;
	max-width: 100%;
  }
}

.dossier_principal_contenu {
        background-color: var(--blue-ecume-main-400);
        color: var(--background-default-grey);
	height: 18.5rem;
	overflow: hidden;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

@media screen and (max-width: 740px) {
  .dossier_principal_contenu {
        height: 100%;
	min-height: 18.5rem;
  }
}

.tag-dossier-principal {
	color: var(--background-default-grey);
        text-transform: uppercase;
	font-size: 0.75rem;
	order: -1;
}

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

.titre_dossier_principal::after {
	width: 5rem;
        height: 0.05rem;
        content: '';
	display: block;
        background: var(--background-default-grey);
        margin-top: 0.5rem;
}

@media screen and (max-width: 740px) {
	.dossier_secondaires {
		width: 100%;
        	max-width: 100%;
	}
}

.dossier_secondaire_contenu {
        background-color: var(--background-default-grey);
	border: 1px solid var(--blue-ecume-main-400);
	height: 18.5rem;
	overflow: hidden;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

@media screen and (max-width: 740px) {
        .dossier_secondaire_contenu {
                height: 100%;
		min-height: 18.5rem;
        }
}

.tag-dossier-secondaire {
        color: var(--blue-ecume-main-400);
        text-transform: uppercase;
	font-size: 0.75rem;
	order: -1;
}

.titre_dossier_secondaire::after {
        width: 2.5rem; 
	height: 0.2rem;
        content: '';
	display: block;
	background: var(--blue-ecume-main-400);
        margin-top: 0.5rem;
}

.lien_dossier {
	box-shadow: none;
	background-image : none;	
}

/* Page rubrique */
.aplat-rubrique {
        margin: 0;
        min-height: 7.5rem;
        position : relative;
}

@media screen and (max-width: 1000px) {
    .aplat-rubrique {
        flex: unset;
        width: 100%;
        max-width: 100%;
    }
}

.aplat-rubrique::before {
        content: '';
        background-color: var(--blue-ecume-main-400);
        width: 100vw;
        height: 100%;
        position: absolute;
        top : 0;
        left: 0;
        z-index: -1;
        margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
        margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.contener-titre-rubrique {
	margin: 0;
        background-color: var(--blue-ecume-main-400);
        color: var(--background-default-grey);
	width: 100%;
	height: 100%;
}

.titre-rubrique {
        margin: 0;
	color: var(--background-default-grey);
}

@media screen and (max-width: 460px) {
   .container-rubrique {
	padding-left: 0;
	padding-right: 0;	
   }
}

@media screen and (max-width: 460px) {
   .col-rubrique {
        width: 100%;
   }
}

@media screen and (max-width: 460px) {
   .container-titre-rubrique {
        padding-left: 0;
        padding-right: 0;
   }
}

@media screen and (max-width: 460px) {
   .container-descriptif-rubrique {
        padding-left: 0;
        padding-right: 0;
   }
}

@media screen and (max-width: 460px) {
   .col-rub-droite {
        display: none;
   }
}

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

@media screen and (max-width: 1000px) {
  .entete-rubrique {
  	flex: unset;
	width: 100%;
	max-width: 100%;      
  }
}

.descriptif-rubrique {
	background-color: var(--blue-ecume-main-400);
	margin: 0;
}

.texte-descriptif-rubrique {
	margin: 0;
}

.accroche-rub {
	border-left: solid 0.3rem var(--blue-ecume-main-400); 
	padding-left: 0.5rem;
	margin-left: 1.5rem;
}

@media screen and (max-width: 460px) {
    .accroche-rub {
        margin-left: 0;
    }
}

@media screen and (max-width: 1000px) {
  .accroche-rubrique {
    	flex: unset;
	width: 100%;
	max-width: 100%;
  }
}

.accroche-rub-seule {
        border-left: solid 0.3rem var(--blue-ecume-main-400);
        padding-left: 0.5rem;
}

@media screen and (max-width: 460px) {
  .accroche-rub-seule {
        margin-left: 1rem;
  }
}

.titre_accroche {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	color: var(--blue-ecume-main-400);
}

.descriptif_accroche {
}

.titre-article {
        margin-top: 0;
        margin-bottom: 0;
        color: var(--background-default-grey);
	background-color: var(--blue-ecume-main-400);
}

.liste-rubriques {
	-webkit-column-count: 2;
	-moz-column-count: 2;
        column-count: 2;
  	-webkit-column-gap: 2rem;
     	-moz-column-gap: 2rem;
        column-gap: 2rem;
	margin-top: 2rem;
	margin-left: 1.5rem;
}
@media screen and (max-width: 1000px) {
  .liste-rubriques {
        column-count:1;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
  }
}

.item-liste-rubriques-seule {
	min-height: 8rem;
	break-inside: avoid;
        page-break-inside: avoid;
  	display: grid;

}

.item-rubrique_avec_sous-rubriques {
        min-height: 8rem;
}

@media screen and (max-width: 1000px) {
  .item-liste-rubriques-seule {
        width: 100%;
  }
}

.item-rubriques__body {
	min-height: 8rem;
}

.rubrique_avec_sous-rubriques {
	break-inside: avoid;
	page-break-inside: avoid;
	width: 100%;
}

.rubrique_avec_sous-rubriques-accordion {
	box-shadow: none;
}

.rubrique_avec_sous-rubriques-accordion__btn {
	padding: 0;
}

.rubrique_avec_sous-rubriques-accordion__btn::after {
        margin-right: 1rem;
}

@media (hover: hover) and (pointer: fine) {
        button.rubrique_avec_sous-rubriques-accordion__btn:not(:disabled):hover {
                background-color: unset;
        }
}

.item-liste-sous-rubriques {
        border-bottom : solid 0.12rem #cecece;
        margin-bottom: 0;
}

@media screen and (max-width: 1000px) {
  .item-liste-sous-rubriques {
        width: 100%;
  }
}

.item-liste-sous-rubriques:hover {
        background-color: var(--block-color-hover);

}

.lien-sous-rubrique:not(a):not(:disabled):hover, a.lien-sous-rubrique[href]:hover {
        background-image: unset;
}

:root:not([data-fr-theme="dark" i]) .lien-rubrique {
        --color-hover: none;
        --color-active: none;
}

.liste-articles {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 1100px) {
        .liste-articles {
		margin-left: auto;
		margin-right: auto;
        }
}

.fr-grid-row .item-liste-articles {
	height: unset;
}

.item-liste-articles {
	position: relative;
	width: calc(100%/2 - 20px);
	min-height: 23rem;
	margin: 0.5rem;
}

@media screen and (max-width: 1100px) {
        .item-liste-articles {
		width: 80%;
		margin-left: auto;
                margin-right: auto;
        }
}

.item-liste-articles .fr-card__lead {
	margin-bottom: 0.5rem;
}

.fr-enlarge-link a.fr-tag.tag-listearticle::before {
	content : none;
}

.item-liste-articles .fr-card__body::after {
	color: var(--blue-ecume-main-400);
}

.contener-pagination {
        display: flex;
}

.pagination {
	margin: 2rem auto 1rem auto;
}

/* Page article */
.aplat-article {
	margin: 0;
        height: 23rem;
        background-color: var(--blue-ecume-main-400);
}

.sommaire-sidemenu {
	z-index: 99;
	padding-right: 0;
}

.col-article {
        margin: -18rem 0 0 0;
}

.col-droite {
	position: relative;
}

@media screen and (max-width: 767px) {
        .col-article {
		flex: unset;
                width: 100%;
		max-width: 100%;
        }
}

@media screen and (max-width: 767px) {
        .col-gauche {
                display: none;
        }
}

@media screen and (max-width: 767px) {
        .col-droite {
                display: none;
        }
}

.entete-article {
	padding: 0 2em;
}

.texte-erreur {
	padding: 1rem 0;
}

.contenu-article {
	background: var(--background-default-grey);
	padding: 0 2rem;
}

@media screen and (max-width: 320px) {
        .contenu-article {
                padding: 0;
        }
}

.annexe-article {
        background: var(--background-default-grey);
        padding: 0 2rem;
}

@media screen and (max-width: 320px) {
        .annexe-article {
                padding: 0;
        }
}

/* Forums */ 
.forum-editer-groupe {
	width: 100%;
}

.comment-form-div {
	width: 100%;
}

.forum-fr-fieldset {
	margin: 0 0 1rem;
}

.forum-boutons {
        width: 100%;
}

.moderation_info {
	margin: 0;
}

/* accès restreints */
.restreint {
	text-align: right;
}

.prestreint {
	margin: 0 1rem 0 0;
	font-weight: bold;	
}

/* Modalbox Images */
#boxOverlay, #box, #boxWrapper {
	position:absolute; 
	top:0; 
	left:0; 
	z-index:4999; 
	overflow:hidden;
}

#box, #boxContent, #boxLoadedContent {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}

#boxOverlay {
	background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/overlay.png') repeat 0 0;
	opacity: 0.9;
	cursor: pointer;
	visibility: visible;
	width: 100vw;
	height: 100vh;
	position: fixed;
	display: none;
}

#box {
	display: none; 
	visibility: visible; 
	left: 3%; 
	position: absolute; 
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 1px solid rgba(0, 0, 0, 0.3); 
	-webkit-border-radius: 13px; 
	-moz-border-radius: 13px; 
	border-radius: 13px; 
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); 
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding-box; 
	background-clip: padding-box; 
	outline:0;
	min-width: max-content;
	margin-top: 1rem;
	max-height: 100vh;
	max-width: 100vw;
}

@media screen and (max-width: 800px) {
        #box {
                left: 0;
        }
}

#boxWrapper {
	max-width:none;
}

#boxTopLeft {
	float: left;
	width: 21px;
	height: 21px;
	background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/controls.png') no-repeat -101px 0;
}

#boxTopCenter {
	float: left;
    	height: 21px;
    	background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/border.png') 0 0 repeat-x;
	max-width: 90vw;
}

#boxTopRight {
	float: left;
    	width: 21px;
    	height: 21px;
    	background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/controls.png') no-repeat -130px 0;
}

#boxMiddleLeft {
	float: left;
	clear:left;
    	width: 21px;
    	background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/controls.png') left top repeat-y;
	max-height: 90vh;
}

#boxLoadedContent {
        overflow:auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 28px;
        background:url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/loading_background.png') no-repeat center center;
}

#boxContent {
	float: left;
    	background: #fff;
    	overflow: hidden;
	position: relative;
	max-height: 90vh;
	max-width: 90vw;
}

.boxfigure {
	margin: 0;
}

#boxMiddleRight {
        width: 21px;
        background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/controls.png') right top repeat-y;
	max-height: 90vh;
}

#boxLoadedContent {
    	margin-bottom: 28px;
	overflow: auto;
	max-width: 90vw;
	max-height: 85vh;
}

#boxTitle {
	float: left;
    	position: absolute;
    	bottom: 0px;
    	left: 0;
    	text-align: center;
    	width: 100%;
    	color: var(--text-title-grey);
}

#boxPhoto {
  	margin: auto;
  	border: 0;
  	display: block;
  	max-width: none;
  	-ms-interpolation-mode: bicubic;
	float: none;
}

#boxClose {
    	position: absolute;
    	bottom: 0;
    	right: 0;
    	background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/controls.png') no-repeat -25px 0;
    	width: 25px;
    	height: 25px;
    	font-size: 0;
	border: 0;
        padding: 0;
        margin: 0 0.1rem 0.1rem 0;
        overflow: visible;
	border-radius: 1rem;
	outline-offset: 0;
}

#boxClose:hover {
        background-position: -25px -25px;
}

#boxBottomLeft {
	float: left;
	clear:left;
        width: 21px;
        height: 21px;
        background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/controls.png') no-repeat -101px -29px;
}

#boxBottomCenter {
	float: left;
        height: 21px;
        background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/border.png') 0 -29px repeat-x;
	max-width: 90vw;
}

#boxBottomRight {
	float: left;
        width: 21px;
        height: 21px;
        background: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/images/controls.png') no-repeat -130px -29px;
}

/* Audience-sites */
#optout {
	width: 100%;
}

#optout body {
        width: 95%;
}

#matomo-opt-out {
        margin-bottom: 1.5rem;
}

#matomo-opt-out label {
        margin-left: 0.5rem;
}

/* galerie photo */

.texte-article .gallery {
  	margin: 0 0 2.5rem 0;
  	pointer-events: none;
}
@media screen and (max-width: 767px) {
  	.texte-article .gallery {
    		background: #f5f6f6;
  	}
}
.texte-article .gallery.is-init {
  	pointer-events: auto;
}
.texte-article .gallery.is-init .gallery__navigation__thumbnails li {
  	-webkit-transition: -webkit-transform 0.6s;
  	transition: -webkit-transform 0.6s;
  	-o-transition: transform 0.6s;
  	transition: transform 0.6s;
  	transition: transform 0.6s, -webkit-transform 0.6s;
}
.texte-article .gallery__content.fadeIn figure {
  	opacity: 1;
  	-webkit-transition: opacity 0.4s;
  	-o-transition: opacity 0.4s;
  	transition: opacity 0.4s;
}
.texte-article .gallery__content figure {
  	margin: 0 0 0 0;
  	opacity: 0;
  	position: relative;
}
.texte-article .gallery__content figure img {
  	display: block;
  	position: relative;
  	z-index: 0;
  	margin: auto;
	width: 100%;
  	max-width: 100%;
}
.texte-article .gallery__content figure a[target="_blank"]::after {
	content: '';
}
.texte-article .gallery__content figure figcaption {
  	display: flex;
	z-index: 1;
	margin-top: 0.5rem;
	color: var(--text-mention-grey);
}
.texte-article .gallery__content figure figcaption .caption {
  	font-size: 0.875rem;
  	font-weight: bold;
}
.texte-article .gallery__content figure figcaption .credits {
  	font-size: 0.75rem;
  	font-style: italic;
  	padding: 0 0 0.25rem 0;
  	font-weight: normal;
  	-o-text-overflow: ellipsis;
     	text-overflow: ellipsis;
  	overflow: hidden;
  	text-align: right;
  	white-space: nowrap;
  	word-wrap: nowrap;
	width: 25%;
	float: right;
	margin: 0 0 0;
}
@media screen and (max-width: 767px) {
  	.texte-article .gallery__content figure figcaption .credits {
    		padding: 0 0.625rem;
  	}
}

.texte-article .gallery__content figure figcaption .descriptif {
  	font-size: 0.875rem;
  	font-weight: normal;
  	display: block;
	text-align: right;
	width: 75%;
	margin: 0 0 0;
	float: right;
}	
.texte-article .gallery__content figure figcaption .descriptif p {
  	font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
  	.texte-article .gallery__content figure figcaption .descriptif {
    		padding: 0 0.625rem;
  	}
}

.texte-article .gallery__navigation {
  	position: relative;
}
@media screen and (max-width: 767px) {
  	.texte-article .gallery__navigation {
    		height: 3rem;
    		background: #f5f6f6;
  	}
}
.texte-article .gallery__navigation__content {
  	overflow: hidden;
}
@media screen and (max-width: 767px) {
  	.texte-article .gallery__navigation__content {
    		display: none;
  	}
}
.texte-article .gallery__navigation__thumbnails {
  	height: 7.5rem;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	list-style: none;
  	margin: 0.5rem 0;
  	padding: 0;
  	width: 100%;
  	position: relative;
}
.texte-article .gallery__navigation__thumbnails li {
  	height: 7.5rem;
  	padding: 0 0.625rem;
  	width: calc(100% / 4);
  	position: absolute;
  	top: 0;
  	left: 0;
}
.texte-article .gallery__navigation__thumbnails li.is-current button {
  	-webkit-filter: grayscale(0);
        filter: grayscale(0);
  	opacity: 1;
}
.nav_galerie_photo {
        width: max-content;
	margin: auto auto 1rem auto;
        display: flex;
}

.compt_galerie {
	font-size: 0.85rem;
	line-height: 1rem;
	padding-right: 0.3rem;
}

.tot_galerie {
	font-size: 0.85rem;
        line-height: 1rem;
}

.texte-article .gallery__navigation__thumbnails button {
  	background-color: #292d3c;
  	background-position: center center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	border: 0;
  	margin: 0;
  	padding: 0;
  	-webkit-transition: all 0.4s;
  	-o-transition: all 0.4s;
  	transition: all 0.4s;
  	width: 100%;
  	height: 100%;
  	position: relative;
}
.texte-article .gallery__navigation__thumbnails button:before {
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	content: "";
}
.texte-article .gallery__navigation__thumbnails button span {
  	position: absolute;
  	z-index: 1;
  	top: 25%;
  	font-size: 50px;
}
.texte-article .gallery__navigation__thumbnails button img {
  	display: block;
  	position: relative;
  	z-index: 1;
}
.texte-article .gallery__navigation__prev, .texte-article .gallery__navigation__next {
  	background: var(--background-default-grey);
	padding: 0 1rem;
}
@media screen and (max-width: 767px) {
  	.texte-article .gallery__navigation__prev, .texte-article .gallery__navigation__next {
    		background: #f5f6f6;
    		border-radius: 0;
    		-webkit-box-shadow: none;
        	box-shadow: none;
  	}
}
.texte-article .gallery__navigation__prev svg, .texte-article .gallery__navigation__next svg {
  	width: 1rem;
  	height: 1rem;
  	display: block;
}
@media screen and (max-width: 767px) {
  	.texte-article .gallery__navigation__prev {
    		text-align: left;
  	}
}
.texte-article .gallery__navigation__next {
  	right: 0;
}
@media screen and (max-width: 767px) {
  	.texte-article .gallery__navigation__next svg {
    		margin-left: auto;
  	}
}

.sr {
  	width: 0.0625rem;
  	height: 0.0625rem;
  	margin: -0.0625rem;
  	position: absolute;
  	padding: 0;
  	overflow: hidden;
  	clip: rect(0, 0, 0, 0);
  	border: 0;
}

/* mise en avant */
.cibloc_miseavant {
	box-shadow: inset .25rem 0 0 0 var(--blue-ecume-main-400);
	margin-bottom : 2rem;
}

.cibloc_miseavantbouton {
        box-shadow: inset .25rem 0 0 0 var(--blue-ecume-main-400);
	background-color : var(--blue-ecume-925-125);
	margin-bottom : 2rem;
}

.fr-callout[class*=" fr-fi-"]::before {
	display: none;
}

.cibouton_miseavantbouton::before {
	content: " ";        
}

button.cibouton_miseavantbouton {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: inherit;
	border: none;
	cursor: pointer;
}

div.cibloc.cibouton_miseavantbouton a.spip_out {
        text-decoration: none;
	box-shadow: none;
}

div.cibloc.cibouton_miseavantbouton a.spip_out::after {
        display: none;
} 

.fr-callout .cibouton_miseavantbouton {
    	margin-top: 1rem;
}

.btn-lien {
	margin: 1rem 0;
}

.btn-lien a {
	--link-underline: none;
	--link-blank-font: none;
    	--link-blank-content: none;
    	--text-spacing: 0;
    	--title-spacing: 0;
    	--blend-full-size: 100%;
    	--blend: var(--background-action-high-blue-france-blend);
    	align-items: center;
    	background-color: var(--background-action-high-blue-france);
	background-image : none;
    	color: var(--text-inverted-blue-france);
    	display: inline-flex;
    	flex-direction: row;
    	font-size: 1rem;
    	line-height: 1.5rem;
    	min-height: 2.5rem;
    	padding: .5rem 1.5rem;
    	z-index: 1;
	--hover-tint: var(--hover);
    	--hover: var(--background-action-high-blue-france-hover);
    	--active: var(--background-action-high-blue-france-active);
}

.btn-lien a::after {
        background-color: unset;
        -webkit-mask-image: none;
        mask-image: none;
        width: 0;
}
 
/* boutons */
.cibloc_texte_center {
	text-align: center;
}

.cibloc_texte_right {
        text-align: right;
}

/* flux rss */
.fluxrss {
	background-color: var(--blue-ecume-925-125);
	height : max-content;
	padding-bottom: 2rem;
	position: relative;
}

.fluxrss::before {
	content: '';
        background-color: var(--blue-ecume-925-125);
	width: 100vw;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
        margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.titrerss {
	display : flex;
	position:relative;
        z-index:1;
}

@media screen and (max-width: 767px) {
        .fluxrssgrille {
                display: block;
                flex-wrap: unset;
        }
}

.titrerss svg {
        fill: var(--blue-ecume-main-400);
	height: 2.2rem;
	width: 2.2rem;
}

.titrerssh2 {
	margin-top: 0;
	margin-bottom: 0;
}

.iconetitrerss {
	color : var(--blue-ecume-main-400);
	heigth : 24rem;
}

.fluxrsstuile {
	width : 100%;
}

.fluxrssdesc {
	text-align: left;
}

.fr-tile__date {
	margin: 0;
}

@media screen and (max-width: 767px) {
        .fluxrsselement {
                margin: auto;
		width: 100%;
		max-width: 100%;
        }
}

/* portrait */
.portrait {
	background-color: var(--background-contrast-grey);
	margin-bottom: 2.5rem;
	padding-bottom: 2rem;
	position: relative;
}

.portrait::before {
        content: '';
        background-color: var(--background-contrast-grey);
        width: 100vw;
        height: 100%;
        position: absolute;
        left: 0;
	z-index: 0;
	margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
	margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

@media screen and (max-width: 1000px) {
        .portrait-grid-row {
                display: grid;
        }
}

.texteportrait {
	
}

.titreportrait {
	display: flex;
	position:relative;
	z-index: 100;
	margin: 2rem 0 0.5rem 0;
	padding-right: 0.5rem;
	width: max-content;
}

.titreportrait h4 {
	line-height: 1.5rem !important;
}

.icone_portrait {
	height: max-content;
}

.icone_portrait::before {
	display: inline-block;
	font-size: 2.2rem;
	color: var(--blue-ecume-main-400);
	line-height: 1.5rem;
}

.nomfonctionportrait {
	display: flex;
	margin-bottom: 1.5rem;
}

.nomportrait {
	position:relative;
	z-index: 100;
	font-weight: bold;
	font-style: italic;
	margin: 0;
}

.fonctionportrait {
	position:relative;
	z-index: 100;
	font-weight: lighter;
	font-size: 0.8rem;
	color: var(--text-title-grey);
	margin: 0;
}

.fonctionportrait::before {
        content: "|";
	margin: 0 0.2rem;
	font-size: 1rem;
}

.descriptionportrait {
	position:relative;
	z-index: 100;
	height: 12rem;
	overflow: hidden;
}

.portrait_paragraphe {
	margin: 0;
}

.imageportrait {
	position:relative;
        z-index: 100;
	margin-top: 3rem;
}

@media screen and (max-width: 1000px) {
        .imageportrait {
                order: -1;
        }
}


.imageportrait img {
	max-height: 19rem;
	max-width: 14rem;
}

.creditportrait {
        color: var(--text-title-grey);
}

/* pages speciales */

.titre-pagespec {
	margin: 0;
	color: var(--blue-ecume-main-400); 
	width: 100%;
	position: absolute;
	bottom: 0;
	background: var(--background-default-grey);
}

.titre-pagespec::after {
        width:9rem;
        height:0.05rem;
        content:'';
        display:block;
        background: var(--blue-ecume-main-400);
        margin-top: 0.2rem;
}

/* glossaire */

.ul-glossaire a.tag-glossaire{
	margin-right: 0.25rem;
	margin-bottom: 0;
}

.li-glossaire a {
	color: var(--text-title-grey);
}

.tag-glossaire {
	padding: 0 0.42rem 0.1rem 0.42rem;
	font-size: 0.75rem;
	min-height: unset;
	line-height: 1rem;
	--blend : var(--blue-ecume-main-400);
}

@media (hover: hover) and (pointer: fine) {
	a[href].tag-glossaire:hover{
		background-color : var(--blue-ecume-main-400);
	}
}

.tag-glossaire:hover {
	color: var(--background-default-grey);
        background-color : var(--blue-ecume-main-400);
}

.titre-lettre-glossaire {
	color: var(--blue-ecume-main-400);
}

.indication_glossaire {
  	border-bottom: none;
  	cursor: help;
  	-webkit-text-decoration: underline dotted;
             text-decoration: underline dotted;
}

.glossaire-accordion-texte_p {
	margin: 0;
}

/* plan */
.plan-niveaux{
	box-shadow: none;
	background-image: none;
	color: var(--text-title-grey);
}

.titre-niveau1::after {
        width: 100%;
        height:0.05rem;
        content:'';
        display:block;
        background: var(--blue-ecume-main-400);
        margin-top: 0.2rem;
}

.liste-plan {
	color:  var(--blue-ecume-main-400);
}

/* video et infographie*/

.baton_couleur {
	color: var(--blue-ecume-main-400);
}

.ciwidget_commun_video {
	flex-direction: row;
	max-width: 100%;
}

.ciwidget_titre {
	position: absolute;
	left: 70vw;
	margin: -7.5rem 0 0 0.5rem;
	text-align: left;
        font-size : 0.75rem;
	width: 10.667%;
  	max-width: 10.667%;
}

@media screen and (max-width: 1700px) {
        .ciwidget_titre {
                left: 75vw;
        }
}

@media screen and (max-width: 1350px) {
        .ciwidget_titre {
                left: 80vw;
        }
}

@media screen and (max-width: 767px) {
        .ciwidget_titre {
                position: unset;
		margin: 0;
        }
}

.ciwidget_doc_legende {
        position: absolute;
        left: 70vw;
        margin: -2.5rem 0 0 0.5rem;
        text-align: left;
        width: 100%;
        max-width: max-content;
}

@media screen and (max-width: 1790px) {
        .ciwidget_doc_legende {
                left: 75vw;
        }
}

@media screen and (max-width: 1450px) {
        .ciwidget_doc_legende {
                left: 80vw;
        }
}

@media screen and (max-width: 767px) {
        .ciwidget_doc_legende {
                position: unset;
                margin: 0;
        }
}

.ciwidget_titre p {
	margin: 0 0 0.5rem 0;
	text-align: left;
}

.ciwidget_infographie .ciwidget_doc_legende p, #contenu .texte .ciwidget_infographie .ciwidget_doc_legende p {
	margin: 0 0 0.5rem 0;
	text-align: left;
}

.ciwidget_infographie .ciwidget_doc_legende p.spip_doc_titre {
        font-weight: normal;
}

.ciwidget_titre .spip_doc_titre {
	font-weight: normal;
}

.ciwidget_titre .spip_doc_titre strong{
	display: none;
}

.ciwidget_doc_legende .spip_doc_titre strong{
        display: none;
}

.ciwidget_infographie img {
        width: 100%;
	height: auto;
}

.spip_doc_titre {
        margin: 0 0 0.5rem 0;
	font-size : 0.75rem;
}

.spip_doc_credits {
	 font-size : 0.75rem;
}

.spip_doc_credits::before{
	width: 6.6rem;
        height: 0.05rem;
        content: '';
        display: block;
        background: var(--text-mention-grey);
        margin-top: -0.5em;
	position: relative;
	right: 0;
}

.ciwidget_bouton_version_texte_wrap {
	text-align: right;
	margin-right: 1rem;
}

.bouton_version_texte {
	text-decoration: none;
	box-shadow: none;
	background-image: none;
}

audio:not([href]), video:not([href]) {
    cursor: auto;
}

.ciwidget_infographie figure {
	margin: 0;
}

/* Audio */
.ciwidget_audio {
	margin: 1rem 0 0 0;
}

.ciwidget_audio__conteneur {
	background-color: var(--blue-ecume-925-125);
}

.ciwidget_audio__titre {
	color: unset;
	font-size: 1.375rem;
	line-height: 1.75rem;
	font-weight: 700;
	font-family: unset;
	margin: 0;
}


.ciwidget_audio__credits {
	color: unset;
	font-size: 1rem;
	line-height: 1.5rem;
	font-family: unset;
	padding-bottom: 0.5rem;
	margin: 0;
}

.ciwidget_audio__outils a {
	box-shadow : none;
	background-image: none;
}

.ciwidget_audio__vignette svg {
        fill: var(--blue-ecume-main-400);
        height: 120px;
        width: 120px;
	background-color: var(--blue-ecume-main-400);
}

.ciwidget_audio__outils, .ciwidget_audio__outils a, .ciwidget_audio__outils svg {
	color: var(--blue-ecume-main-400) !important;
}

.ciwidget_audio__outils a:hover, .ciwidget_audio__outils a:focus, .ciwidget_audio__outils a:active {
	background-color: var(--blue-ecume-925-125);
}

.ciwidget_audio .video-js.vjs-audio .vjs-control-bar {
	background: var(--blue-ecume-925-125);
	color: var(--blue-ecume-main-400);
}

.ciwidget_audio .video-js.vjs-audio .vjs-play-control {
	background: var(--blue-ecume-main-400);
	color: var(--background-default-grey);
	border-color: var(--background-default-grey);	
}

.ciwidget_audio .video-js.vjs-audio .vjs-play-control:focus::before, .ciwidget_audio .video-js.vjs-audio .vjs-play-control:focus {
	background: var(--blue-ecume-main-400);
        color: var(--background-default-grey);
}

.video-js .vjs-play-progress {
	background-color: var(--blue-ecume-main-400);
}

/* widget chiffre */
.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(--blue-ecume-main-400);
	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;
	min-width: max-content;
}

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);
}

/* ressources */
.ressource {
	background-color: var(--blue-ecume-925-125); 
	display: flex;
	width: 100%;
}

.ressource:hover  {
        background-color : #C2CDFB;
}

.texte-ressource {
	width: 90%;
}

.lienressource[target="_blank"]::after {
        display: none;
}

.lienressource {
	box-shadow: none;
	text-decoration: none;
	line-height: 2rem;
	font-style: lighter;
	display: inline-flex;
	margin: 0 0 2rem 0; 
	width: 100%;
}

.descriptif-ressource {
	font-weight: bold;
	margin: 0;
	font-size: 1rem;
	line-height: 1.5rem;
}

.nom-ressource {
        margin: 0;
}

.image-ressource {
	width: 10%;
        text-align: right;
}

.ressource-fi-external-link-line::before {
	color: var(--background-active-blue-france);
}

/* citation */
.cibloc_citation {
	margin-left: 5rem;
}

@media screen and (max-width: 767px) {
        .cibloc_citation {
                margin-left: unset;
        }
}

.cibloc_citation::before {
   	color: var(--blue-ecume-main-400);     
}

.texte-citation::before {
	content: '\0000AB \0000A0';
}
.texte-citation::after {
        content: '\0000A0 \0000BB';
}

/* FAQ */
.cibloc_faq {
	margin-bottom: 2rem;
}

.paragraphe-faq {
	margin: 0;
}

/* Notes de bas de page */

.notes {
        margin-bottom: 2.5rem;
}

.notes::before {
        width: 19%;
        height: 0.05rem;
        content: '';
        display: block;
        background: #cecece;
}

.notes p {
	font-size: 0.75rem;
	line-height: 1.25rem;
	margin: 1rem 0 0 0;
}

.notes span {
        margin-bottom: 0;
}

.titre-notes {
	font-weight: bold;
}

.spip_note {
	box-shadow: none;
	background-image : none;
}

/* documents dans l'article (balise doc) */
.undocument {
	display: flex;
	min-height: 5rem;
	margin-bottom : 1.2rem;
	padding: 0 0 0 1rem;
	background-color: var(--background-default-grey);
	--scheme-border: var(--background-contrast-grey);
	box-shadow: unset;
	border: 1px solid var(--background-contrast-grey);
}

.undocument:hover {
        background: var(--background-alt-grey);
}

.lien-undocument {
	box-shadow: none;
	background-image: none;
	display: flex;
	width: 100%;
}

.lien-undocument[target="_blank" i]::after {
	content: "";
}

.texte_undocument {
	width: 85%;
	margin: auto 0;
	text-align: left;
}

@media screen and (max-width: 767px) {
  	.texte_undocument {
  		width: 75%;
  	}
}

@media screen and (max-width: 767px) {
        .texte_undocument {
                width: 70%;
        }
}

.image_undocument {
	display: grid;
	color: var(--background-active-blue-france);
        width: 15%;
        margin: auto 0;
	border-left: 1px solid var(--background-contrast-grey);
}

@media screen and (max-width: 767px) {
        .image_undocument {
                width: 25%;
        }
}

@media screen and (max-width: 400px) {
        .image_undocument {
                width: 30%;
        }
}

.telecharger_undocument {
	margin: auto;
}

.titre_undocument {
	font-size: 0.9rem;
	line-height: 1.25rem;
	margin: 0;
	font-weight: bold;
}

.descriptif_undocument {
	font-size: 0.75rem;
}

.soustitre_undocument {
	font-size: 0.9rem;
	line-height: 1.25rem;
	margin: 0;
}

.undocument svg {
	fill: var(--background-active-blue-france);
	height: 1.5rem;
	width: 1.5rem;
	position: relative;
        z-index: 100;
	margin: auto;
}

/* documents en fin d'article */
.listedocuments {
	margin-bottom: 2rem;
	border-top: solid 0.1rem;
}

.listedocuments-items {
	display: flex;
	border-bottom: solid 0.1rem;
	padding: 0.2rem 0;
}

.listedocuments-items svg {
        fill: var(--background-active-blue-france);
        height: 1rem;
        width: 1rem;
        position: relative;
        z-index: 100;
        margin: auto;
}

.lien-document {
        box-shadow: none;
	background-image : none;
        display: flex;
        width: 100%;
}

.lien-document:hover {
        color: var(--background-active-blue-france);
}
	
.lien-document[target="_blank" i]::after {
	background-color: unset;
	-webkit-mask-image: none;
	mask-image: none;
	width: 0;
}

.textedocument {
	margin-left: 0.5rem;
	padding: 0.2rem 0;
}

.infosdocument {
	margin: 0;
}

.imagedocument {
	margin: 0.1rem 0.5rem;	
	padding: 0.2rem 0;
	height: 1rem;
}

/* images */
.spip_documents a.spip_out {
	background-image : none;
}

.spip_documents a.spip_out::after {
        display: none;
}

.credit-content-media__img {
	width: unset;
}

.credit-content-media {
	margin: 0;
	color:var(--text-title-grey);
	--text-spacing: 0;
	--title-spacing: 0;
	align-items: center;
	display: flex;
	flex-direction: column;
}

.spip_documents_center {
	margin: auto;
        display: table;
}

.spip_documents_center img{
        margin: auto;
        display: block;
}

.spip_documents_right {
	margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 1em;
}

.spip_documents_left {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 1em;
}

.image_lien {
	box-shadow: none;
}

/* Commentaires */
.titre_commentaires {
	display: flex;
}

.icone_commentaires {
	padding-top: 0.2rem;
	color: var(--blue-ecume-main-400); 
}

.icone_commentaires::before {
	font-size: 2rem;
}

.boutons {
	margin-top: 2rem;
	text-align: right;
}

.comment-form__content {
	text-align: right;
}

.explication_commenter {

}

.commentaire {
	border-bottom: 1px solid;
	width: 100%;
}

.commentaire-text {
	margin: 0 0 0.5rem;
}

.comment__footer {
	color: var(--blue-ecume-main-400);
}

ul > li.markItUpButton::before {
	content: ""; 
}

ol > li.markItUpButton::before, ul > li.markItUpButton::before {
	display: block;
}

/* sur le meme sujet */
.articles_memesujet {
	background-color: var(--blue-ecume-925-125);
	height: max-content;
	padding: 0 2rem 2rem 2rem;
	position: relative;
	margin-bottom: 0.2rem;
}

.articles_memesujet::before {
        content: '';
        background-color: var(--blue-ecume-925-125);
        width: 100vw;
        height: 100%;
        position: absolute;
        left: 0;
	top: 0;
	z-index: 0;
	margin-left : calc( -100vw / 2 + 100% / 2 - 16px / 2);
        margin-right : calc( -100vw / 2 + 100% / 2 + 16px / 2);
}

.articles_memesujet_titre {
	display: flex;
	position: relative;
	z-index: 100;
}

.titre_memesujet {
	margin: 0;
}

.articles_memesujet svg {
        fill: var(--blue-ecume-main-400);
        height: 2.5rem;
        width: 2.5rem;
}

@media screen and (max-width: 767px) {
        .articles_memesujet_grille {
                display: block;
                flex-wrap: unset;
        }
}

@media screen and (max-width: 767px) {
        .col_memesujet {
                flex: unset;
                width: 100%;
		max-width: 100%;
        }
}

/* Comarquage */
.source {
	display: block;
	font-size: 1rem;
    	line-height: 1.5rem;
	margin-top: 0.5rem;
}

/* retour haut de page */
.liste-pied-page {
	width: 92%;
}

.retourhaut {
	margin-left: 2rem;
	margin-bottom: 2rem;
	position: absolute;
	bottom: 0;        
}

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

.retourhaut_rubrique {
        position: absolute;
        bottom: -1rem;
	right: -10rem;
}

@media screen and (max-width: 1600px) {
        .retourhaut_rubrique {
               right: -5rem;
        }
}

@media screen and (max-width: 1500px) {
        .retourhaut_rubrique {
               right: 0rem;
        }
}

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

.retourhaut_liste {
        position: absolute;
        bottom: 1rem;
        right: -10rem;
}

@media screen and (max-width: 1600px) {
        .retourhaut_liste {
               right: -5rem;
        }
}

@media screen and (max-width: 1500px) {
        .retourhaut_liste {
               right: 0rem;
        }
}

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

.retourhaut_recherche {
        position: absolute;
        bottom: 1rem;
        right: 4rem;
}

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

.container_1col {
	position: relative;
}

/* mises en evidence */
.caractencadre-spip {
	color: var(--pink-tuile-sun-425-moon-750);
}

.caractencadre2-spip {
	color: var(--blue-cumulus-sun-368-moon-732);
}


/* puces */
ul.spip > li::before {
	margin-right: 0.1rem;
}

ul.spip > li {
        padding-left: 0.2rem;
	margin-left: 1rem;
}

.puce {
	padding-left: 0.2rem;
        margin-left: 0.8rem;
	font-size: calc(var(--xl-size)*0.9);
        --xl-size: var(--xl-base);
        content: var(--ul-type);
}

/* tableau */ 
table.spip::before {
	content: "";
  	display: block;
  	width: 100%;
  	height: 0;
	word-break: normal;
}

table.spip {
	--table-offset: 1rem;
  	--text-spacing: 0;
  	--title-spacing: 0;
  	position: relative;
  	margin-bottom: 2.5rem;
  	padding-top: var(--table-offset);
	word-break: normal;
	width: 100%;
	max-width: 100%;
        overflow: auto;
        border-spacing: 0;
	display: block;
}

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

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

table.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);
	width: 100%;
}

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

table.spip th {
  	font-weight: 700;
}

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

table.spip thead {
  	box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
  	--blend: var(--background-contrast-grey-blend);
  	background-color: var(--background-contrast-grey);
  	color: var(--text-title-grey);
	width: 100%;
}

table.spip tbody {
  	--blend: var(--background-alt-grey-blend);
  	background-color: var(--background-alt-grey);
	width: 100%;
}

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

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


/* bloc outils */
.blocoutils {
        display: flex;
        width: 100%;
}

@media screen and (max-width: 500px) {
        .blocoutils {
                display: block;
        }
}

.fr-share-article {
	width: 79%;
}

.fr-share-rubrique {
        width: 88%;
}

h2.charte-share__title {
	color: var(--text-default-grey);
	font-weight: normal;
	margin: var(--text-spacing);	
}

.abonnement-article {
	text-align: right;
	display: grid;
	align-items: end;
	margin-bottom: 1.58rem;
}

.abonnement-rubrique {
        text-align: right;
        display: grid;
        align-items: end;
        margin-bottom: 1.58rem;
}

@media screen and (max-width: 500px) {
        .abonnement-rubrique {
		text-align: left;
                display: block;
        }
}

.abonnement-btn svg {
        fill: var(--background-active-blue-france);
        height: 1rem;
        width: 1rem;
	margin-right: 0.7rem;
}

.masque {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}


.formheading {
    display: none;
}

.submit {
	background-color: var(--background-active-blue-france);
	color: var(--background-default-grey);
	--link-underline: none;
	--link-blank-font: none;
	--link-blank-content: none;
	margin: 0;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	z-index: 1;
	font-size: 1rem;
	line-height: 1.5rem;
	min-height: 2.5rem;
	padding: .5rem 1.5rem;
	--color-hover: rgba(0,0,221,0.5);
	--color-active: rgba(41,41,255,0.5);
}

.submit:hover {
	background-image: linear-gradient(0deg,var(--color-hover),var(--color-hover));
}

.textechk {
	position: relative;
	margin: 1rem 2rem;
}

div.textechk label {
	margin-top: 0.25rem;
}

input[type="checkbox"] + label::before {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 1rem;
	border-radius: .25rem;
	box-shadow: inset 0 0 0 1px var(--border-action-high-grey);
	content: "";
	display: block;
	height: 1.5rem;
	left: -2rem;
	margin-right: .5rem;
	position: absolute;
	top: 0;
	width: 1.5rem;
}


input[type="checkbox"]:active + label::before, input[type="checkbox"]:checked + label::before {
	--idle: transparent;
	--hover: var(--background-active-blue-france-hover);
	--active: var(--background-active-blue-france-active);
	--data-uri-svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");
	background-image: var(--data-uri-svg);	
	background-color: var(--background-active-blue-france);
    	color: var(--background-default-grey);
}

.checkbox {
	height: 1.5rem;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 1.5rem;
}

.text {
	display: block;
	width: 100%;
	border: 0;
	border-radius: .25rem .25rem 0 0;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: .5rem 1rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: Marianne,arial,sans-serif;
	text-rendering: optimizeSpeed;
	color: var(--text-title-grey);
	background-color: var(--background-contrast-grey);
	box-shadow: inset 0 -2px 0 0 var(--text-mention-grey);
}

.retour {
	margin-bottom: 2rem;
	display: flex;
}

.contenu-article-abonnement {
	margin-bottom: 10rem;
}

.info {
	margin-bottom: 0.5rem;
}

.saisie {
        margin-bottom: 1rem;
}

.mesabonnements-table {
        margin-top: 1rem;;
}

.tableau-mesabonnements {
	display: inline-block;
        width: 100%;
}

.ligne-mesabonnements {
	display: inline-flex;
	width: 100%;
}

.objet-mesabonnements {
	width: 35%;
}

.abonnements-mesabonnements {
	width: 45%;
}

.statut-mesabonnements {
	width: 20%;
}

#svg-sprite {
    	display: none;
}

/* Formulaire de contact */
@media screen and (max-width: 320px) {
	.contact-container {
		padding-left: 0;
		padding-right: 0;
	}
}

.contener_contact {
        padding-right: 2rem;
        padding-left: 2rem;
}

@media screen and (max-width: 320px) {
        .contener_contact {
                padding-right: 0;
		padding-left: 0;
        }
}

@media screen and (max-width: 320px) {
        .contact-fieldset {
                padding: 0;
        }
}

.contact-text--lead {
	margin: 0 0 1rem 0;
}

.contact__form {
  	font-size: 1rem;
  	font-weight: 500;
}
.contact__form legend {
	font-size: 1.75rem;
	margin: 0;
	padding: 0;
}

.fieldset_contact {
	padding: 0;
	display: block;
	margin: 0;
}

.sve-label {
	margin-right: 1.75rem;
}

.contact__form label span {
  	display: block;
  	font-size: 0.9em;
  	font-weight: normal;
  	margin-top: 1em;
}
.contact__form__footer {
  	padding: 0 0 2.5rem 0;
  	text-align: center;
}
.contact__form fieldset {
  	margin-top: 3.75rem;
	border : none;

}
.contact__form fieldset:first-of-type {
  	margin-top: 0;
}
.contact__form fieldset:last-of-type {
  	margin-bottom: 3.75rem;
}
.contact__form fieldset:last-of-type .contact__form__fields {
  	margin-left: -1.25rem;
  	margin-right: -1.25rem;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.contact__form fieldset:last-of-type .contact__form__fields .contact__form__field {
  	padding: 0 1.25rem;
  	width: 50%;
}
@media screen and (max-width: 767px) {
  	.contact__form fieldset:last-of-type .contact__form__fields .contact__form__field {
    		width: 100%;
  	}
}
.contact__form__field {
  	margin-top: 1.25rem;
  	position: relative;
}
.champ_obligatoire {
  	text-decoration: none;
	margin-left: 0.3rem;
	cursor: help;
}

.contact_verification {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;	
}

.tableau_pj_sve {
        width: 100%;
}

.titrecol1_tableau_pj_sve {
        width: 85%;
        font-weight: bold;
        text-align: left;
}

.titrecol2_tableau_pj_sve {
        width: 15%;
        font-weight: bold;
        text-align: center;
}

.lignecol1_tableau_pj_sve {
        width: 85%;
        text-align: left;
}

.lignecol2_tableau_pj_sve {
        width: 15%;
        text-align: center;
}

/* page recherche */
@media screen and (max-width: 740px) {
  .col-recherche {
        flex: unset;
        width: 100%;
        max-width: 100%;
  }
}

.titre_recherche::after {
	height: 0.2rem;
        width: 3.5rem;
        content: '';
        display: block;
        background: var(--blue-ecume-main-400);
        margin: 1rem auto 1rem 0;
}

.contener-recherche {
	padding: 0 4rem;	
	margin-bottom: 2rem;
}

@media screen and (max-width: 740px) {
  .contener-recherche {
        padding: 0;
  }
}

.contener-titre-recherche {
	margin: 0;
        background-color: var(--background-default-grey);
        position: absolute;
        bottom: 0;
        width: 100%;
	padding: 4rem 4rem 0 4rem;
}

.filtres-accordion {
	box-shadow: none;
}

.filtres-accordion__btn {
        text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 700;
	padding: 0.75rem 1rem;
}

.recherche-collapse {
	padding: 0.75rem 1rem;
}

.filtres-accordion__btn[aria-expanded="true"]::before{
        height: 0.15rem;
        content: '';
        display: block;
        background: var(--blue-ecume-main-400);
        position: absolute;
        top: 5rem;
        margin: 0.5rem auto;
        left: 1rem;
        right: 1rem;
}

.filtres-accordion .filtres-accordion__btn {
	color: var(--blue-ecume-main-400);
}

.filtres-accordion__btn::after {
	-webkit-mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/system/arrow-down-s-line.svg');
        mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/system/arrow-down-s-line.svg');	
	--icon-size: 4rem;
	color: var(--blue-ecume-main-400);
}

.filtres-accordion__btn[aria-expanded="true"]::after{
        -webkit-mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/system/arrow-up-s-line.svg');
        mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/system/arrow-up-s-line.svg');
}

.filtres-accordion .filtres-accordion__btn:not(a):not(:disabled):hover, .filtres-accordion a.filtres-accordion__btn[href]:hover {
	background-image: none;
}

.filtres {
	background-color: #F9F8F6;
}

.filtres-titre {
	margin: 0 0 0.5rem;
	color: #383838;
}

.recherche-fieldset {
	margin-bottom: 2rem;
}

.recherche-bouton {
	margin-bottom: 2rem;
}

a.fr-tag.recherche-tag {
        background : none;
        color: var(--blue-ecume-main-400);
        border-color : var(--blue-ecume-main-400);
        border-style: solid;
        border-width: 0.1rem;
        margin-bottom: 0.5rem;
}

a.fr-tag.recherche-tag:hover {
	color: var(--background-default-grey);
	background :var(--blue-ecume-main-400);
}

a.fr-tag.recherche-tag.is-active {
        background : var(--blue-ecume-main-400);
        color: var(--background-default-grey);
}

:root:not([data-fr-theme="dark"]) [class*="--scheme-light-"] a.recherche-tag, :root:not([data-fr-theme="dark"]) [class*="--scheme-light-"] button.recherche-tag, :root:not([data-fr-theme="dark"]) [class*="fr-scheme-light"] a.recherche-tag, :root:not([data-fr-theme="dark"]) [class*="fr-scheme-light"] button.recherche-tag, :root:not([data-fr-theme="dark"]) a.recherche-tag, :root:not([data-fr-theme="dark"]) button.recherche-tag {
	--color-hover: var(--blue-ecume-main-400);
	--color-active: var(--blue-ecume-main-400);
}

.recherche-tags-group a.is-active:hover:after, .recherche-tags-group a.is-active:focus:after {
        -webkit-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                        transform: rotate(90deg);
}

.recherche-tags-group a.is-active::after {
        margin: 0 0 0 0.625rem;
        width: 0.8em;
        height: 0.8em;
        background: url("") no-repeat;
        content: "";
        display: inline-block;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
}

a.tag-active {
	background-color: transparent;
	background-image: radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france) .625rem);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	color: var(--text-inverted-grey);
	overflow: visible;
	position: relative;
}

a.tag-active:hover {
	background-size: 100%;
	background-color: var(--hover-tint);
	background-image: radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france-hover) .625rem);
}

.tag-active::after {
        color: var(--text-action-high-blue-france);
        content: "\E01F";
        font: normal 700 normal 1rem/1 dsfr-icon;
        margin: -0.5rem;
        position: absolute;
        right: 0;
        top: 4px;

	flex: 0 0 auto;
	display: inline-block;
  	vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
  	background-color: currentColor;
  	width: var(--icon-size);
  	height: var(--icon-size);
  	-webkit-mask-size: 100% 100%;
  	mask-size: 100% 100%;
	-webkit-mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/system/checkbox-circle-line.svg');
	mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/system/checkbox-circle-line.svg');
  	--icon-size: 1rem;

}

.tris {
	text-align: right;
}

.filter {
  	margin: 0;
  	background: var(--background-default-grey);
  	display: inline-block;
  	position: relative;
}

.filter--order {
  	margin-left: auto;
  	margin-right: 0;
	width: 14rem;
	text-align: right;
}

.filter--order .filter__btn[aria-expanded=true] + .filter__list {
	border-top: 0;
}

.filter--order .filter__list {
  	background: var(--blue-ecume-925-125);
	visibility: hidden;
}

.filter--order .filter__list__item input:checked + label:before {
  	content: none;
}

.filter--order .filter__list__item label:before {
  	content: none;
}

.filter__btn {
  	padding: 0.8333333333rem 0.25rem;
  	background: transparent;
  	border: 0;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: inline-flex;
  	width: auto;
  	text-align: right;
}

.filter__btn p {
	font-size: 0.8rem;
  	padding: 0 0.625rem 0 0;
	margin-bottom: 0;
}

.filter__btn[aria-expanded=true] + .filter__list {
  	display: block;
  	width: 100%;
  	height: auto;
  	margin: 0;
  	position: absolute;
  	overflow: hidden;
  	clip: auto;
  	border-top: 0.125rem solid #007d8f;
}

.filter__list {
  	-webkit-box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(17, 33, 49, 0.08);
          	box-shadow: 0.3125rem 0.3125rem 0.625rem rgba(17, 33, 49, 0.08);
  	background: var(--background-default-grey);
  	list-style: none;
  	margin: 0;
  	position: absolute;
  	width: 100%;
  	z-index: 2;
  	-webkit-transform: translateY(100%);
  	    -ms-transform: translateY(100%);
          	transform: translateY(100%);
  	bottom: 0;
  	width: 0.0625rem;
  	height: 0.0625rem;
  	margin: -0.0625rem;
  	position: absolute;
  	padding: 0;
  	overflow: hidden;
  	clip: rect(0, 0, 0, 0);
  	border: 0;
}

.filter__list__item {
  	padding: 0;
  	position: relative;
}

.filter__list__item a[href] {
        box-shadow: none;
	background-image: none;
}

.filter__list__item input {
  	cursor: pointer;
  	height: 100%;
  	position: absolute;
  	width: 100%;
  	opacity: 0;
}

.filter__list__item input:focus + label {
  	outline: thin dotted #000;
  	background: #f5f6f6;
}

.filter__list__item input:checked + label {
  	color: var(--blue-ecume-main-400);
}

.filter__list__item input:checked + label:before {
  	color: var(--blue-ecume-main-400);
  	content: "✔";
}

.filter__list__item a {
  	padding: 0.25rem 0.25rem;
  	cursor: pointer;
  	display: block;
  	text-decoration: none;
  	-webkit-transition: all 0.4s;
  	-o-transition: all 0.4s;
  	transition: all 0.4s;
	font-size: 0.8rem;
}

.filter__list__item a.is-active {
  	font-weight: bold;
}

.filter__list__item label {
  	padding: 0.625rem 1.25rem;
  	cursor: pointer;
  	display: block;
  	-webkit-transition: all 0.4s;
  	-o-transition: all 0.4s;
  	transition: all 0.4s;
}

.filter__list__item label:before {
  	margin: 0 0.3125rem 0 0;
  	font-size: 0.625rem;
  	line-height: 0.875rem;
  	border-radius: 0.25rem;
  	width: 0.9375rem;
  	height: 0.9375rem;
  	content: "";
  	display: inline-block;
  	border: thin solid #afafaf;
  	text-align: center;
  	vertical-align: middle;
  	-webkit-transition: all 0.4s;
  	-o-transition: all 0.4s;
  	transition: all 0.4s;
}

.recherche-list {
	display: flex;
	flex-wrap: wrap;
}

.recherche-card {
	width: 100%;
}

.recherche-card__start {
	order: 2;
	margin-top: 0.5rem;
}

.recherche-card__start::after {
	height: 0.25rem;
	width: 3.5rem;
        content: '';
        display: block;
        background: var(--blue-ecume-main-400);
        margin: 2.3rem auto 0 0;
}

.recherche-card__title {
	overflow: hidden;
	order: 1;
}

.recherche-card__footer__p {
	font-size: 0.875rem;
	margin: 0;
}

.recherche-card__link {
	--link-blank-font: normal 700 normal 1rem/1 dsfr-icon;
	display: inline;
}

.recherche-doc-card__link {
        --link-blank-font: normal 700 normal 1rem/1 dsfr-icon;
        --link-blank-content: "\E018";
        display: inline;
}

.recherche-card__link[target="_blank"]::after {
        font-size: 1.35rem;
	padding-left: 0.5rem;
}

.recherche-doc-card__link[target="_blank"]::after {
        font-size: 1.35rem;
        padding-left: 0.5rem;
  	-webkit-mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/business/attachment-line.svg');
	mask-image: url('https://objectif-paysages.developpement-durable.gouv.fr/plugins-dist/internet_pm21/icons/business/attachment-line.svg');
}

.hlr {
	font-style: unset;
}

/* page actualites */
.actualites-col {
}

.tris-actualites {
	width: 100%;
}

.liste-actus {
	margin: -0.625rem;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
}

.entete_actus {
	position: relative;
	width: calc(100%/3 - 20px);
}

@media screen and (max-width: 740px) {
  .entete_actus {
        width: calc(100%/2 - 20px);
  }
}

@media screen and (max-width: 460px) {
  .entete_actus {
        width: 100%;
  }
} 

.actus-list {
	position: relative;
        width: calc(100%/3 - 20px);
}

@media screen and (max-width: 740px) {
  .actus-list {
        width: calc(100%/2 - 20px);
  }
}

@media screen and (max-width: 460px) {
  .actus-list {
        width: 100%;
  }
}

.titre_page_actus {
	color: var(--blue-ecume-main-400);
	border-bottom : solid 0.1rem var(--blue-ecume-main-400);
	width: max-content;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}

@media screen and (max-width: 640px) {
  .titre_page_actus {
        font-size : 1.5rem;
  }
}

.actualites-tags-group a.is-active:hover:after, .actualites-tags-group a.is-active:focus:after {
  	-webkit-transform: rotate(90deg);
      		-ms-transform: rotate(90deg);
          		transform: rotate(90deg);
}

.actualites-tags-group a.is-active:after {
  	margin: 0 0 0 0.625rem;
  	width: 0.8em;
  	height: 0.8em;
  	background: url("") no-repeat;
  	content: "";
  	display: inline-block;
  	-webkit-transition: all 0.4s;
  	-o-transition: all 0.4s;
  	transition: all 0.4s;
}

.articles-list__item {
	height: 100%;
}
 
/* formulaire SVE */
.formulaire_sve {
	padding-top: 1rem;
	margin-bottom: 10rem;
}

.saisie_nom_contact_erreur {
	margin-top: 1rem;
}

.saisie_adresse_erreur {
        margin-top: 1rem;
}

.sve_zone_geo_erreur {
        margin-top: 1rem;
}

.fr-alert__title {
	display: block;
}

.saisie_email::marker {
	font-size: 0;
}

.saisie_adresse::marker {
        font-size: 0;
}

.saisie_code_postal::marker {
        font-size: 0;
}

.ville::marker {
        font-size: 0;
}

.saisie_pays::marker {
        font-size: 0;
}

.editer-groupe li::marker {
	font-size: 0;
}

.choix {
	display: inline-flex;
	align-items: baseline;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 0.5rem;
	position: relative;
	color: var(--text-title-grey);
}

.choix-pj-sve {
	width: 100%;
}

.editer-groupe-pj-sve {
        width: 100%;
}

.radio {
  	opacity: 0;
}

.choix input[type="radio"] + label {
        position: relative;
        padding: .75rem 0;
        font-size: 1rem;
        line-height: 1.5rem;
        -webkit-tap-highlight-color: transparent;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-left: 3rem;
}

.choix_contact input[type="radio"] + label {
	padding: 0;
}

.choix input[type="radio"] + label::before {
    	content: "";
    	display: inline-block;
    	position: absolute;
	top: 0;
	left: -2rem;
	width: 1.5rem;
    	width: 1.5rem;
    	height: 1.5rem;
    	margin-right: .5rem;
	border: 1px solid;
    	border-radius: 50%;
    	transform-origin: center;
}

.choix input[type="radio"]:checked + label::before {
    	box-shadow: inset 0 0 0 5px var(--background-default-grey);
    	background-color: var(--background-active-blue-france);
    	border: 1px solid var(--background-active-blue-france);
}

.fieldset_pieces {
	margin-top: 1rem;
}

.textechk {
	width: 100%;
	line-height: 1rem;
}

.saisie label {
        display: block;
}

.contact_conditions_generales {
	margin: 0;
}

.contact_validation {
	position: relative;
}	

.sve-fieldset {
	display: block;
	box-sizing: inherit;
    	border: 1px solid var(--grey-625-425);
	margin: 0 0.15rem 0 0.15rem;
	padding: 0 0.8rem 0 0.25rem;
}	

.sve-fieldset__legend {
	display: inline-block;
  	width: max-content;
	color: var(--text-default-grey);
	position: relative;
  	top: -0.8rem;
	background: var(--grey-1000-50);
	padding: 0 0.1rem;
	margin: 0 0 0 0.7rem;
}

.coordonnees-editer-groupe {
	margin: 0 0 1rem 0.5rem;
}

/* banniere cookies */
.fr-consent-placeholder {
	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	padding: 5rem 2rem;
  	text-align: center;
}

#banniere-cookie {
  	position: fixed;
  	width: 100%;
  	z-index: 4500;
  	overflow: auto;
 	background-color: var(--background-contrast-grey);
  	box-shadow: inset 0 0 0 1px var(--background-contrast-grey);
	padding: 2rem;
    	bottom: 2.5rem;
    	left: 2.5rem;
    	max-width: 40rem;
    	max-height: calc(100% - 5rem);
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

#banniere-cookie .cicb_texte {
	float: unset;
	text-align: unset;
	margin: unset;
	max-width: unset;
}

#banniere-cookie a.cicb_fermer {
	display: none;
}

.cibc_texte {
  	margin-bottom: 1rem;
}

.cicb_boutons {
  	margin-top: 1.5rem;
  	margin-bottom: -1rem;
	justify-content: flex-start;
        margin-left: -1rem;
        margin-top: 2rem;
        width: calc(100% + 1rem);
	text-align: right;
	--ul-type: none;
	--ol-type: none;
	--ul-start: 0;
	--ol-start: 0;
	--xl-block: 0;
	--li-bottom: 0;
	--ol-content: none;
	align-items: stretch;
	flex-wrap: wrap;
	margin-right: 0;
}

#banniere-cookie .bouton {
	--link-underline: none;
	--link-blank-font: none;
	--link-blank-content: none;
	margin: 0;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 1rem;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	z-index: 1;
	outline-color: #2a7ffe;
	outline-offset: 2px;
	outline-width: 2px;
	appearance: none;
	fnk-underline: none;
	--link-blank-font: none;
	--text-spacing: 0;
	--title-spacing: 0;
	--blend-full-size: 100%;
	--blend: var(--background-active-blue-france);
	align-items: center;
	background-color: var(--background-active-blue-france);
	color: var(--text-inverted-blue-france);
	display: inline-flex;
	flex-direction: row;
	font-size: 1rem;
	line-height: 1.5rem;
	min-height: 2.5rem;
	padding: .5rem 1.5rem;
	z-index: 1;
	font-family: inherit;
	border: none;
	border-radius: unset;
	text-shadow: none;
	transition: none;
		
}

#banniere-cookie .bouton:hover {
	--hsla: hsla(var(--blend),var(--a));
	--blend-size: var(--blend-full-size);
	--blend-position: 50%;
	background-color: #0606b2;
	background-image: radial-gradient(circle at center,var(--hsla),var(--hsla) 3%);
	background-position: var(--blend-position);
	background-repeat: no-repeat;
	background-size: var(--blend-size);
}

#banniere-cookie .savoir {
	--blend: inherit;
	background-color: transparent;
	box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);
	color: var(--text-action-high-blue-france);
}

#banniere-cookie .savoir:hover {
        background-color: transparent;
	color: var(--text-action-high-blue-france);
}