/* C29 STAIN V4 — VERSION STABLE — 2026-08-09
   Feuille consolidée : bandeaux, Featured/Intro-Cat, grille d’articles,
   vignettes, menu des rubriques et pied de page. */
/*cette feuille de style fonctionne si l'on supprime style.min.css du répertoire*/
/*dernière modification 11.04.2021*/


@import url("https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap");

.evo_container__header {
  margin-bottom: 20px;
  background: transparent;
}

/* C29 V4 — présentation du véritable widget « Signature ».
   Saisir c29-blog-tagline dans « Widget CSS Class », puis ajouter au besoin
   une ou plusieurs classes modificatrices proposées ci-dessous. */
.c29-blog-tagline {
  display: block;
  margin: 14px 0 0;
  color: #222 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1.42 !important;
  text-align: left;
}

.c29-blog-tagline,
.c29-blog-tagline * {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.c29-blog-tagline p {
  margin: 0;
}

.c29-blog-tagline--center { text-align: center !important; }
.c29-blog-tagline--right  { text-align: right !important; }
.c29-blog-tagline--small  { font-size: 15px !important; }
.c29-blog-tagline--large  { font-size: 22px !important; }
.c29-blog-tagline--compact { margin-top: 4px !important; }
.c29-blog-tagline--spaced  { margin-top: 24px !important; }
.c29-blog-tagline--muted   { color: #666 !important; }
.c29-blog-tagline--red     { color: #C92F45 !important; }
.c29-blog-tagline--hidden  { display: none !important; }

@media (max-width: 767px) {
  .c29-blog-tagline {
    font-size: 16px !important;
  }

  .c29-blog-tagline--small { font-size: 14px !important; }
  .c29-blog-tagline--large { font-size: 19px !important; }
}
.evo_container__page_top {
  margin-top: 20px;
}
.evo_container__page_top .ufld_icon_links {
  text-align: right;
}
.nav.nav-tabs {
  margin-top: 0;
}
ul.profile_tabs {
  margin: 0 2ex 2ex;
  position: relative;
  top: 1px;
}
.profile_avatar {
  float: right;
  padding: 10px;
  margin-left: 10px;
}
.form-horizontal .controls textarea.form-control {
  width: 100%;
}
input.search_field {
  margin-bottom: 0;
  display: inline-block;
}
form.search .search_options {
  width: 100%;
}
form.search .search_options .search_option input {
  margin-right: 5px;
}
form.search .search_options .search_option label {
  margin-bottom: 0;
  margin-top: 5px;
}
div.compact_search_form input.search_field {
  width: 100%;
  margin: 0;
}
div.extended_search_form {
  text-align: center;
  margin: 0 auto 2em auto;
  max-width: 530px;
}
div.extended_search_form .search_options {
  text-align: center;
}
div.extended_search_form .search_options .search_option {
  display: inline-block;
  margin-right: 10px;
}
textarea.message_text {
  width: 95%;
}
.evo_comment_title a,
.pull-right .evo_comment_type {
  color: #337ab7;
}
.evo_post {
  margin-bottom: 2em;
}
.evo_post .small.text-muted {
  margin: 4px 0 10px;
}
.evo_post .small.text-muted a,
.evo_post .small.text-muted a .glyphicon {
  color: inherit;
}
.evo_hasbgimg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
div.bSideItem {
  background: #F7F5FA;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  text-shadow: 0 1px 0 #FFFFFF;
}
div.bSideItem h4 {
  margin-top: 0;
}
.skin-form .panel-body .panel {
  border: none;
  box-shadow: none;
}
.skin-form .panel-body .panel-body {
  padding: 0;
}
.skin-form .fieldset {
  margin: 0;
}
.skin-form .fieldset div.input {
  margin: 0;
}
.skin-form .control-buttons,
.skin-form div.input {
  padding: 0;
  width: 100%;
  text-align: center;
}
.evo_panel__login,
.evo_panel__lostpass,
.evo_panel__register,
.evo_panel__activation {
  min-width: 290px;
  margin: 1.5em auto auto;
}
.evo_panel__login .panel,
.evo_panel__lostpass .panel,
.evo_panel__register .panel,
.evo_panel__activation .panel {
  margin: 5px 0;
}
.evo_panel__login .panel-body,
.evo_panel__lostpass .panel-body,
.evo_panel__register .panel-body,
.evo_panel__activation .panel-body {
  padding-top: 20px;
  padding-bottom: 0;
}
.evo_panel__login {
  max-width: 400px;
  min-width: auto;
}
.evo_panel__lostpass {
  max-width: 480px;
}
.evo_panel__lostpass #ffield_x label {
  display: none;
}
.evo_panel__activation {
  max-width: 530px;
}
.evo_panel__activation #activateinfo_form .control-buttons {
  text-align: left;
}
.evo_panel__register {
  max-width: 580px;
}
.evo_panel__register .form-control#country,
.evo_panel__register .form-control#u {
  width: 100%;
}
.evo_panel__register #fieldset_wrapper_captcha_qstn .panel {
  margin: 0;
}
.evo_panel__register #fieldset_wrapper_captcha_qstn .panel div[id$=_answer] .control-label {
  padding-right: 14px;
}
.evo_panel__register .panel-body {
  padding: 15px;
}
.evo_panel__register .panel-body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #fieldset_wrapper_captcha_qstn .panel div[id$=_answer] {
    max-height: 34px;
  }
}
.evo_register_buttons {
  text-align: center;
}
.evo_register_buttons input.btn {
  margin: 0 0 15px 0;
}
.evo_register_buttons a.btn {
  margin: 0;
}
.evo_form__login_links {
  padding: 0 5px;
  font-size: 92%;
}
.evo_form__login fieldset {
  margin-bottom: 20px;
}
.evo_form__login .controls {
  padding: 0;
  margin: 0;
  width: 100%;
}
.evo_form__login .control-buttons {
  margin-left: 0;
}
.evo_form__login input.form-control[type=text],
.evo_form__login input.form-control[type=password] {
  width: 100%;
}
.evo_form__login .btn {
  margin-top: 5px;
}
#login_form .control-buttons {
  text-align: left;
}
.standard_login_link {
  text-align: center;
  margin: 3em 0 1ex 0;
}
.form_footer_notes {
  margin-top: 0;
}
.pagination {
  margin: 0;
}
div.action_messages,
div.log_container {
  margin: 0;
}
.evo_post_title {
  display: table;
}
.evo_post_title h1 {
  margin-bottom: 0;
}
.evo_post_title h2 {
  display: table-cell;
  margin: 0;
  padding: 20px 0 0;
}
.evo_post_title h2 + .btn {
  margin: -10px 0 0 30px;
}
.evo_post_title .btn-group {
  display: table-cell;
  padding: 20px 0 10px 30px;
  vertical-align: middle;
}
.evo_post_title .evo_post_read_status {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 2px 0 0;
}
footer.row {
  margin-top: 20px;
}
.avatar_main_frame {
  background-color: transparent;
}
.evo_content_block .evo_comment .evo_comment_footer .action_btn_group {
  float: right;
}
.evo_content_block .evo_comment .comment_edit_btn {
  margin-right: 5px;
}
.evo_content_block .evo_comment .btn-group > .btn.first-child {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
/*modifications coye29 
 insérer une espace entre le texte et l'image dans les post*/

img.alignleft, img[align="left"] {
float : left;
margin-top : 2px;
margin-right : 10px;
margin-bottom : 5px;
margin-left : 0;
}

img.alignright, img[align="right"] {
float : right;
margin : 2px 0 5px 10px;
}

/*dans bootstrap block skin, effet scale sur image - nécessite gabarit item_item_2 modifié avec balise <scale>*/
.evo_tile__scale:hover .scale {
	transform-origin: bottom;
	transform: scale(1.3)
}		

.evo_tile__scale .scale {
	    transform-origin: bottom;
	    transition: transform 0.5s ease-in-out;	
}

.evo_tile__scale .scale::after {
	transform-origin: bottom;
	transform: scale(1.3) 
}
.evo_tile__titrebleu:hover h3{
	color: rgba(51, 122, 183, 0.8); 	
}

/*Grande majuscule bleue*/
.dropcap {
  float: left;
  display: block;
  font-size: 50px;
  line-height: 56px;
  background-color: #4db2ec;
  color: #fff;
  text-align: center;
  margin: 9px 13px 0 0;
  padding: 2px 10px 4px;
  font-family: Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  min-width: 62px;
  min-height: 62px;
}
.dropcap1 {
  border-radius: 70px;
  font-size: 40px;
  padding: 2px 14px 4px;
}
.dropcap2 {
  background-color: transparent !important;
  color: #4B4B4B;
  font-size: 79px;
  line-height: 69px;
  margin: 0 9px 0 0;
  padding: 0 13px 0 0;
}
.dropcap3 {
  background-color: transparent !important;
  color: #4B4B4B;
  font-weight: bold;
  font-size: 79px;
  line-height: 69px;
  margin: 0 9px 0 0;
  padding: 0 13px 0 0;
}
/*  ----------------------------------------------------------------------------
    text columns
*/
.td_text_columns_two_cols {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  -webkit-column-rule-style: solid;
  -moz-column-rule-style: solid;
  column-rule-style: solid;
  -webkit-column-rule-width: 1px;
  -moz-column-rule-width: 1px;
  column-rule-width: 1px;
  -webkit-column-rule-color: #e9e9e9;
  -moz-column-rule-color: #e9e9e9;
  column-rule-color: #e9e9e9;
  margin-bottom: 26px;
}

/* Coye29 : le widget du logo ne doit pas afficher de puce de liste. */
header .evo_container .evo_widget > ul,
header .evo_container .evo_widget > ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
header .evo_container .evo_widget > ul > li,
header .evo_container .evo_widget > ol > li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*  C29 V4 — ACCUEIL : grille des articles et vignettes  */
#c29-stain-grid {
	--c29-stain-red: #C92F45;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 36px 30px;
	width: 100%;
	margin: 0 0 42px;
	padding: 0;
}

#c29-stain-grid .c29-stain-cell {
	display: flex;
	float: none !important;
	width: auto !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}

#c29-stain-grid .c29-stain-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #dedede;
	border-radius: 0;
	box-shadow: none;
}

#c29-stain-grid .c29-stain-media {
	flex: 0 0 auto;
	overflow: hidden;
	position: relative !important;
	isolation: isolate;
	width: 100%;
	height: auto;
	aspect-ratio: 12 / 7;
	background: #cfd4d8;
}

#c29-stain-grid .c29-stain-feature-image,
#c29-stain-grid .c29-stain-feature-image .evo_image_block {
	width: 100%;
	height: 100%;
	margin: 0;
}

#c29-stain-grid .c29-stain-image,
#c29-stain-grid .c29-stain-feature-image img {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position:
		var(--c29-vignette-crop-x, 50%)
		var(--c29-vignette-crop-y, 50%);
	transform: scale(var(--c29-vignette-crop-scale, 1));
	transform-origin:
		var(--c29-vignette-crop-x, 50%)
		var(--c29-vignette-crop-y, 50%);
	transition: filter .42s ease;
	image-rendering: auto;
}

#c29-stain-grid .c29-stain-media--empty {
	background: linear-gradient(135deg, #d9dde0, #aeb6bc);
}

#c29-stain-grid .c29-stain-shade {
	position: absolute;
	z-index: 1;
	right: 0;
	bottom: 0;
	left: 0;
	height: 48%;
	background: linear-gradient(to bottom, rgba(13,18,22,0), rgba(13,18,22,.84));
	transition: height .38s ease, opacity .38s ease;
	pointer-events: none;
}

#c29-stain-grid .c29-stain-info {
	position: absolute;
	z-index: 3;
	right: 14px;
	bottom: 17px;
	left: 14px;
	color: #fff;
	pointer-events: none;
}

#c29-stain-grid .c29-stain-category {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 7px;
	transform: translateY(30px);
	transition: transform .4s ease .02s;
}

#c29-stain-grid .c29-stain-category::before {
	content: "";
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	background: var(--c29-item-accent, #FCBE45);
}

#c29-stain-grid .c29-stain-category a {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff !important;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .055em;
	text-decoration: none;
	text-shadow: 0 1px 3px rgba(0,0,0,.7);
	text-transform: uppercase;
	pointer-events: auto;
	transition: text-decoration-color .22s ease;
}

#c29-stain-grid .c29-stain-category a:hover,
#c29-stain-grid .c29-stain-category a:focus {
	color: #fff !important;
	text-decoration: underline;
	text-decoration-color: var(--c29-stain-red);
	text-underline-offset: 3px;
}

