/**
 * Entête de page
 **/
.header {
	margin: 0 auto 2em;
	text-align: left;
	width: inherit;
	padding: 0;
	border-bottom: 2px solid #777777;
	margin-bottom: 1.5em;
	font-size: 0.8em;
}


.header h1 {
	font-style: italic;
	margin-bottom: 0.5em;
	font-size: 2em;
}


.header .soustitre, .header .surtitre {
	font-size: 1.4em;
	margin: 0.5em 0;
	line-height: 1.4em;
	font-weight: bold;
}

.header p {
	font-size: 1.2em;
	margin-bottom: 1em;
}

.header p.arbo {
	font-style: italic;
	color: #777;
}



/**
 * Contenu principal d'un texte
 **/

.chapo {
	font-weight: bold;
}

.main h2, .main h3, .main h4 {
	margin-top: 2em;
}


/* Dont sommaire dans les articles*/
.nav-sommaire {
	border: inherit;
	margin-right: 30%;
	margin-bottom: 1.5em;
	margin-left: inherit;
}

/**
 * Autres composants d'identification
 **/

.hyperlien {
	background: none repeat scroll 0 0 transparent;
	display: block;
	font-weight: bold;
	margin-top: 1em;
	padding: 0;
}

.meta {
	margin-bottom: 0.5em;
	line-height: 1.2em;
	text-align: left;
	font-size: 0.8em;
}



/**
 * Titres secondaires
 **/
.content h2:not(:first-of-type){
	margin-top: 1em;
}

.meta+h2 {
	margin-top: 1em;
}

/* Dont ceux en soulignés */
.aside h2,  #documents_portfolio h2, #documents_joints h2,  .agenda h2, .page_sommaire h2, .prefooter h2,  .ajout_evenement h2{
	padding-bottom: 0.2em;
	margin-top: 0.2em;
	border-bottom: 2px solid #4F4039;
	font-style: italic;
	margin-bottom: 1em;
	line-height: 1.2em;
}


/**
 * Liste d'objets
 **/

#documents_joints, #documents_portfolio{
	clear: both;
}
.post {
	margin-bottom: 2.5em;
	clear: both;
}
.post:last-child {
	margin-bottom:1.5em;
}

.post .meta {
	font-style: italic;
	clear: both;
}

.post .surtitre {
	margin-bottom:0;
}

.post .soustitre {
	margin-top:0;
}
.post .surtitre, .post .soustitre {
	font-size: 1.1em;
	font-style: italic;
	color: var(--color-post-surtitre);
}
.post .introduction, .post .slider, .post .grid{
	margin-top: 0.5em;
}
.post .introduction p, .post .slider, .post .grid {
	margin-bottom: 0.5em;
}

.post h2, .post h3, .post h4 {
	margin:0;
}
.post .titre {
	margin: 0;
	font-size: 1.2em;
	color: var(--color-a);
}

.post-preview h2,  .post-preview h3,  .post-preview h4 {
	clear: none;
}
.post-preview p {
	margin-bottom: 0.5em;
}
.post-preview .meta {
	clear: none;
}
.post a.lire-la-suite:not(.lire-la-suite-explicite) {
	color: inherit;
	text-decoration: none;
}
.post a .titre:hover {
	text-decoration: underline;
}



/* Logos*/

.logo {
	padding-bottom: 1em;
}

.content .post .logo, .more .post .logo{
 /* Dans la colonne principale et la troisième colonne -> les logos flottes */
	float: left;
	padding-right: 1em;
	padding-bottom: 0.5em;
	max-width: 66%;
}
.more .post .logo {
	max-width: 55%
}

.content .forums .logo {
	background-color: white;/*Eviter de voir le trait de souslignage du titre */
}


.content .une-2 .post .logo {
	/* Pas de flottaison des logos pour la une */
	float:none;
	padding-right:0;
}

