@charset "UTF-8"; /*

===================================================

	Squelette 


=== Table of contents =============================

    - Variables
    – Core Import
    – Font
    - Color
    - Layout
    - Utility
    - SPIP
    - Plugins
    - Menu
    - Pages

    Viewport (https://getbootstrap.com/docs/4.2/layout/overview)
	- @media (min-width: 576px) { ... } // Small devices (landscape phones, 576px and up)
	- @media (min-width: 768px) { ... }	// Medium devices (tablets, 768px and up)
	- @media (min-width: 992px) { ... } // Large devices (desktops, 992px and up)
	- @media (min-width: 1200px) { ... } // Extra large devices (large desktops, 1200px and up)


*/
/* Variable
=================================================== */
/* les variables dynamiques sont déplacées dans le fichier style_cfg_ginza.css */
/* Core Import
=================================================== */
body {
	background-color: var(--bg-color);
	color: var(--black);
	font-family: var(--font-base);
	/* fix pour eviter cas page courte qui bugge avec barre fixed */
	min-height: 110vh;
}

a {
	color: var(--primary-color);
	transition: all .5s;
}

a.discret {
	color: var(--black);
	text-decoration: underline;
}

a:hover {
	color: var(--primary-color-hover);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-outline);
	font-weight: 700 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: initial;
	/* overides bootstrap */
}

img {
	max-width: 100%;
	height: auto;
}

/* Font
=================================================== */
/*
	on utilise les fonts systemes
	sinon en cas de google font 

	utiliser le site suivant pour les passer en local
	https://gwfh.mranftl.com/fonts/
*/
/* Color
=================================================== */
.white {
	color: var(--white) !important;
}

.bg-white {
	background-color: var(--white) !important;
}

/* Layout
=================================================== */
/* header
----------------------------------*/
.header-menu {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin: 2rem 0 5rem 0;
	position: relative;
}

@media (max-width: 768px) {
	.header-menu {
		margin:1rem 0 0 0;
	}
}

.bouton-puce {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 1rem 1.5rem;
	line-height: 1;
	border: none;
	border-radius: 2rem;
	font-size: 0.825rem;
	margin: 0 0 0.25rem 1rem;
	background-color: var(--white);
	color: var(--black);
	/*box-shadow: -0 0 5px 1px var(--primary-color-hover);*/
}

@media (max-width: 768px) {
	.bouton-puce {
		font-size: 0.75rem;
		min-height: 2rem;
		padding: 0.5rem 1.5rem;
		margin: 0 0 0.25rem .5rem;
	}
}

.bouton-puce:hover {
	text-decoration: none;
	color: var(--primary-color);
}

.bouton-puce--on {
	font-weight: 700;
}

.bouton-puce--icone {
	padding: 0 1rem;
	height: 2.75rem !important;
	margin-top: 0.25rem;
}

@media (max-width: 768px) {
	.bouton-puce--icone {
		padding: .7rem .7rem !important;
		height: 1rem !important;
	}
}

.bouton-puce:focus {
	outline: none;
	/* accessibily ? */
}

.bouton-puce--hidden {
	position: absolute;
	right: 5px;
	opacity: 0;
	transition: all 1s ease;
}

.header-menu-item {
	/*border:1px solid lightblue;/**/
	position: relative;
	overflow: hidden;
	height: 3.25rem;
	padding: 4px;
}

@media (max-width: 768px) {
	.header-menu-item {
		height: 2.5rem;
	}
}

.header-menu-pills {
	/*border:1px solid red;*/
	display: flex;
	transition: all .5s ease;
	transform: translate(0,0);
	padding: 0 0 0 1rem;
}

.header-menu-pills .bouton-puce {
	margin: 0 0.25rem;
}

.header-menu-pills--hidden {
	width: 0;
	transform: translate(120vw,0);
}