#c29-stain-grid .c29-stain-title {
	display: block;
	overflow: visible;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: clamp(19px, 2.2vw, 23px);
	font-weight: 700;
	line-height: 1.2;
	text-align: left;
	text-shadow: 0 2px 5px rgba(0,0,0,.7);
	text-wrap: balance;
	transform: translateY(30px);
	transition: transform .48s ease .02s;
}

#c29-stain-grid .c29-stain-title--medium {
	font-size: clamp(18px, 1.9vw, 21px);
}

#c29-stain-grid .c29-stain-title--long {
	font-size: clamp(16px, 1.65vw, 19px);
	line-height: 1.16;
}

#c29-stain-grid .c29-stain-title a {
	position: relative;
	z-index: 5;
	color: inherit !important;
	text-decoration: none;
	white-space: normal !important;
	overflow-wrap: anywhere;
	word-break: normal;
	pointer-events: auto;
}

#c29-stain-grid .c29-stain-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	min-height: 30px;
	margin-top: 12px;
	color: #fff;
	font-size: 12px;
	line-height: 1.35;
	opacity: 0;
	transform: translateY(34px);
	transition: transform .6s ease .07s, opacity .32s ease .07s;
}

/* C29-STAIN-COMMENTS-TOP-RIGHT-20260805
   Toujours visibles sur la photo, indépendamment des métadonnées au survol. */
#c29-stain-grid .c29-stain-comments {
	display: inline-flex !important;
	align-items: center;
	position: absolute !important;
	z-index: 20 !important;
	top: 12px !important;
	right: 13px !important;
	bottom: auto !important;
	left: auto !important;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	text-shadow: 0 1px 3px rgba(0,0,0,.75);
	white-space: nowrap;
	pointer-events: auto;
}

#c29-stain-grid .c29-stain-meta-separator {
	margin: 0 7px;
	opacity: .72;
}

#c29-stain-grid .c29-stain-avatar {
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	margin-right: 7px;
}

#c29-stain-grid .c29-stain-avatar-link,
#c29-stain-grid .c29-stain-avatar-link img,
#c29-stain-grid .c29-stain-avatar-image {
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

#c29-stain-grid .c29-stain-avatar-link img,
#c29-stain-grid .c29-stain-avatar-image {
	border: 1px solid rgba(255,255,255,.9);
	object-fit: cover;
}

#c29-stain-grid .c29-stain-author {
	flex: 0 0 auto;
	margin-right: 8px;
	white-space: nowrap;
}

#c29-stain-grid .c29-stain-author-link {
	position: relative;
	z-index: 5;
	color: #fff !important;
	font-weight: 600;
	pointer-events: auto;
}

#c29-stain-grid .c29-stain-date {
	position: absolute;
	z-index: 6;
	right: 14px;
	bottom: 12px;
	color: rgba(255,255,255,.92);
	font-size: 12px;
	line-height: 1.2;
	opacity: 0;
	text-shadow: 0 1px 3px rgba(0,0,0,.75);
	transform: translateY(9px);
	transition: transform .48s ease .12s, opacity .32s ease .12s;
	pointer-events: none;
}

#c29-stain-grid .c29-stain-comments-link {
	color: #fff !important;
	text-decoration: none;
}

#c29-stain-grid .c29-stain-comments-link:hover,
#c29-stain-grid .c29-stain-comments-link:focus {
	text-decoration: underline;
}

#c29-stain-grid .c29-stain-comments-icon {
	display: inline-block;
	position: relative;
	width: 22px;
	height: 15px;
	margin-right: 5px;
}

#c29-stain-grid .c29-stain-comments-icon i {
	position: absolute;
	width: 12px;
	height: 9px;
	border: 1.5px solid #fff;
	border-radius: 4px;
}

#c29-stain-grid .c29-stain-comments-icon i::after {
	content: "";
	position: absolute;
	bottom: -4px;
	left: 3px;
	width: 0;
	height: 0;
	border-top: 4px solid #fff;
	border-right: 3px solid transparent;
}

#c29-stain-grid .c29-stain-comments-icon i:first-child {
	top: 1px;
	left: 0;
}

#c29-stain-grid .c29-stain-comments-icon i:last-child {
	right: 0;
	bottom: 0;
}

#c29-stain-grid .c29-stain-divider {
	position: absolute;
	z-index: 3;
	bottom: 9px;
	left: 14px;
	width: 0;
	height: 2px;
	background: var(--c29-item-accent, var(--c29-stain-red));
	transition: width .9s ease .08s;
	pointer-events: none;
}

#c29-stain-grid .c29-stain-cover-link {
	position: absolute;
	z-index: 2;
	inset: 0;
}

#c29-stain-grid .c29-stain-body {
	flex: 1 1 auto;
	overflow: hidden;
	position: relative;
	min-height: 116px;
	padding: 15px 16px;
}

#c29-stain-grid .c29-stain-excerpt {
	display: -webkit-box;
	overflow: hidden;
	color: #5d6266;
	font-size: 14px;
	line-height: 1.48;
	padding-right: 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

#c29-stain-grid .c29-stain-body::after {
	content: "";
	position: absolute;
	z-index: 1;
	right: 16px;
	bottom: 15px;
	left: 16px;
	height: 32px;
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.88));
	pointer-events: none;
}

#c29-stain-grid .c29-stain-excerpt p { margin: 0; }
#c29-stain-grid .c29-stain-excerpt > :first-child { margin-top: 0; }
#c29-stain-grid .c29-stain-excerpt > :last-child { margin-bottom: 0; }

#c29-stain-grid .c29-stain-more {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 2;
	right: 15px;
	bottom: 13px;
	width: 27px;
	height: 27px;
	border: 1px solid var(--c29-stain-red);
	border-radius: 50%;
	background: #fff;
	color: var(--c29-stain-red) !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
	text-decoration: none;
	transition: color .22s ease, background-color .22s ease;
}

#c29-stain-grid .c29-stain-more:hover,
#c29-stain-grid .c29-stain-more:focus {
	background: var(--c29-stain-red);
	color: #fff !important;
	text-decoration: none;
}

#c29-stain-grid .c29-stain-card:hover,
#c29-stain-grid .c29-stain-card:focus-within {
	box-shadow: none;
}

#c29-stain-grid .c29-stain-card:hover .c29-stain-image,
#c29-stain-grid .c29-stain-card:hover .c29-stain-feature-image img,
#c29-stain-grid .c29-stain-card:focus-within .c29-stain-image,
#c29-stain-grid .c29-stain-card:focus-within .c29-stain-feature-image img {
	filter: brightness(.75);
}

#c29-stain-grid .c29-stain-card:hover .c29-stain-shade,
#c29-stain-grid .c29-stain-card:focus-within .c29-stain-shade {
	height: 100%;
}

#c29-stain-grid .c29-stain-card:hover .c29-stain-category,
#c29-stain-grid .c29-stain-card:focus-within .c29-stain-category {
	transform: translateY(-16px);
}

#c29-stain-grid .c29-stain-card:hover .c29-stain-title,
#c29-stain-grid .c29-stain-card:focus-within .c29-stain-title {
	transform: translateY(-16px);
}

#c29-stain-grid .c29-stain-card:hover .c29-stain-meta,
#c29-stain-grid .c29-stain-card:focus-within .c29-stain-meta {
	opacity: 1;
	transform: translateY(-16px);
}

#c29-stain-grid .c29-stain-card:hover .c29-stain-date,
#c29-stain-grid .c29-stain-card:focus-within .c29-stain-date {
	opacity: 1;
	transform: translateY(0);
}

#c29-stain-grid .c29-stain-card:hover .c29-stain-divider,
#c29-stain-grid .c29-stain-card:focus-within .c29-stain-divider {
	width: 72px;
}

@media (max-width: 991px) {
	#c29-stain-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	#c29-stain-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	#c29-stain-grid .c29-stain-media {
		height: 235px;
		aspect-ratio: auto;
	}

	#c29-stain-grid .c29-stain-title {
		font-size: clamp(20px, 5.7vw, 24px);
	}

	#c29-stain-grid .c29-stain-title--medium {
		font-size: clamp(18px, 5vw, 22px);
	}

	#c29-stain-grid .c29-stain-title--long {
		font-size: clamp(16px, 4.4vw, 19px);
	}
}

@media (hover: none), (pointer: coarse) {
	#c29-stain-grid .c29-stain-category,
	#c29-stain-grid .c29-stain-title { transform: translateY(-16px); }
	#c29-stain-grid .c29-stain-meta {
		opacity: 1;
		transform: translateY(-16px);
	}
	#c29-stain-grid .c29-stain-date {
		opacity: 1;
		transform: translateY(0);
	}
	#c29-stain-grid .c29-stain-divider { width: 72px; }
	#c29-stain-grid .c29-stain-shade { height: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	#c29-stain-grid *,
	#c29-stain-grid *::before,
	#c29-stain-grid *::after {
		animation-duration: .01ms !important;
		transition-duration: .01ms !important;
	}
	#c29-stain-grid .c29-stain-meta {
		opacity: 1;
		transform: translateY(-16px);
	}
	#c29-stain-grid .c29-stain-date {
		opacity: 1;
		transform: translateY(0);
	}
	#c29-stain-grid .c29-stain-category,
	#c29-stain-grid .c29-stain-title { transform: translateY(-16px); }
	#c29-stain-grid .c29-stain-shade { height: 100%; }
}

/* Blog home only: the old sidebars are preserved, but moved below the full
   width article grid so they no longer make the cards narrow. */
.c29-posts-main-column {
	float: none;
	width: 100%;
}

.c29-posts-bottom-column {
	margin-top: 12px;
	padding-top: 28px;
	border-top: 2px solid #C92F45;
}

.c29-posts-bottom-column .panel {
	margin-bottom: 18px;
	border: 1px solid #e3e3e3;
	border-radius: 0;
	box-shadow: none;
}

.c29-posts-bottom-column .panel-heading {
	border-bottom: 1px solid #e3e3e3;
	background: #f7f7f7;
}

.c29-posts-bottom-column .panel-title {
	color: #252525;
	font-size: 16px;
	font-weight: 700;
}

.c29-posts-bottom-column--primary > .evo_container,
.c29-posts-bottom-column--primary .evo_container__sidebar {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: 18px;
}

.c29-posts-bottom-column--primary > .evo_container > .evo_widget,
.c29-posts-bottom-column--primary .evo_container__sidebar > .evo_widget {
	min-width: 0;
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.c29-posts-bottom-column--primary > .evo_container,
	.c29-posts-bottom-column--primary .evo_container__sidebar {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.c29-posts-bottom-column {
		padding-top: 22px;
	}

	.c29-posts-bottom-column--primary > .evo_container,
	.c29-posts-bottom-column--primary .evo_container__sidebar {
		grid-template-columns: 1fr;
	}
}

/* Bouton de retour en haut : apparition douce + petit "pop". */
#button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: fixed !important;
	right: 20px !important;
	bottom: 30px !important;
	width: 46px !important;
	height: 46px !important;
	line-height: 1 !important;
	text-align: center !important;
	background: #c92f45 !important;
	color: #fff !important;
	border: 1px solid #b7263b !important;
	border-radius: 50% !important;
	box-shadow: 0 7px 22px rgba(28, 29, 30, .22) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translateY(12px) scale(.82);
	transition: opacity .22s ease, visibility .22s ease, transform .32s cubic-bezier(.2, .75, .25, 1), background-color .2s ease !important;
	z-index: 999999 !important;
	text-decoration: none !important;
	font-size: 25px !important;
}

#button.show {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translateY(0) scale(1);
	animation: c29-back-to-top-pop .38s cubic-bezier(.2, .8, .25, 1);
}

#button:hover {
	background: #aa2237 !important;
	transform: translateY(-2px) scale(1.04);
}

#button:focus-visible {
	outline: 3px solid rgba(201, 47, 69, .28) !important;
	outline-offset: 3px !important;
}

@keyframes c29-back-to-top-pop {
	0% { transform: translateY(12px) scale(.82); }
	68% { transform: translateY(-2px) scale(1.08); }
	100% { transform: translateY(0) scale(1); }
}

@media (max-width: 767px) {
	#button {
		right: 14px !important;
		bottom: 18px !important;
		width: 43px !important;
		height: 43px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	#button,
	#button.show {
		animation: none !important;
		transition: none !important;
	}
}

/* Coye29 : formulaire de commentaire allégé.
 * Le formulaire public est généré par le widget b2evolution "comment_area".
 * On conserve les options, la notation et les boutons Prévisualiser/Envoyer. */
.evo_form__comment .comment_toolbars,
.evo_form__comment .comment_text_renderers,
.evo_form__comment #commentform_renderers,
.evo_form__comment .attachments_fieldset,
.evo_form__comment .evo_attachments_fieldset,
.evo_form__comment .fileuploader,
.evo_form__comment .qq-uploader,
.evo_form__comment fieldset[id*="attachment"],
.evo_form__comment fieldset:has(input[type="file"]) {
	display: none !important;
}

