@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@300;400;500;700&display=swap'); 
@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@400;460;500;600;700;800&display=swap'); 
html {
	width: 100%;
	height: 100%;
}

/* BODY */
body {
	font-family: 'Alegreya Sans', sans-serif;
	line-height: 1em;
	width: 100%;
	height: calc(100% - 66px);
	/*QUID ?pour fixer pour la page article*/
	/*  background: linear-gradient(175deg, #F6F3F9 70%, #fff 50%) no-repeat; /*linear-gradient(to right,#820083,#D90094,#73289F,#D000D0);*/
	background-color: #F6F3F9;
	font-size: 1em;
	font-weight: 400;
}

/* General */
* {
	font-size: 100%;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	/* Rendre les images responsive par defaut */
	height: auto;
}

small {
	font-size: smaller;
}

.clear {
	clear: both;
}

.invisible {
	visibility: hidden;
}

.myhidden {
	display: none;
}

.out_screen {
}

.block {
	display: block;
}

.caps {
	font-size: 94%;
}

sup.typo_exposants, sup {
	top: -0.3em;
	/*annule orthotypo*/
	font-size: 75%;
}

.p_sans_bottom p {
	margin-bottom: 0 !important;
}

#article_berose {
	height: 100%;
}

#main_article select {
	max-width: 100%;
	overflow-y: scroll;
	font-size: 0.9em;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 400;
	border-left: 2px solid black;
}

#scroll_to_top {
	position: fixed;
	width: 10px;
	height: 25px;
	bottom: 50px;
	right: 20px;
	z-index: 999;
}

#bouton_up:before {
	content: "\f062";
	font-family: "FontAwesome";
	font-size: 0.9em;
	color: #D90094;
	border: 1px solid #D90094;
	border-radius: 50%;
	background-color: white;
	padding-left: 1px;
	padding-right: 1px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
}

#h1_nav {
	line-height: 1.15em;
	font-size: 2.5em;
	display: inline-block !important;
	vertical-align: middle;
	margin-bottom: 0px;
}

li.on a {
	color: black !important;
	font-weight: 500;
}

#contenu_article {
	height: 100%;
	margin: 0 auto;
	max-width: 1108px;
	padding: 0 10px;
	clear: both;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 0 auto;
	align-items: flex-start;
}

#texte_article {
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	flex: 3;
	padding: 50px 7% 0px 7%;
	background-color: white;
	margin-top: 8px;
	height: calc(100% + 10px);
	overflow-y: scroll;
	max-width: 770px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
	scroll-behavior: smooth;
}

#aside_article {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1;
	height: 100%;
	overflow-y: scroll;
	margin-top: 8px;
	margin-left: 8px;
}

.infos {
	font-weight: 400;
	font-size: 0.81em;
}

.auteur_principal {
	font-weight: 400;
	letter-spacing: 0px;
	font-size: 1.08em;
}

.details {
	font-size: 0.79em;
	line-height: 1.35em;
	letter-spacing: 0.1px;
}

.details p {
	margin-bottom: 0.3em;
}

.descriptif_auteur {
	font-weight: 300;
	letter-spacing: 0.1px;
}

#citation {
	border-left: 3px solid #D90094;
	padding-left: 12px;
	margin-left: 3px;
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 1.1em;
}

.apropos {
	border-left: 3px solid black;
	padding-left: 12px;
	margin-left: 3px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
	font-size: 1.1em;
}

.intitule {
	font-size: 0.7em;
	font-weight: 400;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.1px;
}

#download {
	font-size: 0.7em;
	font-weight: 400;
	padding-left: 5px;
	letter-spacing: 0px;
}

.logo_download::before {
	font-family: "FontAwesome";
	content: "\f1c1";
	margin-left: 1px;
	font-size: 0.7em;
	color: #D90094;
	opacity: 0.9;
}

.texte h2, h2.texte, .texte h3, h3.texte {
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 600;
	font-size: 1.3em;
	color: black;
	text-align: left;
	clear: both;
	width: 100%;
	letter-spacing: 0.1px;
	margin-bottom: 1.2em;
}

.texte h4, h4.texte {
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 600;
	font-size: 1.1em;
	color: black;
	text-align: left;
	clear: both;
	width: 100%;
	letter-spacing: 0.1px;
	margin-bottom: 0.9em;
}

.texte h5, h5.texte {
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 500;
	font-size: 1.1em;
	color: black;
	text-align: left;
	clear: both;
	width: 100%;
	margin-bottom: 0.7em;
}

.biblio p {
	padding: 0px 0px 0px 30px;
	line-height: 1.2em !important;
	font-size: 0.82em !important;
	margin-top: 10px;
	text-indent: -30px;
}

blockquote.spip {
	padding-left: 15%;
	padding-right: 10%;
	line-height: 1.4em;
	font-size: 0.98em;
	font-weight: 400;
	min-height: 40px;
}

blockquote.spip p {
	text-indent: 0 !important;
}

blockquote.spip_poesie {
	border-left: none;
	line-height: 1.4em;
	font-size: 0.95em;
	font-weight: 400;
}

#menu li.on a:hover, #menu_encyclo li.on a:hover {
	color: #D90094 !important;
}

.auteur_principal {
	font-weight: 400;
	letter-spacing: 0px !important;
	font-size: 1.08em;
}