@media (max-width: 768px) {
	.header-menu-pills {
		position:fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 120vh;
		/*border:1px solid blue;*/
		padding: .25rem;
		background: #000000a8;
		z-index: 5;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.header-menu-pills .bouton-puce {
		margin: 0.5rem;
		flex-grow: 0;
		box-shadow: inherit;
	}

	.bouton-puce {
		order: 2;
	}

	.bouton-puce--reset {
		order: 1;
		width: 2.5rem;
		align-self: flex-end;
		margin-top: 1rem !important;
		margin-right: .75rem !important;
	}

	.bouton-puce--hidden {
		position: inherit;
		opacity: 1;
	}
}

/* header > header-search 
----------------------------------*/
/* remove */
.header-search {
	height: 100vh;
	width: 100%;
	background-color: var(--white);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 1s ease;
	transform: translate(0,-120vh);
	z-index: 5;
}

.header-search.unfold {
	transform: translate(0,0);
}

.header-search-untrigger {
	cursor: pointer;
	/*filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(273deg) brightness(105%) contrast(102%); white*/
	filter: invert(0%) sepia(4%) saturate(11%) hue-rotate(335deg) brightness(98%) contrast(100%);
	/* black */
}

.search-submit {
	/*filter: invert(60%) sepia(2%) saturate(8%) hue-rotate(316deg) brightness(94%) contrast(101%);*/
	/* white */
	filter: invert(0%) sepia(4%) saturate(11%) hue-rotate(335deg) brightness(98%) contrast(100%);
	/* black */
}

.search-form {
	position: relative;
	margin: 0;
	border-bottom: 1px solid var(--black);
	width: 70%;
}

.article-column .search-form {
	border-bottom: inherit;
}

.search {
	border: none;
	padding: 0.5rem 4rem 0.5rem 1rem;
	margin: 0 2rem 0 0;
	color: var(--black);
	background-color: transparent;
	font-size: 2rem;
	min-width: 14rem;
	width: calc(100% - 3rem);
	height: 4rem;
	/* forcer hauteur si bug alignement sur Firefox win */
}

.search:focus {
	outline: none;
	/* accessibilite mal */
}

/* moteur de recherche dans le corps de page */
.article-search .search {
	background-color: var(--secondary-color-light);
	color: var(--black);
	border-radius: 1rem;
}

.article-search .search-submit {
	/*filter: invert(60%) sepia(2%) saturate(8%) hue-rotate(316deg) brightness(94%) contrast(101%);*/
	/* white */
	filter: invert(0%) sepia(4%) saturate(11%) hue-rotate(335deg) brightness(98%) contrast(100%);
	/* black */
}

/* 
  on vire le bouton cancel du input pour eviter l'ambiguite avec le bouton qui ferme la modale
  https://stackoverflow.com/questions/19655250/is-it-possible-to-disable-input-time-clear-button
*/
input.search::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.search::placeholder {
	color: var(--gray-light);
	opacity: 1;
}

.search-submit {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: 1.25rem;
	right: 1rem;
}

@media (max-width: 992px) {
	.search {
		padding:0.25rem;
		font-size: 1rem;
	}

	.search-submit {
		top: 0;
	}

	.header-search-untrigger {
		position: absolute;
		top: 1rem;
		right: 1rem;
	}
}

/* Menu > RWD 
----------------------------------*/
/* desktop caché */
.menu-logo-wrapper, .menu-panel {
	display: none;
}

@media (max-width: 992px) {
	.menu-logo-wrapper, .menu-panel {
		display: block;
	}

	/* suppression de la grid bootstrap */
	.header .container, .header .row, .header .col-lg-3 {
		margin: 0 !important;
		padding: 0 !important;
		max-width: inherit;
	}

	.menu-logo-wrapper {
		width: 100%;
	}

	.header-logo {
		max-width: 120px;
		margin: 0.75rem .15rem .15rem 0;
	}

	.menu-panel {
		height: 100vh;
		width: 100%;
		background-color: var(--primary-color);
		position: absolute;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		transition: all .8s ease;
		transform: translate(0,-120vh);
		z-index: 5;
	}

	.menu-panel.unfold {
		transform: translate(0,0);
	}

	.menu-trigger {
		display: block;
		background-color: inherit;
		border: none;
		font-size: 2rem;
		position: absolute;
		right: 1rem;
		top: 0rem;
		cursor: pointer;
		color: var(--white);
	}

	.button-burger-trigger:hover {
		color: var(--black);
	}

	.button-burger-untrigger {
		color: var(--white);
	}

	.button-burger-untrigger:hover {
		color: var(--white);
	}

	/* on affiche le formu de recherche  */
	.header-search-rwd {
		display: block;
		width: 100%;
		margin-bottom: rem;
		order: 3;
	}

	.header-search-rwd .search-form {
		width: 80%;
		margin: auto;
	}
}

/* Menu > Desktop
----------------------------------*/
.row-header-0-inner {
	/*border: 1px solid lightblue;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: .5rem 0;
	line-height: 1;
}

.navbar_top.fixed-top .row-header-0-inner {
	margin: 0;
	justify-content: space-between;
}

.header-name-slogan {
	/*border: 1px solid pink;*/
	flex-grow: 0;
	margin-right: 2rem;
}

.navbar_top.fixed-top .header-name-slogan img {
	max-width: 150px;
}

.nav-links {
	/*border: 1px solid red;*/
	flex-grow: 1;
}

.nav-links2 {
	/*border: 1px solid orange;*/
	flex-shink: 0;
	line-height: 1.4;
}

.navbar_top.fixed-top .nav-links2 {
	/*visibility:hidden;*/
	display: none;
}

@media (max-width: 992px) {
	.row-header .nav-links2 {
		display:none;
	}
}

.menu-link-a {
	font-size: 1rem;
	color: var(--white);
	font-weight: 500;
	position: relative;
}

.menu-link-a:hover {
	color: var(--white);
	text-decoration: underline;
}

.nav-links ul {
	display: flex;
	list-style: none;
	margin: 0 4rem 0 0;
	padding: 0;
	justify-content: space-between;
}

.nav-links .menu-link-a {
	text-transform: uppercase;
}

.nav-links .menu-link-a:hover {
	text-decoration: none;
}

.nav-links .menu-link-a:hover:before, .nav-links .menu-link-a--on:before {
	content: "";
	position: absolute;
	bottom: -12px;
	width: 100%;
	border: 2px solid var(--white);
}

.nav-links2 {
	/*border-left: 1px solid var(--white);*/
}

.nav-links2 ul {
	margin: 0 0 0 1rem;
	padding: 0;
	list-style: none;
}

.nav-links2 .menu-link-a--on {
	font-weight: 700;
}

/* header > menu-nav 
-------------------------*/
.menu-nav {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

@media (max-width: 992px) {
	.menu-nav ul {
		flex-wrap:wrap;
		margin: 0;
	}

	.nav-links {
		flex-grow: 1;
		margin-bottom: 4rem;
		width: 100%;
		order: 3;
	}

	.menu-link {
		width: 100%;
		text-align: center;
	}

	.menu-link:last-child a {
		margin-right: inherit;
	}

	.menu-link-a {
		display: inline-block;
		margin: 0 0 1rem 0;
		color: var(--white);
	}

	.menu-link-a:hover, .menu-link-a--on {
		color: var(--primary-color-hover);
	}
}

.button-search {
	border: 0;
	background-color: inherit;
	cursor: pointer;
	font-size: 1.752rem;
	color: var(--primary-color);
	float: right;
}

@media (max-width: 992px) {
	.button-search {
		display:none;
	}
}

.button-search:hover {
	filter: invert(26%) sepia(1%) saturate(0%) hue-rotate(41deg) brightness(99%) contrast(89%);
}

/* footer
----------------------------------*/
.footer {
	padding: 2rem 0;
}

.footer a {
	color: var(--black);
	text-decoration: none;
}

.footer a:hover {
	color: var(--black);
	opacity: .75;
}

.go-top {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: -50px;
	right: 20px;
	transition: all 1s ease;
	z-index: 2;
}

.go-top.show {
	bottom: 20px;
}

.footer-titre {
	font-family: var(--font-outline);
	font-weight: 500;
	font-size: 2.5rem;
}

@media (max-width: 992px) {
	.footer-titre {
		font-size: 1.725rem;
	}
}

.footer-baseline {
	font-size: .875rem;
	font-weight: 700;
	padding-left: .25rem;
}

@media (max-width: 992px) {
	.footer-baseline {
		margin-bottom: 1rem;
	}
}

.footer-links {
	margin: 1rem 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
	font-size: 0.75rem;
	font-weight: 500;
}

@media (max-width: 992px) {
	.footer-links {
		margin:0;
		padding-left: 0.25rem;
	}
}

.footer-links li {
	margin-bottom: .25rem;
}

.footer-partners {
	display: flex;
	align-items: center;
	margin: auto;
}

.footer-partners .spip_document {
	margin: 0 1rem;
}

/* Utility
=================================================== */
.center {
	text-align: center;
}

.spacer, .clear {
	clear: both;
}

.liner-bottom {
	border-bottom: 1px solid #aaa;
	padding-bottom: 0.5rem;
	margin-bottom: 1.5rem;
}

.no-text-decoration {
	text-decoration: none !important;
}

/*** bouton ***/
.bouton {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	text-align: center;
	text-decoration: none !important;
	font-family: var(--font-base);
	background-color: var(--gray-dark);
	color: #fff !important;
	line-height: 1;
	padding: .5rem 2rem .7rem 2rem;
	/*0.125rem 2rem 0.25rem 2rem;*/
	margin: 0 0 .5rem 0;
	border-radius: 2rem;
	border: 1px solid var(--gray-dark);
	font-weight: 400 !important;
	transition: all .2s ease;
	cursor: pointer;
}

.bouton + .bouton {
	margin-left: .5rem;
}

.bouton--condensed {
	padding: .5rem .5rem .7rem .5rem;
}

.bouton--medium {
	/*text-transform: initial;*/
	padding: 0.25rem 1.5rem;
}

.bouton--small {
	font-size: .75rem;
	padding: .25rem .5rem 0.125rem .5rem;
}

.bouton--xsmall {
	font-size: .875rem;
	padding: 0 .5rem;
}

.bouton--icone img {
	margin-right: 1rem;
	width: 40px;
}

.bouton--white {
	background-color: var(--white);
	color: var(--primary-color) !important;
}

.bouton--black {
	color: var(--black) !important;
	border: 1px solid var(--black);
	background-color: var(--white);
}

.bouton:hover {
	background-color: var(--gray);
	border-color: var(--gray);
	text-decoration: none;
	color: var(--white);
}

.bouton--white:hover {
	color: var(--white) !important;
}

.bouton--black:hover {
	color: var(--white) !important;
	border: 1px solid var(--primary-color-hover) !important;
}

/* SPIP
=================================================== */
/* admin a gauche */
.spip-admin-bloc, .spip-admin-float {
	left: 2%;
}

@media (max-width: 768px) {
	.spip-admin-bloc, .spip-admin-float {
		display:none;
	}
}

/* pour pouvoir cliquer dessous notamment le menu ... */
.spip-admin-float {
	pointer-events: none;
}

.spip-admin-float a {
	pointer-events: auto;
}

.bugajaxie {
	display: none;
}

.spip_code {
	font-family: monospace;
	color: #b4b1b1;
	background-color: #454545;
	padding: 0 .25rem;
	margin: 0 0.25rem;
	border: 1px solid #d3d2d2;
}

hr.spip {
	clear: both;
}

/* en version block multiligne, le separer du reste du flux texte */
div.spip_code {
	margin: 1rem 0;
}

textarea.spip_cadre {
	color: #ededed;
	background: #414141;
	margin: 1rem 0;
	padding: 1rem;
	border-radius: 0.25rem;
	width: 100% !important;
}

blockquote.spip, blockquote.spip_poesie {
	margin: 2rem 0;
	padding: 1.5rem;
	width: 100%;
	background-color: var(--primary-color);
	color: var(--white);
	border-radius: 1rem;
}

blockquote.spip a, blockquote.spip_poesie a {
	color: var(--white);
}

h2 + blockquote.spip {
	margin-top: 0
}

blockquote.spip_poesie {
	background-color: initial;
	color: var(--black);
	font-weight: 700;
	padding: initial;
}

@media (max-width: 992px) {
	blockquote.spip_poesie {
		font-size: 1rem;
	}
}

blockquote.spip_poesie a {
	color: #F2EFE8;
	text-decoration: underline;
}

blockquote.spip p:first-child, blockquote.spip_poesie p:first-child {
	margin-bottom: 0;
}

blockquote.spip .article-h2, blockquote.spip_poesie .article-h2 {
	font-family: var(--font-base);
	display: block;
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-size: 1.1rem;
}

blockquote.spip .article-h2::before, blockquote.spip_poesie .article-h2::before {
	content: none;
}

table.spip {
	margin-bottom: 1rem;
	min-width: 50%;
}

table.spip th, table.spip td {
	padding: .4rem .6rem;
}

table.spip tr {
	border-top: 1px solid var(--gray-light);
}

table.spip tbody tr:last-child {
	border-bottom: 1px solid var(--gray-light);
}

table.spip th {
	background-color: var(--primary-color-light);
}

ul.spip {
	margin: 0 0 1rem 0;
	padding: 0 0 0 1.5rem;
}

ul.spip ul {
	list-style: none;
	margin: 0;
}

/* Document (version 2021.12.12 - compat SPIP 4 et <figure> - happy birthday mieko  */
.spip_documents {
	margin: 0;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	/*border:1px solid red;*/
}

.spip_documents a.spip_out {
	background: transparent !important;
	text-decoration: none!important;
	border: 0px #fff !important;
}

/* pour eviter les bordures sur lien img [<img1>->url] */
.spip_documents_left {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 0.8em;
}

.spip_documents_right {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 0.8em;
}

@media (max-width: 1100px) {
	.spip_documents_left, .spip_documents_right {
		float:none;
		margin: 1rem 0;
	}
}

.spip_documents_center {
	display: block !important;
	float: none;
	text-align: center;
	margin: .8rem auto;
}

.spip_doc_titre, .spip_doc_descriptif {
	clear: both;
	font-size: 0.875rem;
	margin: -.5rem auto 0 auto;
	text-align: center;
}

.spip_doc_titre + .spip_doc_descriptif {
	margin-top: 0;
}

img.spip_logos {
	margin: 10px;
}

/* formulaire spip */
.formulaire_spip {
}

.formulaire_spip label {
	display: block;
	margin-top: 1rem;
	font-weight: 700;
}

.formulaire_spip .text, .formulaire_spip input.text:hover, .formulaire_spip input.text:focus, .formulaire_spip textarea {
	padding: 0.5rem;
	font-size: .9rem;
	background-color: #f3f3f3;
	width: 100%;
	border: none;
	border-radius: 2px;
}

.formulaire_spip .submit {
	margin: 1rem 0;
	padding: 1rem 2rem;
	background-color: #1d1d1b;
	border: none;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.formulaire_spip .submit:hover {
	background-color: #6a6a6a;
}

legend {
	font-size: 1.2rem;
	font-weight: 700;
	position: relative;
	margin-bottom: 1.5rem;
}

.formulaire_spip legend:after {
	content: " ";
	position: absolute;
	width: 8rem;
	bottom: -.8rem;
	left: 0;
	border-bottom: 10px solid var(--primary-color);
}

fieldset.previsu {
	padding: 1rem 1rem 0 1rem;
	background-color: #ffd8aa;
	border-radius: 4px;
	margin-bottom: 2em;
}

fieldset.previsu legend {
	background-color: #f39325;
	padding: 0 -0 0 1rem;
	margin: 0 0 0 -1rem;
	max-width: 25rem;
}

fieldset.previsu legend:after {
	content: initial;
}

.erreur_message {
	color: #d00;
	display: block;
}

.reponse_formulaire {
	margin: 1rem 0;
	padding: 1rem;
}

.reponse_formulaire_ok {
	background-color: #b1ffd1;
}

.reponse_formulaire_erreur {
	background-color: #ffacac;
}

.formulaire_spip ul, .formulaire_spip li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.resultats .spip_surligne {
	background: #ffff0052;
	padding: 0;
}

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

/* pagination compatible SPIP 4.0 */
.pagination-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
}

.pagination {
	margin: 1rem 0;
	padding: 1rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.pagination-total {
	font-weight: 700;
}

/* pagination-items */
.pagination-items {
	list-style: none;
	display: flex;
	align-items: center;
	flex-grow: 1;
	margin: 0;
	padding: 0;
}

.pagination-item {
	margin: 0.25rem;
}

.pagination-items .pagination-item.on.active span {
	background-color: var(--primary-color-hover) !important;
}

.pagination-item:last-child {
	margin-right: 2rem;
	/* pour forcer le retour en mode rwd  wrap à la ligne */
}

.pagination a.lien_pagination {
	text-decoration: none;
}

.pagination-item-label.on, a.pagination-item-label {
	text-decoration: none;
	padding: 0.5rem 1rem;
	; display: inline-flex;
	border-radius: 2px;
	background-color: var(--primary-color);
	color: var(--white);
}

pagination-item-label.on {
	background-color: #ffffff6b;
	color: var(--white);
	font-weight: 700;
}

.pagination .lien_pagination:hover {
	background-color: var(--primary-color-hover);
	text-decoration: none;
}

/* portfolio */
figcaption {
	padding: .8rem 0;
	font-size: 0.85rem;
}

figcaption span {
	display: block;
	line-height: 1.2;
}

.figcaption-titre {
}

.figcaption-desc {
	font-size: 0.75rem;
}

.figcaption-credits {
	font-size: 0.7rem;
	font-style: italic;
}

/* articles - portfolio 
----------------------------------*/
.article-portfolio {
	margin: 1rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid */
.article-portfolio::after {
	content: "";
	flex: auto;
	flex: 0 0 32%;
}

.portfolio {
	width: 32%;
}

.portfolio a {
	text-decoration: none !important;
	color: #666666;
}

.portfolio figcaption {
	padding: 0.5rem;
}

.portfolio img {
	border: 1px solid #c1c1c1;
}

.portfolio:hover img {
	border-color: #3a3a3a;
}

/* rwd */
@media (max-width: 1100px) {
	.portfolio {
		width:100%;
		margin: 0 0 2rem 0;
	}
}

@media (max-width: 768px) {
	.portfolio {
		width:100%;
		margin: 0 0 2rem 0;
	}
}

/* articles - docjoint 
----------------------------------*/
.article-docjoints {
	margin: 2rem 0;
	display: flex;
	flex-wrap: wrap;
}

.article-docjoints--no-margin {
	margin: 0;
}

.article-docjoint {
	text-align: center;
	width: calc(33% - 2rem);
	margin: 0 2rem 2rem 0;
	overflow-wrap: anywhere;
}

@media (max-width: 990px) {
	.article-docjoint {
		width:calc(50% - 2rem);
	}
}

@media (max-width: 768px) {
	.article-docjoint {
		width:100%;
		margin: 0 0 2rem 0;
	}
}

.article-docjoint a {
	text-decoration: none !important;
	color: #666;
}

.docjoint-titre {
	font-weight: 900;
	font-size: 0.8rem;
}

.docjoint-desc {
	font-size: 0.8rem;
}

.docjoint-desc p, .docjoint-desc ul {
	margin-bottom: 0;
}

.docjoint-credits {
	font-size: 0.75rem;
	font-style: italic;
}

/* Plugins
=================================================== */
/* oembed */
.oembed figcaption {
	display: none;
}

.spip_documents .oembed {
	background: transparent;
	padding: 0;
	border: none;
}

/* formulaire contact */
.formulaire_contact .editer_civilite fieldset {
	display: flex;
}

.formulaire_contact .editer_civilite legend {
	font-size: initial;
	font-weight: initial;
	margin-bottom: initial;
}

.formulaire_contact .editer_civilite .choix {
	margin-right: 1rem;
}

.formulaire_contact .editer_civilite legend:after {
	content: initial;
}

/* bootstrap : surcharge */
mark, .mark {
	background-color: inherit;
}

b, strong {
	font-weight: 700;
}

code {
	color: var(--gray-light);
}

.btn-danger {
	border-color: #ff0000;
	background-color: #ff0000;
}

.btn-danger:hover {
	border-color: #8f0101;
	background-color: #8f0101;
}

/* Menu
=================================================== */
/* Pages
=================================================== */
/*  Page auteur 
----------------------------------*/
.logo-auteur {
	border-radius: 100%;
}

/*  Branding 
----------------------------------*/
.article-head {
	position: relative;
}

.branding-logo {
	display: inline-flex;
	padding: .25rem 1rem .05rem .5rem;
	margin-bottom: .75rem;
	position: relative;
	background-color: var(--white);
	border-radius: 2rem 2rem 2rem 2rem;
}

@media (max-width: 992px) {
	.branding-logo {
		max-width:140px;
		margin-top: 1.5rem;
		background-color: inherit;
	}
}

@media (max-width: 992px) {
	.branding-logo:before {
		content: " ";
		width: 220px;
		right: 0;
		top: 0;
		height: 2.6rem;
		position: absolute;
		background-color: var(--white);
		z-index: -1;
		border-radius: 0 1rem 1rem 0;
	}
}

.branding-baseline {
	font-size: .875rem;
	font-weight: 700;
	line-height: 1;
	margin-left: 3.8rem;
}

@media (max-width: 992px) {
	.branding-baseline {
		font-size: 0.725rem;
		margin-left: inherit;
	}
}

.branding-titre {
	font-family: var(--font-outline);
	font-weight: 500;
	font-size: 2.25rem;
	line-height: 1;
	margin-left: 3.8rem;
}

@media (max-width: 992px) {
	.branding-titre {
		font-size: 1.255rem;
		margin-left: inherit;
		margin-bottom: 2rem;
		font-weight: 700;
	}
}

/* article
----------------------------------*/
/* article > head
--------------------*/
.article-head {
	margin-bottom: 3rem;
}

@media (max-width: 768px) {
	.article-head {
		margin-bottom:0.5rem;
	}
}

/* article > ariane - beadcrumb
--------------------*/
.ariane {
	margin-left: 1rem;
}

@media (max-width: 768px) {
	.ariane {
		margin-left:inherit;
		font-size: .725rem;
	}
}

.ariane ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ariane li {
	display: inline-flex;
	margin: 0;
	padding: 0;
	color: var(--black);
	line-height: 1;
}

.ariane a {
	margin: 0 .25rem;
	color: var(--black) !important;
	text-decoration: none !important;
}

.ariane a:hover {
	color: #2e2629;
	text-decoration: underline !important;
}

.ariane span {
	display: inline-flex;
}

/* article > hero
--------------------*/
.article-hero {
}

.article-hero figure {
	margin: 0;
}

.article-hero img {
	border-radius: 1rem 1rem 0 0;
}

@media (max-width: 768px) {
	/* reset bootstrap, image pleine largeur*/ .article-hero-wrapper .row .col-lg-12 {
		padding:0;
	}

	.article-hero img {
		border-radius: 0;
	}
}

.article-hero figcaption {
	margin: 0;
	padding: .5rem !important;
	background-color: var(--white);
	color: var(--gray);
}

/* declinaison si pas image ou trop petite */
.article-no-hero {
	background-color: var(--white);
	text-align: center;
	border-radius: 1rem 1rem 0 0;
	padding: 2rem 0;
}

/* article > body
--------------------*/
@media (max-width: 768px) {
	.article-body-wrapper {
		background-color: var(--white) !important;
	}
}

.article-column {
	background-color: var(--white);
	border-radius: 0 0 1rem 1rem;
}

.article-body {
	padding-top: 1rem;
	padding-bottom: 4rem;
}

.article-body img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 768px) {
	.article-body {
		font-size:.8rem;
	}
}

/* article > headings
--------------------*/
.article-h1 {
	font-size: 3rem;
	font-family: var(--font-outline);
	font-weight: 700;
	line-height: 1;
	position: relative;
	color: var(--black);
}

.article-h1:hover {
	text-decoration: none;
}

.article-h1--small {
	font-size: 2.25rem;
}

@media (max-width: 768px) {
	.article-h1 {
		font-size:1.5rem;
	}

	.article-h1--small {
		font-size: 1.15rem;
	}
}

.article-date {
	clear: both;
	color: #999;
	font-size: .88rem;
	margin-top: 2rem;
}

@media (max-width: 768px) {
	.article-date {
		font-size:.7rem;
	}
}

.article-h2 {
	font-size: 1.5em;
	margin: 2.5rem 0 .5rem 0;
	font-weight: 900;
	display: flex;
}

.article-h2:before {
	content: "•";
	margin-right: .5rem;
	color: var(--primary-color);
}

.article-h2--sanspuce::before {
	content: "";
	margin-right: inherit;
}

@media (max-width: 768px) {
	.article-h2 {
		font-size:1.15rem;
		margin: 1.2rem 0 .5rem 0;
	}
}

.article-h4 {
	font-size: 1.25rem;
	position: relative;
}

.article-descriptif {
	font-weight: 900;
	font-size: 1.4rem;
	margin: 1rem 0;
	text-align: left;
}

.article-chapo {
	font-size: 1.25rem;
	font-weight: 700;
	padding: 1.75rem 0;
	margin-bottom: 1rem;
	border-bottom: 1px dashed #9999;
}

/* variante s'il y au logo, on reparte le trait sous le logo */
.article-chapo--logo {
	padding: 1.5rem 0;
	margin-bottom: 0;
	border-bottom: none;
}

@media (max-width: 768px) {
	.article-chapo {
		font-size: 1rem;
	}
}

.article-titre {
	font-size: 1.9rem;
	font-weight: 900;
	padding: 1rem 0;
	margin-bottom: 1rem;
	border-bottom: 1px solid #888;
}

@media (max-width: 768px) {
	.article-titre {
		font-size:1.4rem;
	}
}

.article-logo {
	text-align: center;
	margin: 0 0 1.5rem 0;
}

.article-soustitre {
	font-size: 1.2rem;
	font-weight: 700;
}

.article-texte {
}

.article-body a {
	text-decoration: underline;
}

.article-notes {
	margin-top: 2rem;
	font-size: 0.78rem;
	color: #171543ba;
	clear: both;
}

.article-notes p {
	margin-bottom: 0.5rem;
}

.article-traduction {
	color: var(--gray-light);
	font-size: .875rem;
	text-align: right;
	margin-bottom: 2rem;
}

.article-traduction a {
	color: var(--gray);
}

.article-traduction .on {
	/*color: var(--primary-color);*/
}

.article-auteurs {
	margin: 1rem 0 2rem 0;
	color: var(--gray);
	font-size: .875rem;
	/*max-width: 60%;*/
	text-align: justify;
}

@media (max-width: 768px) {
	.article-auteurs {
		margin:1rem 0 2rem 0;
		max-width: inherit;
	}
}

.article-auteurs a {
	color: var(--gray);
}

.article-auteurs a:hover {
	color: var(--primary-color);
}

/* article > a2a
--------------------*/
.article-a2a-wrappery {
	margin-bottom: 4rem;
}

.article-a2a-titre {
	font-size: 2.5rem;
	margin-bottom: 2rem;
	position: relative;
}

.article-a2a-titre::after {
	content: " ";
	width: 60px;
	height: 5px;
	position: absolute;
	bottom: -5px;
	left: 0;
	background-color: var(--primary-color);
}

/* article > aside
--------------------*/
.aside-search {
	margin: -3rem 0 5rem -2rem;
	background-color: var(--primary-color);
	padding: 1rem 0.5rem;
}

.aside-search--home {
	max-width: 370px;
	margin: -2.5rem 0 0 -20px;
	/*-3rem 0 0 -20px;*/
}

.aside-search fieldset {
	position: relative;
}

.search-form-article .search {
	font-size: .88rem;
	padding: .2rem;
	border-bottom: 1px solid #ffffff4f !important;
	min-width: inherit;
	width: calc(100% - 35px);
}

.search-form-article .search-submit {
	width: 20px;
	right: .5rem;
	top: 0;
}

/* article > forum / comments
--------------------*/
.comments {
	margin-top: 1rem;
}

.comments h2 {
	display: none;
}

.comments-items {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comments-items span.permalink {
	display: none;
}

.comment {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	border-bottom: 1px dotted var(--secondary-color-super-light);
	padding-top: 1rem;
}

.comment a {
	text-decoration: none;
}

.comment-meta {
	width: 20%;
	margin-right: 1.5rem;
	margin-bottom: 1rem;
	background-color: var(--secondary-color-light);
	padding: 0.5rem;
	border-radius: .5rem;
	line-height: 1.2;
}

.comment-meta abbr {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 1rem 0;
	font-weight: 700;
}

.comment-meta .comment-author {
	margin: 1rem 0;
	text-align: center;
	font-size: 80%;
}

@media (max-width: 768px) {
	.comment-meta {
		font-size: 90%;
	}
}

.comment-content {
	font-size: 0.875rem;
	width: calc(80% - 1.5rem);
}

.comment-titre {
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	display: flex;
	align-items: center;
	margin-bottom: .25rem;
}

.comment-titre a {
	color: var(--black);
}

@media (max-width: 768px) {
	.comment-titre {
		font-size:.875rem;
	}
}

.article-forum-repondre {
	margin: 3rem 0;
	text-align: center;
}

/* on reprend le .alert.alert-warning de bootstrap */
.moderation_info .explication {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	color: #721c24;
	background-color: #f8d7da;
	border-color: #f5c6cb;
}

/* forums
----------------------------------*/
.page-forums {
	background-color: var(--secondary-color-super-light);
}

.forum-h2 {
	font-size: 1.5rem;
	line-height: 1;
}

@media (max-width: 768px) {
	.forum-h2 {
		font-size:1.125rem;
	}
}

.forum-texte-intro {
	color: var(--gray);
	line-height: 1.25;
}

/* forums > content */
.forum-bloc-derniers-messages {
	background-color: var(--white);
	margin: 2rem 0;
	padding: 2rem;
	border-radius: .5rem;
}

@media (max-width: 768px) {
	.forum-bloc-derniers-messages {
		padding:1rem .0rem;
	}
}

/* rubrique
----------------------------------*/
.liste-rubriques {
	margin: 2rem 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

@media (max-width: 992px) {
	.liste-rubriques {
		margin: 1rem 0;
	}
}

.rubrique-title {
	width: 32.5%;
	margin-bottom: 1.5%;
	display: flex;
}

.liste-rubriques--plat .rubrique-title {
	width: 100%;
}

@media (max-width: 992px) {
	.rubrique-title {
		width:100%;
	}
}

/* https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid */
.liste-rubriques::after {
	content: "";
	flex: auto;
	flex: 0 0 32.5%;
}

.rubrique-title a {
	display: flex;
	align-items: center;
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 700;
	color: var(--white);
	padding: 2rem 1rem;
	text-decoration: none;
	background-color: var(--primary-color);
	width: 100%;
}

.liste-rubriques--plat .rubrique-title a {
	padding: 1rem;
}

@media (max-width: 992px) {
	.rubrique-title a {
		padding: .5rem 1rem;
		font-size: 1rem;
	}
}

.rubrique-title a:hover {
	background-color: var(--primary-color-hover);
}

/* rubrique liens */
.rubrique-liens {
	list-style: none;
	margin: 0;
	padding: 0
}

.rubrique-lien {
	margin: .5rem 0;
	padding: 1rem;
	border-top: 1px solid var(--secondary-color-light);
}

.lien-titre {
	font-weight: 700;
	font-size: 1.125rem;
}

.lien-desc p:last-child {
	margin: 0;
}

.lien-a span {
	text-decoration: underline;
	word-break: break-all;
}

/* article-preview
----------------------------------*/
/* container flex avec variante 3 ou 2 items */
.article-previews {
}

.article-preview:first-child {
	border-top: 1px solid var(--gray-light);
}

.article-preview {
	border-bottom: 1px solid var(--gray-light);
}

.article-preview-link {
	text-decoration: none !important;
	line-height: 1.2 !important;
	color: var(--black);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .75rem 0;
	position: relative;
}

.article-preview-img-wrapper {
	width: 200px !important;
	flex-shrink: 0;
}

@media (max-width: 768px) {
	.article-preview-img-wrapper {
		margin: 0 0 .75rem 0;
		width: 100% !important;
		text-align: center;
	}
}

.article-preview-cartouche {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 215px);
}

.article-preview-cartouche--no-illus {
	width: 100%;
}

@media (max-width: 768px) {
	.article-preview-cartouche {
		width: 100%;
	}
}

.article-preview-date {
	order: 2;
}

.article-preview-link:hover .article-preview-date {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.article-preview-titre {
	font-size: 1.125rem;
	line-height: 1.2 !important;
	margin: 0 0 .25rem 0 !important;
	width: calc(100% - 6rem);
}

.article-preview-intro {
	font-size: 0.875rem;
	width: 100%;
	order: 3;
}

/* page recherche
----------------------------------*/
.alert-error {
	background-color: #ffc2c3;
	padding: 1rem;
}

.page-recherche .forum-preview-head {
	display: none;
}

.forum-bloc-recherche a {
	text-decoration: none;
}

.forum-bloc-recherche a:hover {
	text-decoration: underline;
}

/* recherche articles */
.resultats {
	margin-bottom: 1rem;
}

.resultat {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px dashed var(--gray-light);
	padding: .75rem .15rem;
}

@media (max-width: 768px) {
	.resultat {
		padding: .5rem .15rem;
	}
}

.resultat:last-child {
	border-bottom: 1px dashed var(--gray-light);
}

.resultat:hover {
	background-color: var(--secondary-color-super-light);
	text-decoration: none !important;
}

.resultat-titre {
	font-size: 1.25rem;
	margin: 0 0 .15rem 0;
	line-height: 1;
	width: 100%;
}

.resultat-titre:hover {
	text-decoration: underline;
}

.resultat-metas {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	line-height: 1.2;
	color: var(--gray);
}

.resultat-intro {
	width: calc(100% - 10rem);
}

abbr.resultat-date {
	text-align: right;
	padding-left: 1rem;
	font-size: 0.85rem;
	text-decoration: none;
	color: var(--gray);
}

/* rwd */
@media (max-width: 768px) {
	.resultat-metas {
		line-height: 1.4;
	}

	.resultat-intro {
		width: 100%;
	}

	abbr.resultat-date {
		margin-top: .5rem;
		width: 100%;
		font-size: .8rem;
	}
}

/*  Page forum
----------------------------------*/
/* forum-post */
.forum-titre a {
	font-size: 1rem;
	font-weight: 700;
	color: var(--primary-color-dark);
}

.forum-metas {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: .25rem;
	margin-bottom: 1rem;
	border-bottom: 2px solid var(--white);
}

.forum-auteur {
	font-style: italic;
	flex-grow: 1;
}

.forum-date {
	padding-left: 2rem;
	text-align: right;
}

.forum-date abbr {
	text-decoration: none;
	font-weight: 700;
}

.forum-texte {
	color: var(--gray);
}

/* rwd */
@media (max-width: 768px) {
	.forum-titre {
		font-size: 1.125rem;
	}

	.forum-auteur {
		width: 100%;
		padding-right: inherit;
		order: 3;
	}

	.forum-date {
		width: 100%;
	}

	.forum-texte {
		font-size: .92rem;
	}
}

/* forum-liste > forums-preview
----------------------------------*/
.forum-previews {
	border-collapse: collapse;
	width: 100%;
}

.page-homepage .forum-previews thead {
	display: none;
}

.forum-previews th, .forum-previews td {
	padding: .25rem;
}

@media (max-width: 768px) {
	.forum-previews th {
		display:none;
	}

	.forum-previews th:first-child {
		display: block;
	}

	.forum-previews tr {
		display: flex;
		flex-wrap: wrap;
		line-height: 1;
		justify-content: space-between;
	}
}

.forum-previews th:first-child {
	font-size: 130%;
}

.forum-previews td.forum-preview-titre {
	padding: 0;
}

.forum-preview-thread {
	border-top: 1px dashed var(--gray-light);
	border-bottom: 1px dashed var(--gray-light);
}

/* dimensions : important pour qq les tableaux aient un largeur commune */
.forum-preview-titre {
	width: 60%;
}

.forum-preview-auteur {
	width: 20%;
}

.forum-preview-date {
	width: calc(20% - 24px);
}

.forum-preview-more {
}

/* */
.forum-preview-titre a {
	display: block;
	font-weight: 700;
	padding: .5rem 1rem .5rem .25rem !important;
}

/*
.forum-preview-titre a:hover {
	text-decoration: none;
}*/
.forum-previews tr:hover {
	background-color: var(--secondary-color-super-light);
}

.forum-preview-auteur {
	font-style: italic;
	padding-right: 1rem !important;
	color: var(--gray);
}

.forum-preview-date {
	min-width: 8rem;
	font-size: 0.85rem;
}

.forum-preview-date abbr {
	text-decoration: none;
	color: var(--gray);
	padding-right: 1rem;
}

@media (max-width: 768px) {
	tbody .forum-preview-titre {
		margin-top:.5rem;
		padding: 0 0 0 .5rem !important;
		width: 100%;
		border-left: 10px solid var(--primary-color);
	}

	.forum-preview-auteur, .forum-preview-date {
		width: calc(50% - 1rem);
		padding: 0 !important;
		margin-bottom: .5rem;
	}

	.forum-preview-auteur {
		margin-left: 1.5rem;
	}

	.forum-preview-date {
		text-align: right;
		padding: 0 !important;
	}

	.forum-preview-date abbr {
		padding: 0 ;
	}
}

.forum-a-more {
	display: inline-block;
	/* pour le transform en hover */
}

.forum-a-more:hover {
	transform: translateX(5px);
}

@media (max-width: 768px) {
	.forum-a-more {
		display:none;
	}
}

/* forum-liste > forum-discussion
----------------------------------*/
.forum-discussion {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1.5rem;
}

.forum-discussion td {
	padding: .25rem 0;
}

.forum-discussion-head th {
	background-color: var(--primary-color);
	color: var(--white);
	padding: 1rem 0;
}

.forum-discussion-head th:first-child {
	border-radius: .5rem 0 0 0;
	padding-left: 2rem;
}

.forum-discussion-head th:last-child {
	border-radius: 0 .5rem 0 0;
	padding-right: 2rem;
}

.forum-discussion tbody {
	background-color: var(--white);
}

.forum-discussion tbody tr {
	border-bottom: 1px dashed var(--gray-light);
	position: relative;
}

.forum-discussion tbody tr:last-child {
	border-bottom: .5rem solid var(--white);
}

/* hack pour masquer les traits dans un tableau pour avoir un effet pseudo margin */
.forum-discussion tbody tr td:first-child:before, .forum-discussion tbody tr td:last-child:after {
	content: " ";
	position: absolute;
	border: 1px solid var(--white);
	width: 2rem;
	bottom: -2px;
	left: 0;
}

.forum-discussion tbody tr td:last-child:after {
	left: inherit;
	right: 0;
}

.forum-discussion tr:hover {
	background-color: var(--secondary-color-super-light);
}

.forum-discussion tbody tr:hover td:first-child:before, .forum-discussion tbody tr:hover td:last-child:after {
	border-color: var(--secondary-color-super-light);
}

@media (max-width: 768px) {
	.forum-discussion-head, .forum-discussion-thread {
		display: flex;
		flex-wrap: wrap;
		line-height: 1;
		justify-content: space-between;
		width: 100%;
	}

	.forum-discussion-head thead {
		padding: 1rem;
	}
}

/* dimensions : important pour qq les tableaux aient un largeur commune */
td.forum-discussion-titre {
	width: 60%;
	padding-left: 2rem;
}

td.forum-discussion-auteur {
	width: 20%;
}

td.forum-discussion-date {
	padding-right: .5rem;
}

.forum-discussion-auteur {
	font-style: italic;
	padding-right: 1rem !important;
	color: var(--gray);
	font-size: 0.85rem;
}

.forum-discussion-date {
	min-width: 8rem;
	font-size: 0.85rem;
}

.forum-discussion-date abbr {
	text-decoration: none;
	color: var(--gray);
	padding-right: 1rem;
}

th.forum-discussion-date abbr {
	color: var(--white);
}

.forum-discussion-date--recente abbr {
	color: var(--red);
	font-weight: 700;
}

.forum-discussion a {
	font-weight: 700;
}

.forum-discussion-reponse-a {
	display: inline-flex;
	align-items: center;
}

.forum-discussion-reponse-a img {
	margin-right: .45rem;
}

th .forum-discussion-reponse-a {
	color: var(--white);
}

@media (max-width: 768px) {
	th.forum-discussion-titre {
		width: 100%;
		padding: 1rem 1rem 0 1rem !important;
		border-radius: .25rem .25rem 0 0 !important;
	}

	td.forum-discussion-titre {
		padding: 0 0 0 .5rem !important;
		width: 100%;
	}

	.forum-discussion-auteur {
		width: 60%;
		padding-left: 2rem !important;
	}

	th.forum-discussion-auteur {
		padding: .5rem .5rem .25rem 1rem !important;
	}

	.forum-discussion-date {
		width: 40%;
		text-align: right;
		padding-right: .5rem !important;
	}

	th.forum-discussion-date {
		padding: .5rem .5rem .25rem 1rem;
		border-radius: inherit !important;
	}

	.forum-discussion abbr {
		padding: 0 ;
	}
}

/*  Page sommaire > home-reassurance
----------------------------------*/
.home-reassurance {
	margin: -1rem 0 0 0;
	font-family: var(--font-outline);
	font-weight: 500;
	font-size: 1.625rem;
}

@media (max-width: 768px) {
	.home-reassurance {
		font-size: 1.125rem;
	}
}

.home-reassurance a {
	text-decoration: underline;
	color: var(--black);
}

.home-reassurance-link {
	margin: 2rem 0;
	text-align: center;
}

/*  Page sommaire > home-une 
----------------------------------*/
.home-une {
	margin-top: 2rem;
}

a.home-une-link, a.home-une-link:hover {
	color: var(--black);
}

.home-une-link:hover {
	text-decoration: none !important;
	opacity: .75;
}

.home-une-desc {
	margin-top: 1rem;
}

a.home-une-link:hover .home-une-desc {
	opacity: .8;
}

.home-une-desc a, .home-une-desc a:hover {
	color: var(--black);
}

.home-une-desc p {
	margin-bottom: 0;
}

.home-une-hero img {
	margin-top: .75rem;
	border-radius: 1rem 1rem 0 0;
}

@media (max-width: 768px) {
	.home-une .row {
		display:flex;
	}

	.home-une .row .col-img {
		order: 1;
	}

	.home-une .row .col-txt {
		order: 2;
	}
}

/*  Page sommaire > home-recents
----------------------------------*/
.home-recents-wrapper {
	margin-top: 3rem;
}

.home-recent-item {
	margin-bottom: 1rem;
}

.home-recent-link {
	color: var(--black);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.home-recent-desc {
	width: calc(100% - 760px);
	align-self: flex-end;
	text-align: right;
	padding-right: 1rem;
	padding-left: 2rem;
	font-size: 0.875rem;
}

.home-recent-desc p:last-child {
	margin-bottom: 0;
}

@media (max-width: 992px) {
	.home-recent-desc {
		width: 100%;
		order: 2;
		background: var(--white);
		font-size: 0.775rem;
		text-align: left;
		padding: .25rem 0 0 1rem;
		; }
}

.home-recent-link:hover {
	color: var(--black);
	text-decoration: none;
}

.home-recent-hero {
	width: 760px;
}

.home-recent-hero img {
	border-radius: 1rem 1rem 0 0;
}

.home-recent-hero--no-hero {
	background-color: var(--white);
	padding: 2rem 1rem 1rem 1rem;
	border-radius: 1rem 1rem 0 0;
	text-align: center;
}

.home-recent-titre {
	background-color: var(--white);
	padding: 1rem;
	border-radius: 0 0 1rem 1rem;
	width: 760px;
}

.home-recent-link:hover .home-recent-titre {
	color: var(--primary-color);
}

.home-recent-titre--no-logo {
	border-radius: 1rem;
}

@media (max-width: 992px) {
	.home-recent-titre {
		order:3;
	}
}

/*  Page sommaire > home-aussi
----------------------------------*/
.home-aussi-wrapper {
	margin-top: 2rem;
}

.home-aussi-item {
	margin: .5rem 0;
	margin-left: 65px;
}

@media (max-width: 992px) {
	.home-aussi-item {
		margin-left:0;
	}
}

.home-aussi-item .bouton-puce {
	margin-left: 0;
}