/* Le formulaire public est injecté en AJAX par b2evolution. Pour un visiteur
 * anonyme, TinyMCE peut masquer le textarea natif avant que son interface ne
 * soit utilisable. Le script du single désactive alors TinyMCE et cette règle
 * garantit que le champ de saisie natif reste toujours visible. */
.c29-single-feedback--anonymous .evo_form__comment textarea.form_textarea_input {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 100% !important;
	min-height: 220px !important;
	box-sizing: border-box;
	resize: vertical;
	background: #fff;
	color: #222;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
}

/* Notifications sous le formulaire : liens volontairement légers et compacts. */
.c29-single-feedback .evo_container__comment_area {
	text-align: left;
}

.c29-single-feedback .widget_core_item_comment_form {
	text-align: left;
}

.c29-single-feedback .widget_core_item_comment_notification,
.c29-single-feedback .widget_core_coll_item_notification,
.c29-single-feedback .widget_core_coll_comment_notification {
	display: inline-block;
	margin: 7px 5px 0;
	vertical-align: middle;
}

.c29-single-feedback .widget_core_item_comment_notification nav,
.c29-single-feedback .widget_core_coll_item_notification nav,
.c29-single-feedback .widget_core_coll_comment_notification nav,
.c29-single-feedback .widget_core_item_comment_notification p,
.c29-single-feedback .widget_core_coll_item_notification p,
.c29-single-feedback .widget_core_coll_comment_notification p {
	display: inline;
	margin: 0;
}

.c29-single-feedback .widget_core_item_comment_notification .btn,
.c29-single-feedback .widget_core_coll_item_notification .btn,
.c29-single-feedback .widget_core_coll_comment_notification .btn {
	padding: 3px 5px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	color: #777;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	white-space: nowrap;
}

.c29-single-feedback .widget_core_item_comment_notification .btn:hover,
.c29-single-feedback .widget_core_item_comment_notification .btn:focus,
.c29-single-feedback .widget_core_coll_item_notification .btn:hover,
.c29-single-feedback .widget_core_coll_item_notification .btn:focus,
.c29-single-feedback .widget_core_coll_comment_notification .btn:hover,
.c29-single-feedback .widget_core_coll_comment_notification .btn:focus {
	color: var(--c29-single-accent, #C92F45);
	background: transparent;
	text-decoration: underline;
	box-shadow: none;
}

.c29-single-feedback .widget_core_item_comment_notification .fa,
.c29-single-feedback .widget_core_coll_item_notification .fa,
.c29-single-feedback .widget_core_coll_comment_notification .fa,
.c29-single-feedback .widget_core_item_comment_notification .glyphicon,
.c29-single-feedback .widget_core_coll_item_notification .glyphicon,
.c29-single-feedback .widget_core_coll_comment_notification .glyphicon {
	font-size: 11px;
	color: #999;
}

@media (max-width: 767px) {
	.c29-single-feedback .widget_core_item_comment_notification,
	.c29-single-feedback .widget_core_coll_item_notification,
	.c29-single-feedback .widget_core_coll_comment_notification {
		margin: 5px 3px 0;
	}

	.c29-single-feedback .widget_core_item_comment_notification .btn,
	.c29-single-feedback .widget_core_coll_item_notification .btn,
	.c29-single-feedback .widget_core_coll_comment_notification .btn {
		font-size: 11.5px;
	}
}

/* =========================================================
   C29 V4 — SINGLE ARTICLE, présentation éditoriale pleine page
   Inspiré des proportions éditoriales de la page de référence.
   ========================================================= */
.c29-single-main-column {
  width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.c29-single-shell,
.c29-single-post {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: #fff;
}

.c29-single-shell {
  --c29-single-accent: #FABF47;
  --c29-single-accent-ink: #777f73;
}

.c29-single-hero {
  --c29-line-effective-gap: min(var(--c29-line-half-gap, 167px), calc(50% - 14px));
  position: relative;
  box-sizing: border-box;
  width: min(calc(100% - 104px), 1304px);
  margin: 94px auto 106px;
  padding: 0;
  overflow: visible;
  background: #fff;
  color: #171717;
  --c29-lead-start: 94px;
  display: flow-root;
  margin-top: 54px;
}

/* Les traits sont une couche indépendante, devant l'image. */
.c29-single-hero::before,
.c29-single-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.c29-single-hero::before {
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  height: var(--c29-frame-thickness, 4px);
  background:
    linear-gradient(var(--c29-single-accent), var(--c29-single-accent)) left center / calc(50% - var(--c29-line-effective-gap)) var(--c29-frame-thickness, 4px) no-repeat,
    linear-gradient(var(--c29-single-accent), var(--c29-single-accent)) right center / calc(50% - var(--c29-line-effective-gap)) var(--c29-frame-thickness, 4px) no-repeat;
}

.c29-single-hero::after {
  top: 0;
  right: 0;
  bottom: 36px;
  left: 0;
  z-index: 20;
  box-sizing: border-box;
  border-right: var(--c29-frame-thickness, 4px) solid var(--c29-single-accent);
  border-bottom: var(--c29-frame-thickness, 4px) solid var(--c29-single-accent);
  border-left: var(--c29-frame-thickness, 4px) solid var(--c29-single-accent);
}

/* Le fond blanc du logo masque le trait et crée la coupure centrale. */
.c29-single-wordmark {
  position: absolute !important;
  top: var(--c29-logo-top, 0px) !important;
  left: 50% !important;
  z-index: 30 !important;
  box-sizing: border-box;
  width: min(var(--c29-logo-mask-width, 334px), calc(100vw - 50px)) !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  background: #fff !important;
  overflow: visible !important;
  line-height: 0 !important;
  text-align: center !important;
}

.c29-single-wordmark img {
  display: block !important;
  width: min(var(--c29-logo-width, 310px), calc(100vw - 74px)) !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 0 0 50% !important;
  transform: translateX(-50%) !important;
}

.c29-single-hero-inner {
  text-align: left;
  position: absolute;
  z-index: 10;
  inset: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0;
  pointer-events: none;
}

.c29-single-category {
  margin: 0 0 28px;
  color: var(--c29-single-accent-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .045em;
  line-height: 1.2;
  text-align: left !important;
  text-transform: uppercase;
}

.c29-single-category::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 10px 0 0;
  background: var(--c29-single-accent);
  vertical-align: -1px;
}

.c29-single-category a {
  color: var(--c29-single-accent-ink) !important;
  border: 0 !important;
  text-decoration: none !important;
}

/* Sélecteur renforcé pour neutraliser les anciens styles H1 du skin. */
.c29-single-shell .c29-single-hero h1.c29-single-title,
.c29-single-shell .c29-single-hero .c29-single-title {
  max-width: 1060px;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: "Arial Narrow", "Liberation Sans Narrow", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(38px, 3.3vw, 52px) !important;
  font-stretch: condensed;
  font-weight: 900 !important;
  letter-spacing: -.038em !important;
  line-height: 1.01 !important;
  text-align: left !important;
  text-transform: none !important;
  text-wrap: balance;
}

/* Aucun extrait automatique dans le cadre : le texte commence après l'image. */
.c29-single-chapo,
.c29-single-hero .evo_post__excerpt,
.c29-single-hero .evo_post_excerpt,
.c29-single-hero .item_excerpt {
  display: none !important;
}

.c29-single-edit {
  position: absolute;
  top: 18px;
  right: 20px;
  z-index: 32;
  font-family: Arial, Helvetica, sans-serif;
}

/* L'image déborde de 40 px ; le cadre jaune reste devant elle. */
.c29-single-lead-image {
  position: relative;
  z-index: 2;
  display: block;
  width: calc(100% + 120px);
  aspect-ratio: 16 / 7;
  margin: 18px -60px -20px;
  padding: 0;
  overflow: hidden;
  background: #eee;
  margin-top: var(--c29-lead-start);
}

.c29-single-lead-image img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  margin: 0;
  object-fit: cover;
  object-position: var(--c29-crop-x, 50%) var(--c29-crop-y, 50%);
  transform: scale(var(--c29-crop-scale, 1));
  transform-origin: var(--c29-crop-x, 50%) var(--c29-crop-y, 50%);
}

.c29-single-reading-column {
  width: min(calc(100% - 36px), 700px);
  margin: 0 auto;
  padding-bottom: 72px;
}

.c29-single-reading-column--meta {
  padding-bottom: 0;
}

.c29-single-meta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 24px;
  margin: 0 0 42px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
}

.c29-single-meta a {
  color: #222;
  text-decoration: none;
}

.c29-single-date,
.c29-single-meta-category {
  position: relative;
}

.c29-single-date::before,
.c29-single-meta-category::before {
  content: "•";
  position: absolute;
  left: -15px;
  color: #bbb;
}

.c29-single-content {
  color: #202020;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.56;
}

.c29-single-content::after {
  content: "";
  display: table;
  clear: both;
}