#citation_carnet {
	margin-top: 30px;
	margin-left: 26px;
	border-left: 3px solid #D90094;
	padding-left: 12px;
}

.intitule {
	font-size: 0.7em;
	font-weight: 400;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.1px;
}

.details {
	font-size: 0.79em;
	line-height: 1.35em;
	letter-spacing: 0.1px;
}

.details p {
	margin-bottom: 0.3em;
}

h1 {
	font-family: 'Alegreya Sans', sans-serif;
	display: block;
	font-weight: 500;
	font-size: 2.05em;
	line-height: 1.25em;
	margin-bottom: 20px;
	letter-spacing: 0.1px;
}

h2.titre_art_principal {
	font-size: 1.25em;
	line-height: 1.1em;
	color: black !important;
	font-weight: 460;
	margin-top: 0;
	margin-bottom: 0;
}

h2, h3 {
	font-size: 1.45em;
	margin-bottom: 1.2em;
	margin-top: 1.7em;
	text-align: left;
}

h4 {
	margin-bottom: 0.9em;
}

.descriptif_article {
	font-weight: 300;
	font-size: 0.91em;
	line-height: 1.35em;
	margin-top: 10px;
	text-align: justify;
}

.titre_rub_mere {
	display: inline-block;
	vertical-align : middle;
	margin-left: 8px;
}

.descriptif_mere_rub, .descriptif_mere_rub_404_recherche {
	font-weight: 300;
	font-size: 0.95em;
	line-height: 1.4em;
}

.descriptif_mere_rub_404_recherche p {
	margin-bottom: 0;
}

.descriptif_mere_rub p {
	margin-bottom: 1.5em;
	font-weight: 400;
}

#page_rubrique, #page_rubrique_mere {
	margin: 0 auto;
	z-index: -999;
	box-sizing: border-box;
}

#page_rubrique_mere {
	max-width: 1144px;
	padding: 0 10px;
}

#page_rubrique {
	margin-top: 30px;
	background-color: white;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.09);
	max-width: 1000px;
	padding: 50px 4% 80px 4%;
}

#header_rubrique {
	padding: 0px 0px 30px 0px;
}

#header_rubrique .titraille {
	display: inline-block;
}

.titraille .logo_rub_mere {
	display: inline-block;
	vertical-align: middle;
}

.titraille h1 {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
	line-height: 1.15em;
	font-size: 2.5em;
}

.titraille .logo_rub_mere img, .titraille_autre .logo_rub_mere img {
	min-height: 125px;
	min-width: 125px;
	max-height: 126px;
	max-width: 126px;
	margin: 0px;
}

.titraille_autre .logo_rub_mere_encyclo img {
	min-height: 90px;
	min-width: 90px;
	margin: 0px 10px 0px 0px;
}

.titraille_autre {
	display: flex;
	align-items: center;
	margin-right: 40px;
}

.titraille_autre logo_rub_mere_ecyclo {
	flex: 1;
	align-self: center;
}

.titraille_autre #arbo_titre_descriptif {
	flex: 7;
	align-self: center;
	max-width: 80%;
}

#main_rubrique {
	margin-left: 12%;
	margin-right: 12%;
	text-align: justify;
	padding-left: 0px;
	font-size: 110%;
}

#main_rubrique h2 {
	color: #D90094;
	font-weight: 500;
}

#main_rubrique h4 {
	font-weight: 500;
}

.descriptif_mere_rub ul.spip {
	list-style-type: circle;
	margin-bottom: 1em;
	font-weight: 400;
	text-align: left;
}

.descriptif_mere_rub ol.spip {
	font-weight: 400;
}

#items_menu_responsive a, #items_menu_responsive_encyclo a {
	display: block;
	margin-bottom: 10px;
}

#items_menu_titre_responsive {
	font-size: 110%;
}

a.on.items_menu_titre_responsive {
	color: black !important;
}

#items_menu_responsive a.on.items_menu_titre_responsive:hover {
	color: black !important;
}

#items_menu_responsive a.on:hover, #items_menu_responsive_encyclo a.on:hover {
	color: #D90094;
	background-color: white !important;
}

#list_sous_rub_art {
	display: inline-block;
	margin-left: 22px;
}

#list_sous_rub_art a:hover, #items_menu_responsive a:hover, #items_menu_responsive_encyclo a:hover, a.bouton_hover:hover {
	color: white !important;
}

#list_sous_rub_art a.on:hover, #items_menu_responsive a.on:hover, #items_menu_responsive_encyclo a.on:hover {
	color: #D90094 !important;
}

#list_sous_rub_art a.on, a.bouton_hover:link, a.bouton_hover:visited {
	display: block;
	color: rgb(106, 104, 104);
	padding: 2px 5px 2px 5px;
	margin-top: 5px;
	font-family: 'Alegreya Sans', sans serif;
}

#list_sous_rub_art a.on, #items_menu_responsive a.on, #items_menu_responsive_encyclo a.on {
	color: #D90094;
	font-weight: 500;
}

#list_sous_rub_art a.on:hover, #sommaire_depuis_article li.on a:hover {
	cursor: text;
}

a.bouton_hover:hover, #items_menu_responsive a:hover, #items_menu_responsive_encyclo a:hover {
	background-color: #D90094;
	color: white !important;
}

.list_rub_5, .list_rub_174, .list_rub_222 {
	padding: 8px 15px 8px 0px;
}

.list_rub_5, .list_rub_232 {
	border-left: 3px solid #D000D0;
}