/** Post-flex, mais on ne l'active que en content **/
.content .post-flex {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	--largeur-logo: 250px;
}
.content .post-flex .post-preview {
	flex-basis : calc(100% - var(--largeur-logo));
	min-width: 5em;
	flex-grow: 3;
}
.content .post-flex .post-logo {
	min-width: var(--largeur-logo);
}
.content .post-flex  .logo {
	float:none;
}
/* Dont forums */
.forums h2 {
	padding-bottom: 0.2em;
	font-style:italic;
}
.forums .surtitre {
	font-size: inherit;
}
.content .forums .post{
	margin-bottom: 1em;
}
.modererforum {
	display: flex;
	justify-content: flex-start;
	column-gap: calc(var(--gouttiere-layout)/2);
}
.aside .forums .texte, .aside .forums .date {
	display: block;
	font-size: 0.8em;
}
.aside .forums .date {
	color: var(--color-post-surtitre);
}

.content .forums .post .titre {
	color: inherit;
	font-size: inherit;
}
.content .forums .post .titre strong {
	font-weight: normal;
	color:var(--color-a);
}




/**
 * Rubrique
 */
.page_rubrique .liste .jour {
	min-width: 2em;
	display: inline-block;
	font-weight: bold;
}

/* Affichage et tri des rubriques */

.mode_affichage {
	margin-bottom: 1.5em;
}


.mode_affichage span {
	margin-right: 0.5em;
}


.mode_affichage ul {
	display: inline;
}

.mode_affichage ul li {
	display: inline-block;
	line-height: normal;
	overflow: inherit;
	border: 1px solid #ccc;
	padding: 4px 8px;
	margin-right: 0.5em;
	font-size: 0.8em;
	margin-bottom: 0.5em;
}


/**
 * Formulaires spécifiques
 **/

.formulaire_forum {
	margin-bottom: 1em;
	margin-top: -2.0em;
}
.formulaire_forum .session_qui {
	display: none;
}
.bouton_switch {
	padding:0;
	color: var(--color-a);
	border:none;
	background: none;
}

.formulaire_editer_evenement .editer_parent, .formulaire_editer_evenement label.heure{
	display:none;
}

@media (max-width: 820px) {
	.aside .forums .texte {
		font-size: inherit;
	}
}

/**
 * Outils spécifique de mise en page
**/
/* 1. Grid */

.grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 column-gap: 15px;
 row-gap: 15px;
 width: fit-content;
 margin-left: auto;
 margin-right: auto;
}

.grid > span {
	justify-self: center;
}


/* 2. Slider */

.slick-prev, .slick-next {
	z-index: 100;
	color: white;
}
.slick-prev {
	left: 15px;
}
.slick-next {
	right: 15px;
}



/**
 * Footer et prefooter
**/

footer {
	border-top: medium none;
	margin: 2em 0 0;
	max-width: inherit;
	padding: calc(var(--padding-container)*0.5)var(--padding-container);
	/**Attention au contraste**/
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
}


.prefooter {
	border-top: medium none;
	padding: 0;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
}

.prefooter h2 {
	border: none;
}
.prefooter a {
	color: white;
	text-decoration-style: dashed;
	text-decoration-line: underline;
}
.prefooter a:hover {
	text-decoration-style: solid;
}
.prefooter .colonne {
	width: calc(50%);
	padding: calc(var(--padding-container)*0.5);
}

.realfooter {
	font-size:0.8em;
	text-align: center;
	padding: 0 var(--padding-container);
}

.realfooter .colophon, .realfooter .menu-liste {
	margin:0;
}

.realfooter .menu-liste li {
	display: inline;
}

.realfooter .menu-liste li:not(:first-child):before{
	content:' |';
}

.realfooter .menu-liste li a {
	color: #fff;
	font-size: inherit;
}

/* Formulaire spécifique en prefooter*/
.prefooter .formulaire_spip .boutons input:focus, .prefooter .formulaire_spip .boutons button {
	background-color: var(--color-a);
	color: white;
}
.prefooter input.text, .footer textarea {
	background-color: #fff;
	border-radius: 15px 15px 15px 15px;
}