.c29-single-content > p:first-of-type:first-letter {
  float: left;
  margin: .08em .09em 0 0;
  color: var(--c29-single-accent, #FABF47);
  font-size: 3.5em;
  font-weight: 700;
  line-height: .78;
}

/* Do not use the drop cap when the opening paragraph is right-aligned. */
.c29-single-content > p:first-of-type[style*="text-align: right"]::first-letter,
.c29-single-content > p:first-of-type[style*="text-align:right"]::first-letter,
.c29-single-content > p:first-of-type[align="right"]::first-letter {
  float: none !important;
  margin: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* Keep the drop cap on the opening paragraph when the text is justified. */
.c29-single-content > p:first-of-type[style*="text-align: justify"]::first-letter,
.c29-single-content > p:first-of-type[style*="text-align:justify"]::first-letter,
.c29-single-content > p:first-of-type[align="justify"]::first-letter {
  float: left !important;
  margin: .08em .09em 0 0 !important;
  color: var(--c29-single-accent, #FABF47) !important;
  font-size: 3.5em !important;
  font-weight: 700 !important;
  line-height: .78 !important;
}

/* Apply the drop cap to the first justified paragraph, wherever it appears
   among the direct paragraphs of the article. */
.c29-single-content > p[style*="text-align: justify"]:not([style*="text-align: justify"] ~ p[style*="text-align: justify"])::first-letter,
.c29-single-content > p[style*="text-align:justify"]:not([style*="text-align:justify"] ~ p[style*="text-align:justify"])::first-letter,
.c29-single-content > p[align="justify"]:not([align="justify"] ~ p[align="justify"])::first-letter {
  float: left !important;
  margin: .08em .09em 0 0 !important;
  color: var(--c29-single-accent, #FABF47) !important;
  font-size: 3.5em !important;
  font-weight: 700 !important;
  line-height: .78 !important;
}

.c29-single-content p {
  margin: 0 0 1.08em !important;
}

/* Neutraliser les tailles et interlignes ajoutés directement par l’éditeur b2evolution. */
.c29-single-content p,
.c29-single-content div,
.c29-single-content li {
  line-height: inherit !important;
}

.c29-single-content p[style*="font-size"],
.c29-single-content div[style*="font-size"],
.c29-single-content li[style*="font-size"],
.c29-single-content p [style*="font-size"],
.c29-single-content div [style*="font-size"],
.c29-single-content li [style*="font-size"] {
  font-size: inherit !important;
  line-height: inherit !important;
}

.c29-single-content h2,
.c29-single-content h3,
.c29-single-content h4 {
  margin: 1.8em 0 .65em;
  color: #171717;
  font-weight: 800;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.18 !important;
}

.c29-single-content h2 { font-size: 28px; }
.c29-single-content h3 { font-size: 23px; }

.c29-single-content blockquote {
  margin: 1.8em -42px;
  padding: 0 0 0 25px;
  border-left: 5px solid var(--c29-single-accent, #FABF47);
  color: #444;
  font-size: 1.1em;
  font-style: italic;
  line-height: 1.48;
}

/* Base : conserver la taille naturelle et centrer l'image. */
.c29-single-content img {
  box-sizing: border-box;
  max-width: 100% !important;
  height: auto !important;
}

.c29-single-content figure,
.c29-single-content .evo_image_block,
.c29-single-content .image_block,
.c29-single-content [class*="image_block"] {
  box-sizing: border-box;
  max-width: 100%;
  margin: 2.2em auto;
  padding: 0;
  clear: both;
  text-align: center;
}

.c29-single-content figure img,
.c29-single-content .evo_image_block img,
.c29-single-content .image_block img,
.c29-single-content [class*="image_block"] img,
.c29-single-content p > img:not(.evo_thumbnail__left):not(.evo_thumbnail__right),
.c29-single-content p > a > img:not(.evo_thumbnail__left):not(.evo_thumbnail__right) {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
}

/* [thumbnail:...:left/right] : b2evolution génère <a><img></a> dans le
   paragraphe. On conserve son comportement natif : le texte s'enroule autour. */
.c29-single-content p > a.c29-thumb-float-left,
.c29-single-content p > img.c29-thumb-float-left {
  display: block !important;
  float: left !important;
  width: auto !important;
  max-width: min(45%, 360px) !important;
  margin: .25em 1.15em .7em 0 !important;
}

.c29-single-content p > a.c29-thumb-float-right,
.c29-single-content p > img.c29-thumb-float-right {
  display: block !important;
  float: right !important;
  width: auto !important;
  max-width: min(45%, 360px) !important;
  margin: .25em 0 .7em 1.15em !important;
}

.c29-single-content p > a.c29-thumb-float-left > img.c29-thumb-inside-float,
.c29-single-content p > a.c29-thumb-float-right > img.c29-thumb-inside-float {
  display: block !important;
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

/* Classes réellement produites par [thumbnail:...:medium:left/right] en
   b2evolution 7.2 : cette règle reste efficace même si le JS du gabarit est
   retardé par le cache. */
.c29-single-content p > a > img.evo_thumbnail__left,
.c29-single-content p > img.evo_thumbnail__left {
  display: block !important;
  float: left !important;
  clear: none !important;
  width: auto !important;
  max-width: min(45%, 360px) !important;
  margin: .25em 1.15em .7em 0 !important;
}

.c29-single-content p > a > img.evo_thumbnail__right,
.c29-single-content p > img.evo_thumbnail__right {
  display: block !important;
  float: right !important;
  clear: none !important;
  width: auto !important;
  max-width: min(45%, 360px) !important;
  margin: .25em 0 .7em 1.15em !important;
}

.c29-single-content img.c29-media-authored {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

.c29-single-content img.c29-media-authored[align="left"],
.c29-single-content p > img.c29-media-authored[align="left"],
.c29-single-content p > a > img.c29-media-authored[align="left"] {
  display: inline-block !important;
  float: left !important;
  clear: none !important;
  margin: .2em 1em .65em 0 !important;
}

.c29-single-content img.c29-media-authored[align="right"],
.c29-single-content p > img.c29-media-authored[align="right"],
.c29-single-content p > a > img.c29-media-authored[align="right"] {
  display: inline-block !important;
  float: right !important;
  clear: none !important;
  margin: .2em 0 .65em 1em !important;
}

.c29-single-content img.c29-media-authored[align="center"],
.c29-single-content img.c29-media-authored[align="middle"],
.c29-single-content p > img.c29-media-authored[align="center"],
.c29-single-content p > img.c29-media-authored[align="middle"],
.c29-single-content p > a > img.c29-media-authored[align="center"],
.c29-single-content p > a > img.c29-media-authored[align="middle"] {
  display: block !important;
  float: none !important;
  clear: both !important;
  margin: 1.4em auto !important;
}

/* Image centrale : elle remplit la colonne seulement si son fichier source
   possède assez de pixels. Le JS limite max-width à sa largeur naturelle. */
.c29-single-content figure.c29-media-container-fluid,
.c29-single-content .evo_image_block.c29-media-container-fluid,
.c29-single-content .image_block.c29-media-container-fluid,
.c29-single-content [class*="image_block"].c29-media-container-fluid {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.c29-single-content img.c29-media-centered-fluid {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.c29-single-content figure.alignleft,
.c29-single-content figure.floatleft,
.c29-single-content figure[class*="left"],
.c29-single-content .evo_image_block.alignleft,
.c29-single-content .evo_image_block.floatleft,
.c29-single-content .evo_image_block[class*="left"],
.c29-single-content .image_block.alignleft,
.c29-single-content .image_block.floatleft,
.c29-single-content .image_block[class*="left"],
.c29-single-content [class*="image_block"].alignleft,
.c29-single-content [class*="image_block"].floatleft {
  float: left !important;
  clear: none !important;
  width: auto !important;
  max-width: min(45%, 360px) !important;
  margin: .35em 1.35em 1em 0 !important;
  text-align: left !important;
}

.c29-single-content figure.alignright,
.c29-single-content figure.floatright,
.c29-single-content figure[class*="right"],
.c29-single-content .evo_image_block.alignright,
.c29-single-content .evo_image_block.floatright,
.c29-single-content .evo_image_block[class*="right"],
.c29-single-content .image_block.alignright,
.c29-single-content .image_block.floatright,
.c29-single-content .image_block[class*="right"],
.c29-single-content [class*="image_block"].alignright,
.c29-single-content [class*="image_block"].floatright {
  float: right !important;
  clear: none !important;
  width: auto !important;
  max-width: min(45%, 360px) !important;
  margin: .35em 0 1em 1.35em !important;
  text-align: left !important;
}

.c29-single-content figure.alignleft img,
.c29-single-content figure.floatleft img,
.c29-single-content figure[class*="left"] img,
.c29-single-content figure.alignright img,
.c29-single-content figure.floatright img,
.c29-single-content figure[class*="right"] img,
.c29-single-content .evo_image_block.alignleft img,
.c29-single-content .evo_image_block.floatleft img,
.c29-single-content .evo_image_block[class*="left"] img,
.c29-single-content .evo_image_block.alignright img,
.c29-single-content .evo_image_block.floatright img,
.c29-single-content .evo_image_block[class*="right"] img,
.c29-single-content .image_block.alignleft img,
.c29-single-content .image_block.floatleft img,
.c29-single-content .image_block[class*="left"] img,
.c29-single-content .image_block.alignright img,
.c29-single-content .image_block.floatright img,
.c29-single-content .image_block[class*="right"] img,
.c29-single-content [class*="image_block"].alignleft img,
.c29-single-content [class*="image_block"].floatleft img,
.c29-single-content [class*="image_block"].alignright img,
.c29-single-content [class*="image_block"].floatright img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  float: none !important;
}

/* Première grande illustration centrale : largeur complète de la colonne. */
.c29-single-content .c29-media-wide {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 2.35em 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  text-align: center !important;
}

.c29-single-content img.c29-media-wide,
.c29-single-content .c29-media-wide img,
.c29-single-content .c29-media-wide a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

/* Images secondaires : intégrées au texte, à gauche, sur un tiers de la colonne. */
.c29-single-content .c29-media-left {
  box-sizing: border-box !important;
  width: 33.333% !important;
  max-width: 270px !important;
  margin: .38em 1.55em 1.15em 0 !important;
  padding: 6px !important;
  float: left !important;
  clear: left !important;
  border: 1px solid #d5d5d5 !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
  text-align: center !important;
}

.c29-single-content img.c29-media-left {
  display: block !important;
  width: 33.333% !important;
  max-width: 270px !important;
  height: auto !important;
  margin: .38em 1.55em 1.15em 0 !important;
  padding: 6px !important;
  float: left !important;
  clear: left !important;
  border: 1px solid #d5d5d5 !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.c29-single-content .c29-media-left img,
.c29-single-content .c29-media-left a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Images secondaires explicitement placées à droite : encadrées et flottantes. */
.c29-single-content .c29-media-right {
  box-sizing: border-box !important;
  width: min(43%, 360px) !important;
  max-width: 360px !important;
  margin: .35em 0 1.35em 1.8em !important;
  padding: 7px !important;
  float: right !important;
  clear: right !important;
  border: 1px solid #d5d5d5 !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
  text-align: center !important;
}

.c29-single-content img.c29-media-right {
  display: block !important;
  width: min(43%, 360px) !important;
  max-width: 360px !important;
  height: auto !important;
}

.c29-single-content .c29-media-right img,
.c29-single-content .c29-media-right a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  float: none !important;
}

.c29-single-content .c29-media-centered {
  display: block !important;
  max-width: 100% !important;
  margin: 2.2em auto !important;
  float: none !important;
  clear: both !important;
  text-align: center !important;
}

.c29-single-content .c29-media-centered img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.c29-single-content figcaption,
.c29-single-content .evo_image_legend {
  width: 100%;
  margin-top: 9px;
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
}

.c29-single-tags {
  margin: 35px 0 20px;
  font-family: Arial, Helvetica, sans-serif;
}


/* C29 V4 — deux recommandations automatiques en fin d'article. */
.c29-related {
  margin: 32px 0 27px;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.c29-related__title {
  margin: 0 0 13px;
  padding: 0;
  color: #555;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .065em;
  line-height: 1.2;
  text-transform: uppercase;
}

.c29-related__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c29-related__item {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #e5e5e1;
}

.c29-related__item:last-child {
  border-bottom: 1px solid #e5e5e1;
}

.c29-related__link {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  color: #202020 !important;
  text-decoration: none !important;
}

.c29-related__thumb {
  display: block;
  width: 76px;
  height: 54px;
  overflow: hidden;
  background: #efefec;
}

.c29-related__thumb img,
.c29-related__thumb-placeholder {
  display: block;
  width: 100%;
  height: 100%;
}

.c29-related__thumb img {
  object-fit: cover;
}

.c29-related__thumb-placeholder {
  background: linear-gradient(135deg, #efefec, #deded9);
}

.c29-related__copy {
  display: grid;
  grid-template-columns: 9px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.c29-related__square {
  display: block;
  width: 9px;
  height: 9px;
  margin-top: .42em;
  background: var(--c29-related-color, #FCBE45);
}

.c29-related__text {
  font-family: "Newsreader", Georgia, serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

.c29-related__link:hover .c29-related__text,
.c29-related__link:focus .c29-related__text {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media (max-width: 767px) {
  .c29-related {
    margin: 29px 0 25px;
  }

  .c29-related__link {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 12px;
  }

  .c29-related__thumb {
    width: 68px;
    height: 49px;
  }

  .c29-related__text {
    font-size: 17px;
    line-height: 1.3;
  }
}

.c29-single-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 28px 0 48px;
  padding-top: 22px;
  border-top: 1px solid #ddd;
  font-family: Arial, Helvetica, sans-serif;
}

.c29-single-share > span {
  margin-right: 6px;
  color: var(--c29-single-accent-ink);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.c29-single-share a,
.c29-single-share button {
  padding: 7px 11px;
  border: 1px solid #222;
  border-radius: 0;
  background: #fff;
  color: #222;
  font: inherit;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}

.c29-single-share a:hover,
.c29-single-share button:hover {
  background: #222;
  color: #fff;
}

.c29-single-feedback {
  margin-top: 45px;
  padding-top: 30px;
  border-top: 4px solid var(--c29-single-accent, #FABF47);
  font-family: Arial, Helvetica, sans-serif;
	--c29-comment-accent: var(--c29-single-accent, #c92f45);
	color: #252525;
}

@media (max-width: 991px) {
  .c29-single-hero {
    width: calc(100% - 54px);
    --c29-lead-start: 86px;
    margin-top: 50px;
  }

  .c29-single-wordmark {
    width: min(var(--c29-logo-mask-width, 334px), calc(100vw - 50px)) !important;
    padding: 0 !important;
  }

  .c29-single-wordmark img {
    width: min(var(--c29-logo-width, 310px), calc(100vw - 74px)) !important;
  }

  .c29-single-hero-inner {
    padding: 58px 46px 38px;
  }

  .c29-single-shell .c29-single-hero h1.c29-single-title,
  .c29-single-shell .c29-single-hero .c29-single-title {
    font-size: clamp(35px, 5.2vw, 48px) !important;
  }

  .c29-single-lead-image {
    width: calc(100% + 84px);
    aspect-ratio: 16 / 9;
    margin: 18px -42px -16px;
  }

  .c29-single-hero::before {
    background:
      linear-gradient(var(--c29-single-accent), var(--c29-single-accent)) left center / calc(50% - var(--c29-line-effective-gap)) var(--c29-frame-thickness, 4px) no-repeat,
      linear-gradient(var(--c29-single-accent), var(--c29-single-accent)) right center / calc(50% - var(--c29-line-effective-gap)) var(--c29-frame-thickness, 4px) no-repeat;
  }

  .c29-single-hero::after {
    bottom: 30px;
  }
}

/* =========================================================
   C29 V4 — PAGES, présentation institutionnelle sans commentaires
   Toutes les règles sont isolées sous le préfixe c29-page-.
   ========================================================= */
.c29-page-main-column {
  width: 100% !important;
  float: none !important;
}

.c29-page-shell,
.c29-page-shell * {
  box-sizing: border-box;
}

.c29-page-shell {
  --c29-page-accent: #C92F45;
  width: min(100%, 1180px);
  margin: 54px auto 28px;
  padding: 0;
  background: #fff;
}

.c29-page {
  position: relative;
  width: 100%;
  margin: 0 !important;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dededb;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 12px 34px rgba(24, 24, 22, .055);
}

.c29-page-header {
  position: relative;
  padding: clamp(46px, 6vw, 76px) clamp(34px, 7vw, 88px) clamp(35px, 4vw, 52px);
  border-bottom: 1px solid #e5e5e1;
  background: #fff;
}

.c29-page-header__label {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 17px;
  color: #747570;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.c29-page-header__label::before {
  display: block;
  flex: 0 0 auto;
  width: 11px;
  height: 11px;
  background: var(--c29-page-accent);
  content: "";
}

.c29-page-shell .c29-page-title {
  max-width: 940px;
  margin: 0 !important;
  padding: 0 !important;
  color: #191919 !important;
  font-family: "Arial Narrow", "Liberation Sans Narrow", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(38px, 4.8vw, 64px) !important;
  font-stretch: condensed;
  font-weight: 900 !important;
  letter-spacing: -.045em !important;
  line-height: 1.02 !important;
  text-align: left !important;
  text-wrap: balance;
}

.c29-page-edit {
  position: absolute;
  top: 17px;
  right: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

.c29-page-lead-image {
  width: 100%;
  max-height: 540px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px solid #dededb;
  background: #eee;
}

.c29-page-lead-image img {
  display: block;
  width: 100%;
  height: min(42vw, 540px);
  min-height: 290px;
  max-height: 540px;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

.c29-page-reading-column {
  width: min(calc(100% - 54px), 820px);
  margin: 0 auto;
  padding: clamp(42px, 6vw, 72px) 0 clamp(62px, 8vw, 96px);
}

.c29-page-content {
  color: #252525;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.62;
}

.c29-page-content::after {
  display: table;
  clear: both;
  content: "";
}

.c29-page-content p,
.c29-page-content div,
.c29-page-content li {
  line-height: inherit !important;
}

.c29-page-content p {
  margin: 0 0 1.15em;
}

.c29-page-content > p:first-of-type {
  color: #3a3a38;
  font-size: 1.08em;
  line-height: 1.56 !important;
}

/* Les tailles collées depuis l'éditeur ne doivent pas casser l'homogénéité. */
.c29-page-content p[style*="font-size"],
.c29-page-content div[style*="font-size"],
.c29-page-content li[style*="font-size"],
.c29-page-content p [style*="font-size"],
.c29-page-content div [style*="font-size"],
.c29-page-content li [style*="font-size"] {
  font-size: inherit !important;
  line-height: inherit !important;
}

.c29-page-content h2,
.c29-page-content h3,
.c29-page-content h4,
.c29-page-content h5 {
  position: relative;
  margin: 1.85em 0 .68em;
  padding: 0;
  color: #191919;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: -.02em;
  line-height: 1.16;
}

.c29-page-content h2 {
  margin-left: -20px;
  padding-left: 15px;
  font-size: 30px;
}

.c29-page-content h3 {
  font-size: 24px;
}

.c29-page-content h4 {
  font-size: 20px;
}

.c29-page-content a {
  color: #a92438;
  text-decoration: underline;
  text-decoration-color: rgba(201, 47, 69, .42);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.c29-page-content a:hover,
.c29-page-content a:focus {
  color: #761827;
  text-decoration-color: currentColor;
}

.c29-page-content ul,
.c29-page-content ol {
  margin: 1.1em 0 1.45em;
  padding-left: 1.5em;
}

.c29-page-content li {
  margin: .34em 0;
  padding-left: .2em;
}

.c29-page-content li::marker {
  color: var(--c29-page-accent);
  font-weight: 800;
}

.c29-page-content blockquote {
  margin: 2em -28px;
  padding: 4px 0 4px 27px;
  border: 0;
  color: #474744;
  font-size: 1.08em;
  font-style: italic;
  line-height: 1.52;
}

.c29-page-content blockquote > :last-child {
  margin-bottom: 0;
}

.c29-page-content hr {
  height: 1px;
  margin: 2.7em 0;
  border: 0;
  background: linear-gradient(to right, var(--c29-page-accent) 0 54px, #deded9 54px 100%);
}

.c29-page-content img {
  box-sizing: border-box;
  max-width: 100% !important;
  height: auto !important;
}

.c29-page-content figure,
.c29-page-content .evo_image_block,
.c29-page-content .image_block,
.c29-page-content [class*="image_block"] {
  box-sizing: border-box;
  max-width: 100%;
  margin: 2.25em auto;
  padding: 0;
  clear: both;
  text-align: center;
}

.c29-page-content figure img,
.c29-page-content .evo_image_block img,
.c29-page-content .image_block img,
.c29-page-content [class*="image_block"] img,
.c29-page-content p > img:not(.evo_thumbnail__left):not(.evo_thumbnail__right),
.c29-page-content p > a > img:not(.evo_thumbnail__left):not(.evo_thumbnail__right) {
  display: block;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  float: none !important;
}

.c29-page-content figure.alignleft,
.c29-page-content .evo_image_block.alignleft,
.c29-page-content .image_block.alignleft,
.c29-page-content figure.floatleft,
.c29-page-content .evo_image_block.floatleft,
.c29-page-content .image_block.floatleft {
  width: min(42%, 360px) !important;
  margin: .4em 1.55em 1em 0 !important;
  float: left !important;
  clear: left !important;
}

.c29-page-content figure.alignright,
.c29-page-content .evo_image_block.alignright,
.c29-page-content .image_block.alignright,
.c29-page-content figure.floatright,
.c29-page-content .evo_image_block.floatright,
.c29-page-content .image_block.floatright {
  width: min(42%, 360px) !important;
  margin: .4em 0 1em 1.55em !important;
  float: right !important;
  clear: right !important;
}

.c29-page-content img.evo_thumbnail__left {
  display: block !important;
  max-width: min(42%, 360px) !important;
  margin: .4em 1.55em 1em 0 !important;
  float: left !important;
}

.c29-page-content img.evo_thumbnail__right {
  display: block !important;
  max-width: min(42%, 360px) !important;
  margin: .4em 0 1em 1.55em !important;
  float: right !important;
}

.c29-page-content figcaption,
.c29-page-content .evo_image_legend {
  margin-top: 9px;
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.42 !important;
  text-align: left;
}

.c29-page-content table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 2em 0;
  overflow-x: auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.45;
  -webkit-overflow-scrolling: touch;
}

.c29-page-content th,
.c29-page-content td {
  min-width: 120px;
  padding: 11px 13px;
  border: 1px solid #deded9;
  text-align: left;
  vertical-align: top;
}

.c29-page-content th {
  border-top: 3px solid var(--c29-page-accent);
  background: #f4f3ef;
  color: #222;
  font-weight: 800;
}

.c29-page-content pre,
.c29-page-content code {
  font-family: Consolas, Monaco, "Courier New", monospace;
}

.c29-page-content pre {
  max-width: 100%;
  margin: 1.7em 0;
  padding: 17px 19px;
  overflow-x: auto;
  border: 1px solid #deded9;
  border-radius: 0;
  background: #f6f5f2;
  font-size: 14px;
  line-height: 1.5;
}

.c29-page-pagination {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 42px;
  padding-top: 24px;
  border-top: 1px solid #deded9;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.c29-page-pagination__current,
.c29-page-pagination__link {
  display: inline-flex;
  min-width: 34px;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
}

.c29-page-pagination__current {
  border-color: var(--c29-page-accent);
  background: var(--c29-page-accent);
  color: #fff;
}

/* Filet de sécurité : même si un ancien widget Bootstrap est encore affecté
   au contexte Page, il ne doit jamais apparaître sous le contenu. */
.c29-page-shell .evo_post_feedback,
.c29-page-shell .evo_post__feedback,
.c29-page-shell .evo_container__comment_area,
.c29-page-shell .widget_core_item_comment_form,
.c29-page-shell .evo_comment,
.c29-page-shell form.bComment {
  display: none !important;
}

@media (max-width: 767px) {
  .c29-page-main-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .c29-page-shell {
    width: calc(100% - 24px);
    margin-top: 34px;
  }

  .c29-page-header {
    padding: 37px 23px 31px;
  }

  .c29-page-header__label {
    margin-bottom: 13px;
    font-size: 11px;
  }

  .c29-page-shell .c29-page-title {
    font-size: clamp(34px, 11vw, 47px) !important;
    line-height: 1.04 !important;
  }

  .c29-page-lead-image img {
    height: 58vw;
    min-height: 210px;
  }

  .c29-page-reading-column {
    width: 100%;
    padding: 34px 23px 58px;
  }

  .c29-page-content {
    font-size: 17px;
    line-height: 1.57;
  }

  .c29-page-content h2 {
    margin-left: 0;
    padding-left: 12px;
    font-size: 26px;
  }

  .c29-page-content h3 {
    font-size: 22px;
  }

  .c29-page-content blockquote {
    margin-right: 0;
    margin-left: 0;
    padding-left: 20px;
  }

  .c29-page-content figure.alignleft,
  .c29-page-content .evo_image_block.alignleft,
  .c29-page-content .image_block.alignleft,
  .c29-page-content figure.floatleft,
  .c29-page-content .evo_image_block.floatleft,
  .c29-page-content .image_block.floatleft,
  .c29-page-content figure.alignright,
  .c29-page-content .evo_image_block.alignright,
  .c29-page-content .image_block.alignright,
  .c29-page-content figure.floatright,
  .c29-page-content .evo_image_block.floatright,
  .c29-page-content .image_block.floatright,
  .c29-page-content img.evo_thumbnail__left,
  .c29-page-content img.evo_thumbnail__right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1.5em 0 !important;
    float: none !important;
    clear: both !important;
  }
}

@media (max-width: 767px) {
  .c29-single-hero {
    width: calc(100% - 28px);
    margin: 76px auto 82px;
    --c29-lead-start: 76px;
    margin-top: 42px;
  }

  .c29-single-hero::before {
    height: var(--c29-frame-thickness, 4px);
    background:
      linear-gradient(var(--c29-single-accent), var(--c29-single-accent)) left center / calc(50% - var(--c29-line-effective-gap)) var(--c29-frame-thickness, 4px) no-repeat,
      linear-gradient(var(--c29-single-accent), var(--c29-single-accent)) right center / calc(50% - var(--c29-line-effective-gap)) var(--c29-frame-thickness, 4px) no-repeat;
  }

  .c29-single-hero::after {
    bottom: 20px;
  }

  .c29-single-wordmark {
    width: min(var(--c29-logo-mask-width, 334px), calc(100vw - 34px)) !important;
    padding: 0 !important;
    transform: translate(-50%, -50%) !important;
  }

  .c29-single-wordmark img {
    width: min(var(--c29-logo-width, 310px), calc(100vw - 58px)) !important;
  }

  .c29-single-hero-inner {
    padding: 54px 23px 30px;
  }

  .c29-single-category {
    margin-bottom: 18px;
    font-size: 12px;
  }

  .c29-single-category::before {
    width: 9px;
    height: 9px;
    margin-right: 7px;
  }

  .c29-single-shell .c29-single-hero h1.c29-single-title,
  .c29-single-shell .c29-single-hero .c29-single-title {
    font-size: clamp(29px, 8.2vw, 38px) !important;
    line-height: 1.04 !important;
  }

  .c29-single-lead-image {
    width: calc(100% + 44px);
    aspect-ratio: 4 / 3;
    margin: 12px -22px -12px;
  }

  .c29-single-reading-column {
    width: calc(100% - 30px);
  }

  .c29-single-meta {
    margin-bottom: 34px;
    gap: 3px 10px !important;
  }

  .c29-single-content {
    font-size: 17px;
    line-height: 1.55;
  }

  .c29-single-content .c29-media-left,
  .c29-single-content img.c29-media-left {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1.8em 0 !important;
    float: none !important;
    clear: both !important;
  }

  .c29-single-content .c29-media-right,
  .c29-single-content img.c29-media-right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1.8em 0 !important;
    float: none !important;
    clear: both !important;
  }

  .c29-single-content blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}

/* =========================================================
   C29 V4 — réglage final de la zone de lecture
   Colonne de texte + informations latérales comme Les Jours.
   ========================================================= */

/* La police est forcée jusque dans les balises créées par TinyMCE/b2evolution. */
.c29-single-content,
.c29-single-content p,
.c29-single-content li,
.c29-single-content td,
.c29-single-content th,
.c29-single-content > div:not(.evo_image_block):not(.image_block):not([class*="image_block"]) {
  color: #202020 !important;
  font-family: "Newsreader", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.58 !important;
}

.c29-single-content p span,
.c29-single-content p font,
.c29-single-content li span,
.c29-single-content li font,
.c29-single-content td span,
.c29-single-content th span,
.c29-single-content > div:not(.evo_image_block):not(.image_block):not([class*="image_block"]) span,
.c29-single-content > div:not(.evo_image_block):not(.image_block):not([class*="image_block"]) font {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}

.c29-single-content h2,
.c29-single-content h2 span {
  font-size: 28px !important;
}

.c29-single-content h3,
.c29-single-content h3 span {
  font-size: 23px !important;
}

.c29-single-content h4,
.c29-single-content h4 span {
  font-size: 19px !important;
}

.c29-single-content blockquote,
.c29-single-content blockquote p,
.c29-single-content blockquote span {
  font-family: "Newsreader", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif !important;
  font-size: 19px !important;
  line-height: 1.58 !important;
}

/* Ordinateur : texte plus étroit et informations sur sa droite, au même niveau. */
@media (min-width: 992px) {
  .c29-single-post {
    display: grid !important;
    grid-template-columns:
      minmax(32px, 1fr)
      minmax(0, 620px)
      190px
      minmax(32px, 1fr) !important;
    column-gap: 72px !important;
    align-items: start !important;
  }

  .c29-single-hero {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  .c29-single-reading-column--meta {
    grid-column: 3 !important;
    grid-row: 2 !important;
    align-self: start !important;
    box-sizing: border-box !important;
    width: 190px !important;
    max-width: 190px !important;
    margin: 0 !important;
    padding: 0 0 72px !important;
  }

  .c29-single-reading-column:not(.c29-single-reading-column--meta) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    box-sizing: border-box !important;
    width: 620px !important;
    max-width: 620px !important;
    margin: 0 !important;
  }

  .c29-single-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5d5d5d !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.52 !important;
    text-align: left !important;
  }

  .c29-single-meta > * {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 7px !important;
    line-height: 1.42 !important;
  }

  .c29-single-author {
    order: 1 !important;
  }

  .c29-single-date {
    order: 2 !important;
  }

  .c29-single-meta-category {
    order: 3 !important;
  }

  .c29-single-date::before,
  .c29-single-meta-category::before {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 991px) {
  .c29-single-post {
    display: block !important;
  }

  .c29-single-reading-column,
  .c29-single-reading-column--meta {
    width: min(calc(100% - 36px), 700px) !important;
    max-width: 700px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .c29-single-meta {
    margin-bottom: 34px !important;
  }
}

@media (max-width: 767px) {
  .c29-single-content,
  .c29-single-content p,
  .c29-single-content li,
  .c29-single-content td,
  .c29-single-content th,
  .c29-single-content > div:not(.evo_image_block):not(.image_block):not([class*="image_block"]) {
    font-size: 17px !important;
    line-height: 1.57 !important;
  }
}


/* =========================================================
   C29 V4 — informations, navigation et derniers billets
   ========================================================= */

/* Les trois informations latérales restent rapprochées. */
@media (min-width: 992px) {

  .c29-single-meta > *:last-child {
    margin-bottom: 0 !important;
  }

  .c29-article-navigation,
  .c29-latest-posts {
    grid-column: 1 / -1 !important;
  }
}

/* Navigation placée après les commentaires. */
.c29-article-navigation {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  box-sizing: border-box;
  border-top: 1px solid #d8d8d8;
  font-family: Arial, Helvetica, sans-serif;
  width: min(calc(100% - 60px), 1260px);
  margin: 24px auto 24px;
  padding: 0 0 14px;
  border: 0;
  border-bottom: 4px solid var(--c29-single-accent, #FABF47);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.2;
  text-transform: none;
}

.c29-article-navigation__previous {
  justify-self: start;
  text-align: left;
}

.c29-article-navigation__next {
  justify-self: end;
  text-align: right;
}

.c29-article-navigation__all {
  justify-self: center;
  color: #171717 !important;
  text-decoration: none !important;
  padding: 0 0 2px;
  border: 0;
  border-bottom: 2px solid currentColor;
  font-weight: 850;
  transition: color .2s ease;
}

.c29-article-navigation__all:hover,
.c29-article-navigation__all:focus {
  background: transparent;
  color: var(--c29-single-accent, #FABF47) !important;
}

.c29-article-nav-link {
  position: relative;
  color: #171717 !important;
  text-decoration: none !important;
}

.c29-article-navigation__previous .c29-article-nav-link::before {
  content: "←";
  margin-right: 8px;
  color: var(--c29-single-accent, #FABF47);
}

.c29-article-navigation__next .c29-article-nav-link::after {
  content: "→";
  margin-left: 8px;
  color: var(--c29-single-accent, #FABF47);
}

.c29-article-nav-link:hover,
.c29-article-nav-link:focus {
  color: var(--c29-single-accent, #FABF47) !important;
}

.c29-article-nav-link--disabled {
  color: #aaa !important;
  cursor: default;
}

.c29-article-nav-link--disabled::before,
.c29-article-nav-link--disabled::after {
  color: #bbb !important;
}

/*  QUATRE ARTICLES VISIBLES : carrousel des derniers billets.  */
.c29-latest-posts {
  box-sizing: border-box;
  width: min(calc(100% - 60px), 1260px);
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 auto 72px;
  margin-bottom: 0 !important;
}

.c29-latest-posts__heading {
  margin-bottom: 24px;
  padding-bottom: 14px;
  border-bottom: 4px solid var(--c29-single-accent, #FABF47);
}

.c29-latest-posts__heading h2 {
  margin: 0;
  color: #171717;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 29px;
  font-weight: 850;
  letter-spacing: -.025em;
  line-height: 1.05;
}


.c29-latest-posts__stage {
  position: relative;
}

.c29-latest-posts__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 8;
  top: 94px;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #171717;
  border-radius: 50%;
  background: rgba(255, 255, 255, .96);
  color: #171717;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  line-height: 1;
  transform: translateY(-50%);
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}

.c29-latest-posts__button--previous {
  left: -21px;
}

.c29-latest-posts__button--next {
  right: -21px;
}

.c29-latest-posts__button:hover,
.c29-latest-posts__button:focus {
  background: #171717;
  color: #fff;
}

.c29-latest-posts__button:disabled {
  opacity: .28;
  cursor: default;
}

.c29-latest-posts__viewport {
  overflow: hidden;
  width: 100%;
}


.c29-latest-posts__track {
  display: flex;
  align-items: stretch;
  gap: 22px;
  width: 100%;
  min-width: 100%;
  transform: translate3d(0, 0, 0);
  transition: transform .45s cubic-bezier(.22, .7, .25, 1);
  will-change: transform;
}

.c29-latest-card {
  flex: 0 0 calc((100% - 66px) / 4);
  min-width: 0;
  margin: 0;
  background: #fff;
}

.c29-latest-card__image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #e4e4e4;
  text-decoration: none;
}

.c29-latest-card__image img,
.c29-latest-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
}

.c29-latest-card__image img {
  object-fit: cover;
  transform: scale(1.015);
  transition: transform .45s ease, filter .3s ease;
}

.c29-latest-card__placeholder {
  background: linear-gradient(135deg, #e5e5e5, #bbb);
}

.c29-latest-card:hover .c29-latest-card__image img,
.c29-latest-card:focus-within .c29-latest-card__image img {
  filter: brightness(.88);
  transform: scale(1.06);
}

.c29-latest-card__body {
  padding: 13px 2px 0;
}

.c29-latest-card__category {
  overflow: hidden;
  margin-bottom: 7px;
  color: var(--c29-single-accent-ink);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.c29-latest-card__category a {
  color: var(--c29-single-accent-ink) !important;
  text-decoration: none !important;
}

.c29-latest-card h3 {
  display: -webkit-box;
  overflow: hidden;
  min-height: 2.48em;
  margin: 0 0 9px;
  color: #171717;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 780;
  letter-spacing: -.018em;
  line-height: 1.24;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.c29-latest-card h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.c29-latest-card h3 a:hover,
.c29-latest-card h3 a:focus {
  color: var(--c29-single-accent, #FABF47) !important;
}

.c29-latest-card__date {
  color: #777;
  font-size: 12px;
  line-height: 1.3;
}

@media (max-width: 991px) {
  .c29-article-navigation {
    width: calc(100% - 36px);
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .c29-latest-posts {
    width: calc(100% - 36px);
    margin-bottom: 60px;
  }

  .c29-latest-card {
    flex-basis: calc((100% - 44px) / 3);
  }
}

@media (max-width: 767px) {

  .c29-article-navigation {
    padding: 18px 0;
    width: calc(100% - 30px);
    margin: 18px auto;
    padding-bottom: 12px;
    font-size: 13px;
    letter-spacing: 0;
  }

  .c29-article-navigation__all {
    padding: 8px 10px;
    padding-bottom: 2px;
  }

  .c29-article-navigation__previous .c29-article-nav-link::before {
    margin-right: 4px;
  }

  .c29-article-navigation__next .c29-article-nav-link::after {
    margin-left: 4px;
  }

  .c29-latest-posts {
    width: calc(100% - 30px);
    margin-bottom: 50px;
  }

  .c29-latest-posts__heading {
    margin-bottom: 18px;
  }

  .c29-latest-posts__heading h2 {
    font-size: 25px;
  }

  .c29-latest-posts__button {
    top: 96px;
    width: 36px;
    height: 36px;
    font-size: 19px;
  }

  .c29-latest-posts__button--previous {
    left: -8px;
  }

  .c29-latest-posts__button--next {
    right: -8px;
  }

  .c29-latest-posts__track {
    gap: 16px;
  }

  .c29-latest-card {
    flex-basis: min(78vw, 310px);
  }

  .c29-latest-card h3 {
    font-size: 18px;
  }
}

@media (max-width: 520px) {
  .c29-article-navigation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 14px;
    text-align: center;
  }

  .c29-article-navigation__previous,
  .c29-article-navigation__all,
  .c29-article-navigation__next {
    justify-self: center;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .c29-latest-posts__viewport {
    scroll-behavior: auto;
  }

  .c29-latest-card__image img,
  .c29-latest-posts__button,
  .c29-article-navigation__all {
    transition: none;
  }
}

/* =========================================================
   C29 V4 — BANDEAU D'ARTICLE : réglages définitifs
   ========================================================= */

.c29-single-lead-image::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(8, 12, 16, .54) 0%,
    rgba(8, 12, 16, .30) 38%,
    rgba(8, 12, 16, .06) 72%,
    rgba(8, 12, 16, 0) 100%
  );
}

.c29-single-hero-inner .c29-single-category {
  position: absolute;
  z-index: 11;
  top: 48px;
  left: 68px;
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: calc(100% - 136px);
  box-sizing: border-box;
  margin: 0;
  padding: 6px 10px 6px 8px;
  background: #fff;
  color: var(--c29-single-accent-ink);
  text-shadow: none;
  pointer-events: auto;
}

.c29-single-hero-inner .c29-single-category a,
.c29-single-hero-inner .c29-single-category a:hover,
.c29-single-hero-inner .c29-single-category a:focus {
  color: var(--c29-single-accent-ink) !important;
  text-shadow: none;
}

.c29-single-hero-inner .c29-single-title {
  position: absolute;
  z-index: 11;
  top: calc(var(--c29-lead-start) + 26px);
  left: 68px;
  max-width: min(900px, calc(100% - 136px)) !important;
  color: #fff !important;
  text-shadow: 0 2px 7px rgba(0, 0, 0, .78);
  pointer-events: auto;
}

.c29-single-hero-inner .c29-single-edit {
  pointer-events: auto;
}

@media (max-width: 991px) {

  .c29-single-hero-inner .c29-single-category {
    top: 42px;
    left: 46px;
    max-width: calc(100% - 92px);
  }

  .c29-single-hero-inner .c29-single-title {
    left: 46px;
    max-width: calc(100% - 92px) !important;
  }
}

@media (max-width: 767px) {

  .c29-single-hero-inner .c29-single-category {
    top: 34px;
    left: 23px;
    max-width: calc(100% - 46px);
    padding: 5px 8px 5px 6px;
  }

  .c29-single-hero-inner .c29-single-title {
    top: calc(var(--c29-lead-start) + 20px);
    left: 23px;
    max-width: calc(100% - 46px) !important;
  }
}

/* b2evolution produit souvent simplement <div class="image_block">
   pour une image centrée. Cette règle la rend fluide immédiatement, sans
   attendre que l'article soit réenregistré. Les blocs flottants gauche/droite
   restent exclus. */
.c29-single-content .image_block:not([class*="left"]):not([class*="right"]),
.c29-single-content [class*="image_block"]:not([class*="left"]):not([class*="right"]) {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 2.35em 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  text-align: center !important;
}

.c29-single-content .image_block:not([class*="left"]):not([class*="right"]) > a,
.c29-single-content .image_block:not([class*="left"]):not([class*="right"]) > img,
.c29-single-content [class*="image_block"]:not([class*="left"]):not([class*="right"]) > a,
.c29-single-content [class*="image_block"]:not([class*="left"]):not([class*="right"]) > img,
.c29-single-content .image_block:not([class*="left"]):not([class*="right"]) > a > img,
.c29-single-content [class*="image_block"]:not([class*="left"]):not([class*="right"]) > a > img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  float: none !important;
}


/* =========================================================
   C29 V4 — commentaires : couche éditoriale validée
   ========================================================= */

/* =========================================================
   C29 — Zone commentaires : présentation éditoriale
   L'accent reprend la couleur du cadre de l'article.
   ========================================================= */

/* Titre de la section et état « aucun commentaire » */
.c29-single-feedback h2.evo_comment_title,
.c29-single-feedback .evo_comment_title,
.c29-single-feedback .evo_comments_title {
	position: relative;
	margin: 0 0 26px;
	padding-left: 16px;
	border: 0;
	color: #252525;
	font-size: clamp(25px, 2.6vw, 32px);
	font-weight: 500;
	line-height: 1.12;
}

.c29-single-feedback h2.evo_comment_title::before,
.c29-single-feedback .evo_comment_title::before,
.c29-single-feedback .evo_comments_title::before {
	position: absolute;
	top: .14em;
	bottom: .12em;
	left: 0;
	width: 4px;
	background: var(--c29-comment-accent);
	content: "";
}

/* Commentaires déjà publiés */
.c29-single-feedback .evo_content_block .evo_comment,
.c29-single-feedback .evo_comment {
	position: relative;
	margin: 0;
	border: 0;
	border-top: 1px solid #dfdfda;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	padding: 20px 0 23px 15px;
}

.c29-single-feedback .evo_content_block .evo_comment::before,
.c29-single-feedback .evo_comment::before {
	position: absolute;
	left: 0;
	background: var(--c29-comment-accent);
	content: "";
	top: 22px;
	bottom: 23px;
	width: 3px;
}

.c29-single-feedback .evo_comment .evo_comment_title,
.c29-single-feedback .evo_comment .evo_comment_header,
.c29-single-feedback .evo_comment .evo_comment_meta {
	margin: 0 0 9px;
	padding: 0;
	color: #666;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
}

.c29-single-feedback .evo_comment .evo_comment_title a,
.c29-single-feedback .evo_comment .evo_comment_header a,
.c29-single-feedback .evo_comment .evo_comment_meta a {
	color: #252525;
	font-weight: 700;
	text-decoration: none;
}

.c29-single-feedback .evo_comment .evo_comment_title a:hover,
.c29-single-feedback .evo_comment .evo_comment_header a:hover,
.c29-single-feedback .evo_comment .evo_comment_meta a:hover {
	color: var(--c29-comment-accent);
}

.c29-single-feedback .evo_comment .evo_comment_text,
.c29-single-feedback .evo_comment .evo_comment_content {
	color: #303030;
	font-family: "Newsreader", Georgia, serif;
	font-size: 18px;
	line-height: 1.58;
}

.c29-single-feedback .evo_comment .evo_comment_footer {
	color: #777;
	font-size: 12px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px 11px;
	margin-top: 17px;
	padding-top: 11px;
	border-top: 1px solid #e5e5e1;
	font-family: Arial, Helvetica, sans-serif;
}

.c29-single-feedback .evo_comment .evo_comment_footer a,
.c29-single-feedback .evo_comment .action_btn_group .btn {
	padding: 0;
	border: 0;
	background: transparent;
	color: #666;
	font-size: 12px;
	box-shadow: none;
}

.c29-single-feedback .evo_comment .evo_comment_footer a:hover,
.c29-single-feedback .evo_comment .action_btn_group .btn:hover {
	color: var(--c29-comment-accent);
	text-decoration: underline;
}

/* Formulaire */

.c29-single-feedback .evo_form__comment,
.c29-single-feedback .evo_form__comment .panel {
	border: 1px solid #dfdfda;
	border-top: 4px solid var(--c29-comment-accent);
	border-radius: 0;
	background: #fff;
	box-shadow: none;
}

.c29-single-feedback .evo_form__comment .panel-heading {
	padding: 21px 26px 15px;
	border: 0;
	background: transparent;
}

.c29-single-feedback .evo_form__comment .panel-title {
	margin: 0;
	color: #252525;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.2;
}

.c29-single-feedback .evo_form__comment .panel-body {
	padding: 10px 26px 28px;
}

.c29-single-feedback .evo_form__comment .form-group {
	margin-right: 0;
	margin-left: 0;
}

.c29-single-feedback .evo_form__comment .control-label {
	display: block;
	float: none !important;
	width: auto !important;
	margin: 0 0 8px;
	padding: 0 !important;
	color: #252525;
	font-size: 14px;
	font-weight: 700;
	text-align: left !important;
}

.c29-single-feedback .evo_form__comment .controls {
	display: block;
	float: none !important;
	width: 100% !important;
	margin: 0;
	padding: 0 !important;
}

.c29-single-feedback .evo_form__comment textarea.form_textarea_input,
.c29-single-feedback .evo_form__comment textarea.form-control {
	display: block;
	width: 100% !important;
	min-height: 220px;
	padding: 14px 15px;
	border: 1px solid #c9c9c4;
	border-radius: 0;
	background: #fff;
	color: #252525;
	font: 18px/1.55 "Newsreader", Georgia, serif;
	resize: vertical;
	box-shadow: none;
}

.c29-single-feedback .evo_form__comment textarea:focus,
.c29-single-feedback .evo_form__comment input:focus {
	border-color: var(--c29-comment-accent);
	outline: 0;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, .06);
}

/* Options et boutons */
.c29-single-feedback .evo_form__comment input[type="checkbox"] {
	accent-color: var(--c29-comment-accent);
}

.c29-single-feedback .evo_form__comment .control-buttons {
	margin-top: 24px;
	padding: 0;
}

.c29-single-feedback .evo_form__comment .btn,
.c29-single-feedback .widget_core_item_comment_form > .btn,
.c29-single-feedback .widget_core_item_comment_form > a.btn {
	padding: 10px 15px;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
	box-shadow: none;
}

.c29-single-feedback .evo_form__comment .btn-primary,
.c29-single-feedback .evo_form__comment input[type="submit"] {
	border-color: var(--c29-comment-accent);
	background: var(--c29-comment-accent);
	color: #fff;
}

.c29-single-feedback .evo_form__comment .btn-primary:hover,
.c29-single-feedback .evo_form__comment input[type="submit"]:hover {
	filter: brightness(.9);
}

.c29-single-feedback .evo_form__comment .btn-info,
.c29-single-feedback .widget_core_item_comment_form > .btn,
.c29-single-feedback .widget_core_item_comment_form > a.btn {
	border-color: #a9a9a5;
	background: #fff;
	color: #303030;
}

.c29-single-feedback .evo_form__comment .btn-info:hover,
.c29-single-feedback .widget_core_item_comment_form > .btn:hover,
.c29-single-feedback .widget_core_item_comment_form > a.btn:hover {
	border-color: var(--c29-comment-accent);
	color: var(--c29-comment-accent);
	background: #fff;
}

@media (max-width: 767px) {
	.c29-single-feedback .evo_content_block .evo_comment,
	.c29-single-feedback .evo_comment {
		padding: 19px 0 21px 14px;
	}

	.c29-single-feedback .evo_form__comment .panel-heading {
		padding: 18px 19px 12px;
	}

	.c29-single-feedback .evo_form__comment .panel-body {
		padding: 8px 19px 22px;
	}

	.c29-single-feedback .evo_form__comment textarea.form_textarea_input,
	.c29-single-feedback .evo_form__comment textarea.form-control {
		min-height: 185px;
		font-size: 17px;
	}
}

/* C29 — Ajustement fin des commentaires */

.c29-single-feedback h2.evo_comment_title,
.c29-single-feedback .evo_comments_title {
	margin-bottom: 22px;
	font-size: clamp(25px, 2.2vw, 28px);
}

/* Un seul trait : celui qui accompagne tout le commentaire */

.c29-single-feedback .evo_comment .evo_comment_title {
	display: block;
	margin: 0 0 13px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
}

/* Neutralise le second petit trait qui s’était ajouté devant l’auteur */
.c29-single-feedback .evo_comment .evo_comment_title::before {
	display: none !important;
	content: none !important;
}

.c29-single-feedback .evo_comment .evo_comment_title a {
	color: #303030;
	font-weight: 700;
}

/* Texte des commentaires : plus discret et plus compact */
.c29-single-feedback .evo_comment,
.c29-single-feedback .evo_comment p,
.c29-single-feedback .evo_comment .evo_comment_text,
.c29-single-feedback .evo_comment .evo_comment_content,
.c29-single-feedback .evo_comment .panel-body {
	font-family: "Newsreader", Georgia, serif;
	font-size: 17px !important;
	line-height: 1.55;
}

/* Le cadre coloré doit entourer le formulaire entier, pas le champ */
.c29-single-feedback .evo_form__comment {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.c29-single-feedback .widget_core_item_comment_form .panel {
	margin-top: 33px;
	border: 1px solid #dfdfda;
	border-top: 4px solid var(--c29-comment-accent);
	border-radius: 0;
	background: #fff;
	box-shadow: none;
}

.c29-single-feedback .widget_core_item_comment_form .panel-heading {
	padding: 19px 25px 13px;
	border: 0;
	border-bottom: 1px solid #dfdfda;
	background: #fff !important;
}

.c29-single-feedback .widget_core_item_comment_form .panel-title {
	font-size: 21px;
	font-weight: 500;
}

.c29-single-feedback .widget_core_item_comment_form .panel-body {
	padding: 20px 25px 27px;
}

/* Plus de trait vert au-dessus de « Texte du commentaire » */
.c29-single-feedback .evo_form__comment fieldset,
.c29-single-feedback .evo_form__comment .fieldset {
	border-top: 0 !important;
}

@media (max-width: 767px) {
	.c29-single-feedback .evo_comment,
	.c29-single-feedback .evo_content_block .evo_comment {
		padding-left: 13px;
	}

	.c29-single-feedback .widget_core_item_comment_form .panel-heading {
		padding: 17px 19px 11px;
	}

	.c29-single-feedback .widget_core_item_comment_form .panel-body {
		padding: 18px 19px 22px;
	}
}

/* Commentaires : actions de bas bien espacées */

.c29-single-feedback .evo_comment .evo_comment_footer .action_btn_group {
	display: inline-flex !important;
	align-items: center;
	float: none !important;
	gap: 11px;
	margin: 0 !important;
}

.c29-single-feedback .evo_comment .evo_comment_footer a,
.c29-single-feedback .evo_comment .evo_comment_footer .btn {
	display: inline-flex !important;
	align-items: center;
	margin: 0 !important;
	white-space: nowrap;

}


/* =========================================================
   C29 V4 — navigation compacte au-dessus du carrousel
   ========================================================= */

.c29-latest-posts__heading,
.c29-latest-posts__heading h2 {
  display: none !important;
}

@media (max-width: 520px) {

  .c29-article-navigation__previous {
    grid-column: 1;
    grid-row: 1;
  }

  .c29-article-navigation__next {
    grid-column: 2;
    grid-row: 1;
  }

  .c29-article-navigation__all {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}


/* =========================================================
   C29 V4 — MENU DES RUBRIQUES : réglages définitifs
   ========================================================= */
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu {
  display: flex !important;
  align-items: stretch;
  flex-wrap: nowrap !important;
  gap: 0;
  margin: 0 !important;
  margin-bottom: 28px !important;
  padding: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid #d8d8d4 !important;
  background: transparent !important;
  font-family: Arial, Helvetica, sans-serif;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li {
  --c29-menu-accent: #C92F45;
  flex: 0 0 auto;
  float: none !important;
  margin: 0 !important;
}

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li:nth-child(2) { --c29-menu-accent: #18A34A; }
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li:nth-child(3) { --c29-menu-accent: #337AB7; }
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li:nth-child(4) { --c29-menu-accent: #FCBE45; }
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li:nth-child(5) { --c29-menu-accent: #AA4BAF; }
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li:nth-child(6) { --c29-menu-accent: #C92F45; }
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li:nth-child(7) { --c29-menu-accent: #18A34A; }

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li > a {
  position: relative;
  display: block;
  margin: 0 !important;
  padding: 10px 6px 11px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1f2933 !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none !important;
  white-space: nowrap;
  transition: color .18s ease, background-color .18s ease;
}

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li > a::before {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 9px 1px 0;
  margin-right: 5px;
  background: var(--c29-menu-accent);
  content: "";
  vertical-align: middle;
}

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li > a::after {
  position: absolute;
  right: 6px;
  bottom: -1px;
  left: 6px;
  height: 3px;
  background: transparent;
  content: "";
  transition: background-color .18s ease;
}

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li > a:hover,
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li > a:focus {
  background: #f7f7f4 !important;
  color: #171717 !important;
}

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li.active > a,
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li.active > a:hover,
#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li.active > a:focus {
  border: 0 !important;
  background: #fff !important;
  color: #171717 !important;
  font-weight: 750;
}

#skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li.active > a::after {
  background: var(--c29-menu-accent);
}

@media (min-width: 992px) {
  body.coll_2.disp_posts .row > div.col-xxl-10.col-md-9.pull-right-md {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 767px) {
  #skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu {
    flex-wrap: nowrap;
    margin-bottom: 20px !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li {
    flex: 0 0 auto;
  }

  #skin_wrapper > .container.container-xxl > nav.row > .col-md-12 > ul.nav.nav-tabs.evo_container.evo_container__menu > li > a {
    padding: 10px 7px 11px !important;
    font-size: 13px;
  }
}

/* Images centrales fluides, sans agrandissement au-delà de leur conteneur. */
.c29-single-content .image_block:not([class*="left"]):not([class*="right"]) > a,
.c29-single-content [class*="image_block"]:not([class*="left"]):not([class*="right"]) > a {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

.c29-single-content .image_block:not([class*="left"]):not([class*="right"]) > img,
.c29-single-content [class*="image_block"]:not([class*="left"]):not([class*="right"]) > img,
.c29-single-content .image_block:not([class*="left"]):not([class*="right"]) > a > img,
.c29-single-content [class*="image_block"]:not([class*="left"]):not([class*="right"]) > a > img,
.c29-single-content .c29-media-centered img,
.c29-single-content img.c29-media-centered-fluid {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-right: auto !important;
  margin-left: auto !important;
  float: none !important;
}

/* Liaison resserrée entre le carrousel et le pied de page. */


/* ==========================================================
   C29 V4 — ZONE BASSE + FOOTER : STRUCTURE HOPER PROPRE
   Une seule couche de règles, sans héritage des essais précédents.
   ========================================================== */

/* La zone grise sort du conteneur du single et occupe tout le viewport. */
.c29-hoper-footer-area {
  --c29-footer-red: #C92F45;
  --c29-footer-ink: #1D1F20;
  --c29-footer-muted: #707276;
  --c29-footer-line: #DEDEDA;
  --c29-footer-soft: #F3F3F1;
  --c29-footer-dark: #202224;

  position: relative;
  left: 50%;
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  margin: 50px 0 0 -50vw;
  padding-top: 48px;
  border-top: 1px solid var(--c29-footer-line);
  background: var(--c29-footer-soft);
  color: var(--c29-footer-ink);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.c29-hoper-footer-area *,
.c29-hoper-footer-area *::before,
.c29-hoper-footer-area *::after {
  box-sizing: border-box;
}

/* Le contenu des trois colonnes reste centré à la largeur Bootstrap. */
.c29-hoper-footer-area > .container {
  position: relative;
  left: auto;
  width: 1170px;
  max-width: calc(100% - 30px);
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.c29-hoper-footer-columns {
  display: flex;
  flex-wrap: wrap;
}

.c29-hoper-footer-column {
  min-width: 0;
  padding-right: 32px;
  padding-bottom: 42px;
  padding-left: 32px;
}

.c29-hoper-footer-container,
.c29-hoper-footer-container.evo_container {
  margin: 0 !important;
  padding: 0 !important;
}

.c29-hoper-footer-widget {
  margin: 0 0 28px;
  padding: 0;
}

.c29-hoper-footer-widget:last-child {
  margin-bottom: 0;
}

/* Titres identiques à la zone secondaire Hoper. */
.c29-hoper-footer-area .page-header,
.c29-hoper-footer-title {
  position: relative;
  margin: 0 0 22px !important;
  padding: 0 0 0 13px !important;
  border: 0 !important;
  color: var(--c29-footer-ink) !important;
  font-family: "Arial Narrow", "Liberation Sans Narrow", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 25px !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.c29-hoper-footer-area .page-header::before,
.c29-hoper-footer-title::before {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  width: 4px;
  background: var(--c29-footer-red);
}

.c29-hoper-footer-area .panel,
.c29-hoper-footer-area .well,
.c29-hoper-footer-area .panel-heading,
.c29-hoper-footer-area .panel-body {
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.c29-hoper-footer-area a,
.c29-hoper-footer-area a:link,
.c29-hoper-footer-area a:visited {
  color: #343638;
  text-decoration: none;
}

.c29-hoper-footer-area a:hover,
.c29-hoper-footer-area a:focus {
  color: var(--c29-footer-red);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Listes de widgets, notamment Derniers commentaires. */
.c29-hoper-footer-area .evo_widget > ul,
.c29-hoper-footer-area .evo_widget > ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.c29-hoper-footer-area .evo_widget > ul > li,
.c29-hoper-footer-area .evo_widget > ol > li {
  margin: 0;
  padding: 9px 0 10px;
  border-bottom: 1px solid rgba(29, 31, 32, .10);
  font-size: 14px;
  line-height: 1.45;
}

.c29-hoper-footer-area .evo_widget > ul > li:first-child,
.c29-hoper-footer-area .evo_widget > ol > li:first-child {
  padding-top: 0;
}

.c29-hoper-footer-area .evo_widget > ul > li:last-child,
.c29-hoper-footer-area .evo_widget > ol > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.c29-hoper-footer-area .text-muted,
.c29-hoper-footer-area small,
.c29-hoper-footer-area .small {
  color: var(--c29-footer-muted) !important;
  font-size: 13px;
  line-height: 1.4;
}

/* Statistiques centrales dynamiques, verticales et centrées. */
.c29-hoper-footer-area .c29-footer-stats {
  width: 100%;
  color: var(--c29-footer-ink);
  text-align: center;
}

.c29-hoper-footer-area .c29-footer-stats__since,
.c29-hoper-footer-area .c29-footer-stats__age {
  text-align: center;
}

.c29-hoper-footer-area .c29-footer-stats__since {
  margin: 0 0 16px;
  color: var(--c29-footer-muted);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.c29-hoper-footer-area .c29-footer-stats__metrics {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100%;
  margin: 0 0 18px !important;
}

.c29-hoper-footer-area .c29-footer-stats__metric {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 0 11px;
  border-bottom: 1px solid #D5D5D1;
  text-align: center;
}

.c29-hoper-footer-area .c29-footer-stats__metric strong {
  display: block;
  color: var(--c29-footer-ink);
  font-family: "Arial Narrow", "Liberation Sans Narrow", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.c29-hoper-footer-area .c29-footer-stats__metric span {
  display: block;
  margin-top: 5px;
  color: var(--c29-footer-muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.c29-hoper-footer-area .c29-footer-stats__age {
  margin: 0;
  color: var(--c29-footer-muted);
  font-size: 13px;
}

.c29-hoper-footer-container--after-stats {
  margin-top: 24px !important;
}

/* Recherche : classe du widget = c29-footer-search. */
.c29-footer-search form {
  display: flex !important;
  align-items: stretch !important;
  width: 100%;
  max-width: 350px;
  margin: 0 auto !important;
}

.c29-footer-search input[type="text"],
.c29-footer-search input[type="search"],
.c29-footer-search .search_field {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #D5D5D1 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #222 !important;
  font-size: 15px !important;
  line-height: 54px !important;
}

.c29-footer-search input[type="submit"],
.c29-footer-search button[type="submit"] {
  flex: 0 0 54px;
  width: 54px !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: #C92F45 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M15.5 15.5L21 21' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 21px 21px !important;
  color: transparent !important;
  font-size: 0 !important;
  text-indent: -9999px !important;
  cursor: pointer;
}

.c29-footer-search input[type="submit"]:hover,
.c29-footer-search input[type="submit"]:focus,
.c29-footer-search button[type="submit"]:hover,
.c29-footer-search button[type="submit"]:focus {
  background-color: #A92337 !important;
}

/* Séparateurs verticaux entre les trois colonnes, comme Hoper. */
@media (min-width: 992px) {
  .c29-hoper-footer-column + .c29-hoper-footer-column {
    border-left: 1px solid #D5D5D1;
  }
}

/* ==========================================================
   BANDEAU NOIR : copie de la mécanique Hoper.
   Il est dans la .row, puis sort du container sur 100vw.
   ========================================================== */
.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 {
  flex-wrap: wrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  clear: both !important;
  position: relative !important;
  left: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  float: none !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 4px 0 0 -50vw !important;
  padding: 28px 28px 24px !important;
  background: #202224 !important;
  color: #c9cac7 !important;
  text-align: center !important;
}

.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 > .evo_container {
  order: 0;
  flex: 0 0 100%;
}

/* Hoper : le logo natif passe devant et garde son cartouche blanc. */
.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 > .powered_by {
  order: 1;
  flex: 0 0 auto;
  position: relative !important;
  z-index: 3 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 0 !important;
  text-align: center !important;
}

.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 > .powered_by img {
  min-width: 120px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  image-rendering: auto !important;
  display: block !important;
  position: relative !important;
  z-index: 4 !important;

  width: 120px !important;
  max-width: 120px !important;
  height: 32px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  background: #ffffff !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;

  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 > p.center {
  order: 2;
  flex: 0 1 auto;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: 1.5;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #c9cac7 !important;
  text-align: center !important;
}

.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 a,
.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 a:link,
.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 a:visited {
  text-decoration: none !important;
  color: #e3e3df !important;
}

.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 a:hover,
.c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 a:focus {
  text-decoration: underline !important;
  color: #fff !important;
}

@media (max-width: 1199px) {
  .c29-hoper-footer-area > .container {
    width: 970px;
  }
}

@media (max-width: 991px) {
  .c29-hoper-footer-area {
    padding-top: 18px;
  }

  .c29-hoper-footer-area > .container {
    width: 750px;
  }

  .c29-hoper-footer-columns {
    display: block;
  }

  .c29-hoper-footer-column {
    width: 100%;
    padding-top: 26px;
    padding-right: 15px;
    padding-bottom: 28px;
    padding-left: 15px;
    border-bottom: 1px solid #D5D5D1;
  }

  .c29-hoper-footer-column:last-of-type {
    border-bottom: 0;
  }
}

@media (max-width: 767px) {
  .c29-hoper-footer-area {
    margin-top: 38px;
  }

  .c29-hoper-footer-area > .container {
    width: auto;
    max-width: 100%;
  }

  .c29-hoper-footer-area .page-header,
  .c29-hoper-footer-title {
    margin-bottom: 18px !important;
    font-size: 23px !important;
  }

  .c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 {
    padding: 24px 18px 20px;
  }

  .c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 > .powered_by,
  .c29-hoper-footer-area footer.c29-hoper-footer-base.col-md-12 > p.center {
    flex-basis: 100%;
    text-align: center !important;
  }
}

/* Bandeau Hoper : plein écran, contenu centré. */

/* GIF transparent natif b2evolution, à sa taille d'origine. */

/* Barre cookies réelle du site : même anthracite que le footer. */
#evo_site_footer.evo_container__site_footer {
  position: relative !important;
  left: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px 18px !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  min-height: 48px !important;
  margin: 0 0 0 -50vw !important;
  padding: 12px 20px !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  border-bottom: 0 !important;
  background: #202224 !important;
  color: #c9cac7 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

#evo_site_footer.evo_container__site_footer .widget_core_coll_title:empty {
  display: none !important;
}

#evo_site_footer.evo_container__site_footer .widget_core_free_text {
  margin: 0 !important;
  padding: 0 !important;
  color: #c9cac7 !important;
}

#evo_site_footer #c29-cookie-settings,
#evo_site_footer .c29-cookie-settings {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border: 0 !important;
  border-bottom: 1px solid #aeb0b1 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #e3e3df !important;
  font: inherit !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

#evo_site_footer #c29-cookie-settings:hover,
#evo_site_footer #c29-cookie-settings:focus,
#evo_site_footer .c29-cookie-settings:hover,
#evo_site_footer .c29-cookie-settings:focus {
  border-bottom-color: #fff !important;
  background: transparent !important;
  color: #fff !important;
  outline: none !important;
  text-decoration: none !important;
}

/* B2EVOLUTION — rendu identique à Hoper */

/* ==========================================================
   C29 V4 — FEATURED / INTRO-CAT : ruban définitif
   ========================================================== */
.evo_intro_post.evo_hasbgimg {
  min-height: 0 !important;
}

.evo_intro_post.evo_hasbgimg .evo_post__full {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

.evo_intro_post.evo_hasbgimg .evo_post__full_text {
  display: block !important;
  box-sizing: border-box;
  width: calc(100% + 38px) !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 -19px -19px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.evo_intro_post.evo_hasbgimg .evo_post__full_text p {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.evo_intro_post.evo_hasbgimg .evo_post__full_text p:last-child {
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 9px 18px !important;
  background: rgba(0, 0, 0, 0.70) !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}