.list_rub_174 {
	border-left: 3px solid #73289F;
}

.list_rub_222 {
	border-left: 3px solid #D90094;
}

#liste_rub {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-around;
}

li.vignettes_rub {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 240px;
	-ms-flex: 1 1 240px;
	background: #fff;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	padding: 20px 15px 15px 15px;
	height: 20.8em !important;
	min-width: 265px;
	max-width: 270px;
	box-sizing: border-box;
	border: 2px solid #F6F3F9;
}

li.vignettes_rub h2 {
	height: 95px;
	display: block;
	font-weight: 400;
	font-size: 1.2em;
	line-height: 1em;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

li.vignettes_rub p {
	text-align: center;
}

.ss_carnet_vignette {
	font-size: 70%;
	font-weight: 300;
	line-height: 1.09em;
	padding-top: 3px;
}

li.vignettes_rub a:link {
	color: black;
}

li.vignettes_rub a:visited {
	color: black;
}

/* Dossier */
#main_dossier {
	margin-left: 6%;
	margin-right: 6%;
	padding-left: 0px;
	font-size: 1em;
}

#texte_dossier_mere {
	border-left: 3px solid #D90094;
	margin-top: 20px;
	padding: 16px 50px 10px 30px;
	margin-left: 16px;
	text-align: justify;
}

.container_flex {
	display: inline-flex;
	align-items: flex-start;
}

#dossier_articles {
	width: 92%;
	margin: 30px 0px 0px 0px;
}

#dossier_articles ul li {
	margin-bottom: 30px;
}

.descriptif_rubrique {
	font-weight: 300;
	font-size: 0.93em;
}

.descriptif_rubrique p {
	margin-bottom: 0.7em;
	line-height: 1.3em;
	text-align: justify;
	width: 98%;
}

.descriptif_rubrique p#liste_mots {
	font-family: 'Alegreya Sans', sans serif;
	font-size: 0.8em;
	font-weight: 300;
	line-height: 1.5em;
}

.descriptif_rubrique p#liste_mots:before {
	font-family: 'FontAwesome';
	content: "\f02b";
}

.article_elements {
	flex: 2;
}

.article_elements img.spip_logo {
	vertical-align: middle;
	width: 38px;
	height: 38px;
	padding: 4px;
	margin-right: 10px;
}

.img_article_dossier {
	float: right;
}

.img_article_dossier img.spip_logo {
	width: 100px;
	height: auto;
	margin-left: 15px;
}

.auteurs_list_art {
	padding-top: 5px;
}

.descriptif_art_principal {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 60px);
	color: black !important;
}

.descriptif_art_dossier {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 60px);
	color: black !important;
}

#header_article {
	padding-left: 7px;
}

#header_article .titraille {
	font-family: 'Alegreya Sans', sans serif;
	margin-top: 20px;
}

#header_article img.spip_logo {
	/*ça redimensionne l'image*/
	border-radius: 3px;
}

.titraille {
	font-family: 'Alegreya Sans',sans serif;
}

.position_titraille {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 140px);
}

.position_logo_article {
	display: inline-block;
	vertical-align: top;
	width: 110px;
	margin-top: 25px;
	margin-right: 10px;
}

#main_article {
	padding: 12px 10px 350px 7px;
	/*pour le scroll*/
}

#texte_article .texte, #texte_article .texte_sans_indentation {
	font-family: 'Alegreya', serif;
	text-align: justify;
	font-weight: 500;
	font-size: 0.91em;
	line-height: 1.61em;
	word-spacing: 80%;
	margin-top: 2em;
	margin-bottom: 2em;
	word-break: break-word;
}

#texte_article .texte {
	padding-left: 16px;
	padding-right: 15px;
}

/*#texte_article .texte {
    font-family: 'Alegreya', serif;
    text-align: justify;
    font-weight: 500;
    font-size: 0.89em;
    line-height: 1.59em;
    word-spacing: 80%;
    margin-top: 2em;
    margin-bottom: 2em;
    word-break: break-word;
}*/
.texte_sans_indentation p, .details ol.spip, .details ul.spip, #main_article .descriptif_article ol.spip, ol.spip,ul.spip, #main_article .descriptif_article p {
	margin-bottom: 6px;
}

/*img.puce {display: none;} a voir pour les listes dans les articles pas Berose type chrono etc.)*/
#main_article .descriptif_article {
	margin-bottom: 20px;
	margin-bottom: 20px;
}

/*a voir pour indentation 
#texte_article .texte p{
	text-indent: 50px;	letter-spacing: 0.1px; 
	}*/
.fine {
	font-size: 60%;
	white-space: nowrap;
	line-height: initial;
}

/* utilisé par le plugin ortho-typo */
.fine2 {
	font-size: 30%;
	white-space: nowrap;
	line-height: initial;
}

/* pour les appels de notes et dans inc cite pdf*/
.notes p {
	line-height: 1.6em;
	font-size: 0.85em;
	padding-bottom: 15px;
	text-align: justify;
}

.chapo {
	background-color: rgba(0, 0, 0, 0.017) ;
	padding: 10px 20px 15px 10px;
	font-size: 1.1em;
}

#header_article #arbo img.spip_logo {
	background-color: transparent;
	padding: 0;
	margin: 0 5px 0 0;
	vertical-align: bottom;
	display: inline-block;
}

#sommaire_depuis_article {
	padding: 0px 0px 350px 0px;
	/*pour le scroll*/
}

#nav_autre_type_dossier_mere {
	margin-top: -40px;
}

ul#nav_autre_type_dossier li.on a {
	font-weight: 500;
}

ul#nav_autre_type_dossier_mere li.on a {
	display: none;
}

ul#nav_autre_type_dossier li, ul#nav_autre_type_dossier_mere li {
	text-align: right;
	font-size: 0.74em;
	line-height: 1.2em;
}

#conteneur_nav_autre_dossier {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 10px;
}

#logo_nav_autre_type_dossier img {
	width: 18px;
	height: 18px;
	margin: 0 5px;
}

#logo_nav_autre_type_dossier_mere img {
	width: 18px;
	height: 18px;
	margin: -30px 28px 0 5px;
}

ul.list_art_principal {
	list-style-type: none;
	background-color: white;
	padding : 20px 25px 17px 10px;
	border: 2px solid #F6F3F9;
}

ul.list_art_autres {
	list-style-type: none;
	background-color: white;
	padding: 0px 25px 15px 10px;
}

ul.list_art_principal li, ul.list_art_autres li {
	margin: 12px 0;
}

.art_principal img, .art_autres img {
	padding: 4px;
	width: 32px;
	height: 32px;
}

.art_principal:hover > img, .art_autres:hover > img {
	border-radius: 30%;
	background-color: rgba(0,0,0, 0.05);
	transition-duration: .35s;
	transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
}

.descriptif_art_dossier:hover > h2.titre_art_principal, .descriptif_art_principal:hover > h2.titre_art_principal {
	color: #D90094 !important;
}

.article_elements:hover > img {
	border-radius: 20%;
	background-color: rgba(0,0,0, 0.05);
	transition-duration: .35s;
	transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
}

#sommaire_depuis_article li.on img {
	border-radius: 30%;
	background-color: rgba(0,0,0, 0.05);
	margin-right: 1px;
}

#sommaire_depuis_article li.on {
	color: black;
	font-weight: 400;
	border-right: 3px solid #D90094;
}

#sommaire_depuis_article li.on a:hover {
	color: black !important;
}

#sommaire_depuis_article li:hover, .ss_rub li:hover {
	color: #D90094;
}

#sommaire_depuis_article li a:link {
	display: block;
	color: #424242;
	cursor: pointer;
}

#sommaire_depuis_article li a:link, #sommaire_depuis_article li a:visited {
	color: #424242;
}

#sommaire_depuis_article li.on a:visited {
	color: #424242;
}

#sommaire_depuis_article li a:hover, .blocs_titre a:hover, a.vignette:hover {
	color: #D90094 !important;
}

.intitule_colonne {
	display: inline-block;
	max-width: calc(97% - 40px);
	vertical-align: middle;
	font-size: 1.07em;
}

.intitule_colonne p {
	display: inline;
}

#nav_rubrique li a:hover {
	width: 100%;
	color: #D90094;
}

#nav_rubrique li.on {
	display: none;
	height: auto;
}

/* blocs depliables (ancienne lame couteau suisse, gere via le plugin eponyme */
.blocs_titre {
	line-height: 1.2em;
	margin-top: 4px;
	padding: 0 0 0 19px;
	margin-bottom: 0.1em;
	clear: left;
	cursor: pointer;
	background: none !important;
	position: relative;
	/*border:1px solid red;*/
}

.blocs_replie {
	background: none;
}

.blocs_titre .ouvrir_fermer:before {
	font-family: 'FontAwesome';
	content: "\f078";
	/* Ë… */
	font-size: 0.8em;
	color: #D90094;
	position: absolute;
	left: 10px;
	/*border:1px solid lightblue;*/
}

.blocs_titre .ouvrir_fermer {
	padding-left: .6rem;
}

.blocs_titre.blocs_replie .ouvrir_fermer:before {
	content: "\f054";
	/*  > */
}

/* type dossier */
#contenu_rubrique_type_dossier {
	padding-left: 10px;
	padding-right: 0px;
	max-width: 1124px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 0 auto;
}

.titre_type_dossier {
	background-color: white;
	font-size: 0.95em;
	padding: 20px 0px 10px 0px;
	text-align: center;
}

#alpha, #contexte, #centre {
	clear: both;
	padding: 0px 20px 20px 20px;
	margin: 0 5px;
	width: 300px;
	background-color: white;
	min-height: 500px;
	max-height: 590px;
	overflow-y: scroll;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1 1 300px;
	-ms-flex: 1 1 300px;
	border: 2px solid #F6F3F9;
	margin-bottom: 20px;
}

.liste_sommaire_rubrique {
	list-style-type: square;
	color: #D90094;
	margin-left: 38px;
	margin-top: 12px;
	padding-bottom: 15px;
	text-align: left;
	line-height: 1.3em;
	font-size: 0.95em;
}

.liste_sommaire_article {
	list-style-type: square;
	color: #D000D0;
	margin-left: 38px;
	margin-top: 12px;
	padding-bottom: 15px;
	text-align: left;
	line-height: 1.3em;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 0.95em;
}

.liste_sommaire_article_auteur {
	list-style-type: square;
	color: #D000D0;
	margin-left: 38px;
	margin-top: 12px;
	padding-bottom: 15px;
	text-align: left;
	margin-bottom: 20px;
	font-weight: 400;
}

.liste_sommaire_article_auteur a {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.liste_sommaire_article a {
	padding-right: 0px !important;
}

.boite_cs_blocs {
	padding-bottom: 300px;
}

#sommaire_depuis_article .blocs_titre a:link, .blocs_titre a:link {
	color: #424242;
	font-size: 0.95em;
	display: inline-block;
	max-width: 90%;
	letter-spacing: 0.3px;
}

#sommaire_depuis_article .cs_blocs {
	margin-bottom: 8px;
	margin-top: 8px;
	background: white;
	border: 2px solid #F6F3F9;
}

#sommaire_depuis_article .cs_blocs .blocs_titre {
	text-transform: uppercase;
	display: block;
	padding: 10px 10px 10px 20px;
}

/* exception sur la position de la fleche a cause de la difference de padding */
#sommaire_depuis_article .ouvrir_fermer:before {
	top: 10px;
	/*border:1px solid orange;*/
}

.ss_rub ul li img {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.ss_rub ul {
	margin-top: 15px;
	margin-bottom: 20px;
}

.ss_rub ul li {
	padding: 0px 10px 0px 3px;
	font-size: 80%;
	margin-bottom: 20px;
}

.ss_rub p {
	display: inline-block;
	vertical-align: middle;
	font-weight: 300;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: 400;
}

.ss_rub p.arbo_ss_rub_titre {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 400;
	margin-top: 20px;
	padding-left: 15px;
	border-left: 3px solid #D90094;
	padding-bottom: 15px;
	margin-left: 18px;
}

.ss_rub p.arbo_ss_rub_titre:before {
	display: block;
	content: " ";
	width: 40px;
	padding-top: 18px;
	margin-left: -15px;
	border-top: 3px solid #D90094;
}

.ss_rub ul li a {
	line-height: 1.2em;
	font-size: 0.9em;
	color: #424242;
}

.ss_rub ul li a:hover {
	color: #D90094;
}

/*doc incrusté modeles doc.html*/
.img_carnet_pdf img {
	border: 1px solid lightgrey;
}

#texte_article .blocs_replie:before, #texte_article .blocs_titre:before {
	font-size: 50%;
	padding-right: 4px;
}

.spip_doc_titre, .spip_doc_descriptif {
	font-family: 'Alegreya Sans', sans serif;
	font-size: 0.98em;
	line-height: 1.1em;
	width: inherit;
	max-width: 70%;
}

.spip_doc_credits {
	font-family: 'Alegreya Sans', sans serif;
}

.spip_doc_titre {
	font-weight: 600;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

.spip_documents {
	width: 100%;
}

.spip_documents img {
	margin-left: auto;
	margin-right: auto;
	padding: 0px !important;
}

/*a.cboxElement:hover{cursor: zoom-in;}*/
table {
	font-family: 'Alegreya Sans', sans serif;
	text-align: left;
	margin-bottom: 1.5em;
}

table.spip caption {
	text-align: center;
}

#page_colonne {
	display: flex;
	justify-content: space-around;
	margin: 30px auto 0 auto;
	background-color: white;
	-shadow: 0 2px 4px 0 rgba(0,0,0,0.09);
	max-width: 1000px;
	padding: 50px 4% 50px 4%;
}

#presentation_themes_comite {
	flex: 1;
}

#liste_themes_comite {
	/*flex: 1; pour page_colonne*/
	/*max-width: 330px page_colonne;*/
}

#page_une {
	max-width: 1200px;
	margin: 0 auto;
}

#container_une_main {
	position: relative;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0px 8% 0px 8%;
	padding: 30px 0px 30px 0px;
	gap: 4%;
}

#nouveautes_dossiers {
	flex: 2;
	max-width: 670px;
	margin-top: 20px;
}

#edito {
	background-color: white;
	padding: 15px 15px 15px 20px;
	margin-right: 4px;
	text-align: left;
	width: fit-content;
	font-size: 1.1em;
	line-height: 1.1em;
}

#container_liste_nouveautes {
	display: inline-flex;
	align-items: flex-start;
	height: fit-content;
	font-size: 91%;
	border-bottom: 2px solid #F6F3F9;
	padding: 15px;
	background-color: white;
}

#nouveautes_dossiers #container_liste_nouveautes .logo_liste_une {
	flex: 1;
}

#nouveautes_dossiers #container_liste_nouveautes .logo_liste_une img.spip_logo {
	object-fit: cover;
	max-width: 90px;
	height: 123px;
}

#nouveautes_dossiers .descriptif_art_principal_une {
	padding: 0px 15px 5px 15px;
	flex: 5;
}

#nouveautes_dossiers .vignette {
	display: block;
	color: black !important;
	margin-bottom: 15px;
}

#nouveautes_dossiers a.vignette:hover {
	color: black !important;
}

#carnets_une {
	flex: 1;
	max-width: 270px;
	margin-top: 10px;
}

a.img_carnet_une {
	display: block;
	width: fit-content;
	border: 1px solid lightgrey;
	margin-bottom: 30px;
}

/*NAV bandeau MENU*/
#container_header {
	background: linear-gradient(to right,#820083,#D90094,#73289F,#D000D0);
	padding-top: 20px;
}

#container_bandeau {
	background-color: white;
}

a#logo_site_img_slogan {
	max-width: 1200px;
	margin: 0 auto;
	display: block;
	padding: 10px;
}

#container_menu {
	padding : 0px 4% 7px 4%;
	max-width: 1026px;
	margin: 0 auto;
	font-size: 120%;
	/*pour aligner ses contenus enfants : */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#menu, #menu_encyclo {
	padding: 2px 15px 0px 15px;
	width: 77%;
	font-size: 0.83em;
}

#menu ul, #menu_encyclo ul {
	display: flex;
	justify-content: space-between;
}

#recherche_page>img {
	width: 16px;
	padding-left: 0px;
}

#arbo {
	font-weight: 400;
	font-size: 0.74em;
	color: black;
	min-height: 20px;
	padding: 0px 5px 0px 0px;
	margin-right: 10px;
}

.titre_courant {
	margin: 8px auto;
	text-align: center;
}

.titre_courant h1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 1em;
	margin: 0;
	padding: 0;
}

#container_nav_type_dossier {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 10px;
	margin-top: -40px;
}

ul#nav_type_dossier li, ul#nav_type_dossier_mere li {
	text-align: right;
	font-size: 0.74em;
	line-height: 1.2em;
}

#logo_nav_type_dossier_mere img {
	width: 18px;
	height: 18px;
	margin: 0px 28px 0 5px;
}

#container_header_encyclo {
	background: linear-gradient(#D90094, #73289F);
	width: 100%;
	padding-left: 4%;
	padding-right: 4%;
	z-index: 9;
	height: 46px;
}

#container_bandeau_encyclo {
	max-width: 1124px;
	background-color: white;
	margin: 0 auto;
	display: flex;
	flex-flow: nowrap;
	height: 46px;
	padding-right: 10px;
}

#logo_site_moyen {
	width: 150px;
	padding-right: 5px;
}

#id_site {
	flex: 1;
	background-color: white;
	padding: 8px 20px 6px 15px;
	max-width: 370px;
	display: flex;
	flex-flow: nowrap;
}

#slogan {
	display: inline-block;
	font-weight: 500;
	font-size: 0.84em;
	line-height: 1.1em;
	white-space: nowrap;
	padding-top: 1px;
	vertical-align: middle;
}

#container_bandeau_encyclo #container_menu {
	padding: 2px 10px 0px 10px;
	font-size: 1.04em;
	flex: 2;
	justify-content: space-between;
}

/* liens */
a:link {
	text-decoration: none;
	color: #808080;
	overflow-wrap: anywhere;
}

#container_liste_nouveautes:hover h2.titre_art_principal, a:hover {
	color: #D90094 !important;
}

a.abonner:hover {
	background-color: black;
}

a:visited, #menu_lang a.langue_en:visited, #menu_lang a.langue_fr:visited {
	color: #808080;
}

a.img_carnet_une:hover {
	transform: rotate(5deg);
}

.logo_newsletter::before {
	font-family: "FontAwesome";
	content: "\f003";
	font-size: 0.9em;
	color: white;
	opacity: 0.9;
	padding-left: 3px;
}

/* Gestion des liens langues en et fr. #MENU_LANG du plugin qui vient comme div id="menu_lang"*/
#menu_lang {
	display: block;
	font-size: 0.7em;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
	border-left: 3px solid #D90094;
	width: 42px;
}

#menu_lang a.langue_en:link {
	display: block;
	content: "EN";
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	color: #808080;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	border-bottom: 1px black solid;
}

#menu_lang a.langue_fr:link {
	display: block;
	content: "FR";
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	color: #808080;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
}

#menu_lang strong.langue_en {
	display: block;
	content: "EN";
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 2px;
	color: black;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
	border-bottom: 1px black solid;
}

#menu_lang strong.langue_fr {
	display: block;
	content: "FR";
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	color: black;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
}

/*Bouton abo menu*/
a.abonner {
	font-size: 0.65em;
	line-height: 1em;
	color: white !important;
	align-self: center;
	background-color: #D90094;
	padding: 5px 10px 3px 10px;
}

#menu_responsive, .menu_responsive, #recherche_page_responsive {
	display: none;
}

#footer_content {
	margin-top: 40px;
	background-color: white;
	text-align: center;
}

.colophon {
	background: #D90094;
	font-size: 0.8em;
	color: white !important;
	padding: 5px 0;
	text-align: center;
}

.colophon a:link, .colophon a:visited {
	color: white !important;
}

#partenaires_logos_footer {
	display: inline-flex;
	padding: 20px;
	flex-wrap: wrap;
	align-items: center;
	justify-content : space-around;
	gap: 25px;
}

#partenaires_logos_footer img {
	padding: 0;
	max-height: 76px;
	max-width: 160px;
}

#bouton_sommaire_dossier {
	display: none;
}

/* --------------------------------------------------------------
	Media
-------------------------------------------------------------- */
/*#cboxDatadesc*/
#cboxDatadesc p {
	font-size: 0.8em;
	line-height: 1.2em;
}

#cboxDatadesc p, #cboxDatadesc h6 {
	padding-left: 15px;
	padding-right: 15px;
}

#cboxDatadesc {
	background-color: rgba(0,0,0, 0.8);
	font-family: 'Alegreya Sans', sans serif;
	color: white;
	border-radius: 3px;
	position: absolute;
	width: auto;
	z-index: 1;
	padding: 0 1%;
	text-align: left;
	bottom: 5px;
	left: 0;
	overflow: auto;
	max-height: 30%;
}

/* ajout pour mediaboxplustexte */
#cboxTitle {
	display: none;
	opacity: 0;
}

#cboxDatadesc.transparent {
	opacity: 0;
}

.hidedesc {
	cursor: pointer;
	display: block;
	float: right;
	margin: 4px 0 2px 4px;
	line-height: .8em;
	padding: 0 2px 2px;
	border: 2px solid #888;
	color: #666;
	font-size: 0.8em;
	font-weight: 700;
}

#cboxDatadesc:hover .hidedesc {
	color: #000;
	border-color: #000;
}

@media all and (max-width: 1200px) {
	#container_header_encyclo {
		padding: 0 20px;
	}
}

@media all and (max-width: 1150px) {
	#id_site {
		padding-right: 5px;
		flex: 0;
		padding-top: 10px;
	}

	#menu_encyclo {
		font-size: 0.80em;
		padding: 2px 0px 0px 0px;
	}

	#slogan {
		font-size: 0.80em;
		padding-top: 0px;
	}

	#logo_site_moyen {
		width: 130px;
		padding-right: 1px;
	}

	#carnets_une {
		flex: 0.83;
	}

	ul.list_art_principal {
		list-style-type: none;
		background-color: white;
		padding: 20px 5px 17px 5px;
	}

	#texte_article {
		padding: 50px 5% 0px 5%;
	}
}

@media all and (max-width: 1020px) {
	#logo_nav_autre_type_dossier img {
		display:none;
	}

	ul.list_art_principal {
		padding: 10px 5px 17px 5px;
	}

	ul.list_art_autres {
		padding-right: 5px ;
		padding-left: 5px ;
	}
}

@media all and (max-width: 1000px) {
	#slogan, #logo_nav_type_dossier_mere img, #nav_type_dossier_mere {
		display: none;
	}

	#id_site {
		padding-right: 15px;
		padding-left: 5px;
	}

	#menu_encyclo {
		max-width: 550px;
		margin: 0 auto;
	}

	#container_bandeau_encyclo #container_menu {
		padding-right: 0px;
	}

	#container_nav_type_dossier {
		margin-top: -10px;
	}
}

@media all and (max-width: 960px) {
	#centre, #alpha, #contexte {
		overflow-y: visible;
		max-height: 100%;
	}

	.boite_cs_blocs {
		padding-bottom: 10px;
	}

	#nouveautes_dossiers .descriptif_art_principal_une {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media all and (max-width: 950px) {
	#bouton_sommaire_dossier:after {
		font-family: 'FontAwesome';
		display: block;
		content: "\f00b";
		font-size: 0.85em;
		background-color: #D90094;
		color: white;
		padding: 2px 3px 1px 3px;
		margin-right: 1px;
	}

	/* placé à  droite */
	#bouton_sommaire_dossier {
		width: 20px;
		height: 20px;
		display: block;
		float: right;
		margin-right: -12px;
		margin-top: -20px;
	}

	#aside_article {
		position: absolute;
		left: -360px;
		top: 70px;
		right: 10px;
		width: 312px;
		padding: 20px;
		background-color: white;
		border: 15px solid #F6F3F9;
		height: fit-content;
	}

	#sommaire_depuis_article {
		padding-bottom: 0px;
	}

	#aside_article ul.list_art_principal {
		padding-left: 5px;
	}
}

@media all and (max-width: 900px) {
	#container_menu {
		padding : 0px 4% 7px 4%;
		font-size: 100%;
	}

	#menu {
		padding: 2px 10px 0px 5px;
	}

	#container_une_main {
		margin: 0px 4% 0px 4%;
	}

	#nouveautes_dossiers .vignette {
		font-size: 90%;
	}

	#nouveautes_dossiers #container_liste_nouveautes .logo_liste_une, #nouveautes_dossiers #container_liste_nouveautes .logo_liste_une img.spip_logo {
		width: 90px;
		height: 123px;
	}

	#presentation_themes_comite #main_rubrique {
		margin-left: 6%;
	}

	#presentation_themes_comite {
		flex: 2;
	}
}

@media all and (max-width: 880px) {
	/*Pour cacher le menu responsive et aside art avec contenu du dossier en lien qui sont - 1000px et -387px right et geres par js*/ #menu_encyclo, #menu_encyclo ul {
		display:none;
	}

	#menu_responsive, .menu_responsive {
		display: block;
		padding-top: 3px;
		top: 47px;
	}

	#container_header_encyclo #recherche_page_responsive {
		width: 20px;
		display: inline-block;
		margin-right: 25px;
		margin-left: 15px;
	}

	#container_bandeau_encyclo {
		padding-right: 0px;
	}

	a#menu_encyclo_toggleButton:before {
		font-family: 'FontAwesome';
		display: inline-block;
		content: "\f0c9";
		font-size: 1em;
		background-color: #D90094;
		color: white;
		padding: 4px 5px 3px 5px;
		margin-right: 20px;
		margin-top: -4px;
	}

	#items_menu_responsive_encyclo {
		background: white;
		position: absolute;
		top: 46px;
		left: -360px;
		padding: 20px 10px 20px 10px;
		z-index: 2;
		box-shadow: 5px 10px 15px 5px rgba(0,0,0,.1);
		max-width: 100%;
		border-left: 3px solid #D90094;
		border-right: 3px solid #D000D0;
		border-top: 3px solid #73289F;
		border-bottom: 3px solid #D90094;
		font-size: 0.87em;
		right: 20px;
		width: 312px;
	}

	#items_menu_responsive {
		background: white;
		position: absolute;
		top: 113px;
		left: -360px;
		padding: 20px;
		z-index: 2;
		box-shadow: 5px 10px 15px 5px rgba(0,0,0,.1);
		max-width: 100%;
		border-left: 3px solid #D90094;
		border-right: 3px solid #D000D0;
		border-top: 3px solid #73289F;
		border-bottom: 3px solid #D90094;
		font-size: 0.9em;
		width: 312px;
	}

	#slogan {
		display: block;
	}

	a.abonner {
		width: 60px;
		font-size: 0.5em;
		padding: 5px;
	}

	#container_header_encyclo #recherche_page_responsive {
		margin-right: 10px;
		margin-left: 0px;
	}

	a#menu_encyclo_toggleButton::before {
		margin-right: 10px;
	}

	#container_bandeau_encyclo #container_menu {
		padding-left: 0px;
		justify-content: flex-end;
	}

	#main_dossier {
		margin-right: 2%;
	}

	table.spip {
		font-size: 90%;
	}
}

@media all and (max-width: 750px) {
	#page_rubrique {
		margin-top: 52px;
		padding-top: 40px;
	}

	#container_header_encyclo {
		position: fixed;
		top: 0px;
	}

	.top_responsive {
		margin-top: 50px !important;
	}

	.top_provisoire {
		margin-top: 50px !important;
	}

	#contenu_article {
		margin-top: 42px;
	}

	#texte_article {
		overflow-y: visible;
		height: fit-content;
		max-width: 99%;
	}

	/* placé à gauche comme items_menu_responsive_encyclo avec un bouton à droite comme aussi bouton_sommaire_dossier cf. js */
	#texte_article {
		padding-left: 6%;
		padding-right: 6%;
	}

	#container_menu {
		width: 85%;
	}

	#menu, #menu ul {
		display: none;
	}

	#menu_responsive {
		display: block;
		padding-top: 3px;
	}

	#recherche_page_responsive {
		width: 30px;
		display: inline-block;
	}

	a#menu_toggleButton:before {
		font-family: 'FontAwesome';
		display: inline-block;
		content: "\f0c9";
		font-size: 1em;
		background-color: #D90094;
		color: white;
		padding: 4px 5px 3px 5px;
		margin: 3px;
	}
}

@media all and (max-width: 650px) {
	#container_une_main {
		display: block;
	}

	a.img_carnet_une {
		margin: 0 auto 40px auto;
	}

	#carnets_une {
		max-width: 100%;
	}

	#nouveautes_dossiers {
		padding-right: 0px;
	}

	#page_colonne {
		display: block;
	}

	#liste_themes_comite {
		margin: 0 auto;
	}

	#texte_dossier_mere {
		padding-right: 30px;
	}
}

@media all and (max-width: 600px) {
	#id_site {
		padding-right: 5px;
	}

	#nouveautes_dossiers .descriptif_art_principal_une {
		font-size: 92%;
		padding-top: 5px;
	}

	#nouveautes_dossiers #container_liste_nouveautes .logo_liste_une, #nouveautes_dossiers #container_liste_nouveautes .logo_liste_une img.spip_logo {
		float: left;
		margin-right: 10px;
		width: 70px;
		height: 90px;
	}

	#nouveautes_dossiers #container_liste_nouveautes {
		display: block;
	}

	#main_dossier {
		margin-left: 3%;
		margin-right: 3%;
	}

	#header_article .titraille h1 {
		font-size: 1.7em;
	}

	.titraille_autre {
		margin-right: 20px;
	}
}

@media all and (max-width: 550px) {
	#header_rubrique {
		padding: 0px 0px 30px 0px;
	}

	#main_rubrique {
		margin-left: 6%;
		margin-right: 6%;
		text-align: justify;
		padding-left: 0px;
		font-size: 110%;
	}

	.titraille_autre {
		display: block;
		margin-left: 20px;
	}

	.titraille .logo_rub_mere img, .titraille_autre .logo_rub_mere img, .titraille_autre .logo_rub_mere_encyclo img {
		height: 60px !important;
	}

	.titraille_autre #arbo_titre_descriptif {
		margin-left: 20px;
		font-size: 85%;
	}

	.position_logo_article, .position_titraille {
		display: block;
	}

	.position_titraille {
		width: 100%;
	}

	.position_logo_article {
		margin-left: auto;
		margin-right: auto;
	}

	.titre_rub_mere {
		margin-top: 10px;
	}
}

@media all and (max-width: 510px) {
	#slogan {
		display: none;
	}

	blockquote.spip {
		padding-left: 7%;
		padding-right: 7%;
	}

	#page_rubrique {
		padding-left: 0%;
		padding-right: 0%;
	}
}

/* forcer la taille des logos SVG */
.doc-pdf-img-wrapper img {
	width: 200px;
}

/* classe pour le legende de la popin du portfolio */
.portfolio-legend-popin {
	display: none;
}

.portfolio-legend-ui {
	cursor: pointer;
}

.portfolio-legend-titre {
	/*margin-top:1rem;*/
}

.portfolio-legend-descriptif {
	font-size: .8rem;
	margin-top: .5rem;
}

.portfolio-legend-credits {
	font-size: .75rem;
	margin-top: .5rem;
}