.left_action_bar 
{
	/* width: 8em; */
	/* display: inline-block; */
}

.left_action_bar .action_bt:before 
{
	display: block;
	width: 100%;
	font-size: 1.8em;
	margin-bottom: 0.3em;
	transition: var(--transition_medium);
}

.left_action_bar .action_bt 
{
	width: 5em;
	line-height: 1.1em;
	margin-bottom: 1.4em;
	display: block;
	margin: .4em auto;
	margin-bottom: 1.3em;
	cursor: pointer;
	vertical-align: top;
}

.action_bt.a_la_une.fi-sr-star 
{
	cursor: initial;
}

.action_bt.read_later_bt.fi-sr-time-add.__fi-sr-time-half-past.__fi-sr-time-forward.active 
{
	color: var(--turquoise);
}

.left_action_bar .action_bt.offrir_article_bt 
{
	/* color: var(--turquoise); */
	display: none;
}

.action_bt.rec_bookmark.fi-sr-bookmark 
{
	cursor: pointer;
}

.action_bt.rec_bookmark.fi-sr-bookmark.active::before 
{
	color: var(--turquoise);
}

.right_action_bar 
{
	font-size: 1.8em;
	text-align: right;
	padding: 0 .4em;
	text-align: center;
}

.right_action_bar a,
.right_action_bar div:not(.share_other, .slideToggler_content) 
{
	/* background-color: red; */
	margin: 0 0.3em;
}

.QR_code 
{
	/* mix-blend-mode: multiply; */
}

.QR_code a 
{
	background-color: white !important;
	display: inline-block;
	height: auto;
	padding: 0;
	height: auto;
	padding: .4em;
}

.like_bt 
{
	cursor: pointer;
	position: relative;
	transition: var(--transition_medium);
}

.like_bt .like_nb 
{
	color: white;
	position: absolute;
	top: 0;
	font-size: .4em;
	top: 49.8%;
	left: 40%;
	transform: translate(-50%, -50%);
	width: 100%;
	display: inline-block;
	text-align: center;
}

.like_bt.active 
{
	color: var(--rose);
}

.right_action_bar .share_other a 
{
	display: inline-block;
	/* background-color: red; */
	/* height: 2em; */
	/* width: 2em; */
}

.right_action_bar>div 
{
	display: inline-block;
	vertical-align: top;
}

.right_action_bar .share_other 
{
	text-align: center;
}

.right_action_bar .share_other .slideToggler_content 
{
	padding: 0.1em 0;
	margin-bottom: 1em;
}

.like_bt.fi-sr-heart:before 
{
	margin: 0;
	line-height: 0.3em;
	height: 0.6em;
	width: 1.1em;
	text-align: center;
}

.argora_right_txt 
{
	border: 2px solid var(--rose);
	padding: 1em;
	border-radius: var(--border_radius);
	display: none;
}

.argora_right_txt .bt_outline 
{
	border-color: var(--rose);
	margin-top: 1em;
}

.argora_right_txt .bt_outline:hover 
{
	background-color: var(--rose);
}

.argora_right_txt .title 
{
	font-family: 'zilla_slabbold';
	line-height: 1.3em;
	font-size: 1.4em;
	margin-bottom: 0.7em;
}

.article_wrapper.page_width_wrapper 
{
	/* text-align: center; */
	position: relative;
}

.article_wrapper.page_width_wrapper .pre_article_block 
{
	text-align: center;
	/* margin: 2em auto; */
	min-height: 20em;
	position: relative;
	height: auto;
	display: block;
}

.article_wrapper .rubrique_block 
{}

.article_wrapper a.icone 
{
	font-size: 2em;
}

.article_wrapper .sous_rubrique_titre 
{
	font-family: 'Outfit','poppins_mediumregular';
	font-size: 1.4em;
}

.article_wrapper .tiret 
{
	/* display: inline-block; */
	width: 4em;
	height: 3px;
	margin: auto;
}

.article_wrapper .titre_article 
{
	font-size: 2.4em;
	font-family: 'zilla_slabbold';
	line-height: 1em;
	margin: 0.5em;
	/* background-color: #F9F3E5; */
}

.dark_mode .article_header 
{
	background-color: #312d24;
}

.dark_mode .Club-Agora-Pi .article_header 
{
	background-color: #3d3930;
}

.article_info>* 
{
	display: inline-block;
	margin: .4em 2em;
	margin-bottom: 1.6em;
}

.presentateur_caracteristiques 
{
	color: var(--turquoise);
}

.Club-Agora-Pi .presentateur_caracteristiques 
{
	color: var(--rose);
}

.article_info 
{
	/* display: flex; */
	flex-direction: row;
	justify-content: space-evenly;
	line-height: 1em;
}

.article_wrapper .video_wrapper 
{}

.video_wrapper.image .youtube_wrapper 
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.video_wrapper 
{
	position: relative;
	width: 100%;
	background-color: #81818117;
	display: block;
	padding-top: 56.25%;
	overflow: hidden;
}

.cover_background,
.contain_background 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cover_background 
{
	background-size: cover;
	filter: blur(21px);
}

.video_wrapper iframe 
{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
}

.article_wrapper .video_wrapper iframe 
{
	/* z-index: 0; */
}

.article_wrapper .right 
{
	display: inline-block;
	float: right;
	/* background-color: blue; */
	width: 13em;
	/* position: absolute; */
	/* right: 0; */
	/* top: 0; */
}

.article_wrapper .center 
{
	display: inline-block;
	width: calc(100% - 28em);
	/* margin-left: 11em; */
}

.article_content_wrapper 
{
	position: relative;
}

.article_wrapper .left 
{
	display: inline-block;
	vertical-align: top;
	width: 14em;
	text-align: center;
	/* position: absolute; */
}

.pre_content_message 
{
	background-color: #ede4b4;
	text-align: center;
	border-radius: var(--border_radius);
	padding: .4em;
	color: #bb601c;
	font-family: 'Outfit' !important;
}

.pre_content_message * {
    font-family: 'Outfit' !important;
}

.pre_content_message .bt 
{
	color: white;
}

.pre_content_message .bt:hover 
{
	color: var(--turquoise) !important;
	text-decoration: none;
	background-color: #ede4b4;
}

.article_wrapper .article_text_content 
{
	text-align: justify;
	font-family: 'Open Sans','open sans', sans-serif !important;
	/* font-family: 'Open Sans' !important; */
}

.article_wrapper .article_text_content *:not(.pre_content_message) {
    font-family: 'Open Sans';
}

.article_text_content .youtube_wrapper 
{
	margin-bottom: 1em;
}

/* A REGLER !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.article_text_content .custom_YT_end_panel,
.YT_hack_quarterback,
.YT_hack_quarterback2,
/* .youtube_wrapper:after, */

.YT_fullscreen_bt 
{
	/* display: none !important; */
}

.youtube_wrapper:after 
{
	z-index: -1 !important;
}

/* A REGLER !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.get_subscription_block 
{
	border: 4px dotted var(--turquoise);
	border-width: 4px 0;
	margin: 2em;
	padding: 1em;
	text-align: center;
}

.get_subscription_block .bt 
{
	margin: 0.4em;
	display: inline-block;
}

.get_subscription_block p.abonnez_vous 
{}

.get_subscription_block .bt_wrapper 
{
	/* display: flex; */
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
}

.get_subscription_block button.bt.pay_single_article_bt 
{
    font-size: 1em;
}

.get_subscription_block a.bt.pay_abo_bt.abonnements 
{}

.get_subscription_block p.offrez 
{}

.get_subscription_block .bt.offir_article_bt 
{}

.bt.offir_article_bt {
    display: none;
}

.article_text_content a 
{
	color: var(--turquoise);
}

.article_text_content a.similaire_link 
{
	display: block;
	margin: 1em 0;
}

.article_text_content a:hover 
{
	text-decoration: underline;
}

.article_wrapper .article_text_content iframe 
{}

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

.article_wrapper .article_text_content p 
{
	margin: 1em 0;
	font-size: 1em !important;
}

.article_wrapper .article_text_content img 
{
	margin: 1.4em auto;
	display: block;
	max-height: calc(100vh - 10em);
	width: auto;
	max-width: 100%;
}

.tag_list 
{
	margin: 1em 0;
}

.tag 
{
	background-color: #5555;
	padding: 0.1em 1em;
	margin: .4em;
	border-radius: 1em;
	display: inline-block;
	white-space: nowrap;
	/* border: 1px solid #8d8d8d29; */
	background-color: #8585852b;
	/* background-color: #EDEDED; */
	transition: var(--transition_medium);
}

.tag:hover 
{
	background-color: #55555594;
	color: white;
	box-shadow: var(--box_shadow);
}

.label_journalis 
{
	display: inline-block;
}

.user_block 
{
	margin: 0em auto;
	display: inline-block;
	width: auto;
	margin-right: 1em;
}

.user_block .user_avatar 
{
	/* 	float: left; */
	display: inline-block;
	width: 2em;
	height: 2em !important;
	margin-right: 0.2em;
	vertical-align: middle;
}

.user_block .user_name 
{
	height: 1em;
	/* background-color: red; */
	display: inline-block;
	min-width: 10em;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
	top: 0;
	line-height: 1em;
}

.user_block .user_shortdesc 
{
	display: inline-block;
	/* background-color: yellow; */
	height: 1em;
	max-width: 20em;
}

.auteur_sociallinks 
{}

.auteur_sociallinks a 
{
	margin: .4em;
	font-size: 1.3em;
}

.non_published_block 
{
	text-align: center;
	/* border: red 2px solid; */
	background-color: var(--error_text);
	color: white;
	padding: .4em;
}

/* COMMENTAIRES ============================================= */
.add_comment_bt.waiting::after, .bt_submit_comment.waiting::after {
    content: '';
    display: inline-block;
    background-image: url(../../_theme/icons/loading_simple.gif);
    filter: invert(1);
    height: 1em;
    width: 1em;
    /* background-color:red; */
    background-size: contain;
    vertical-align: middle;
    margin-left: 0.4em;
}
.add_comment_bt.waiting:hover::after, .bt_submit_comment.waiting:hover::after {
filter: unset;
}
.comments_block_wrapper 
{
	margin: 3em auto;
}

.comments_block_wrapper>b 
{}

.comments_block 
{
	margin: 1em 1em;
	/* border: 1px solid var(--text_color); */
	padding: .4em;
	/* background-color: #5555; */
}

.comments_block .comment 
{
	border: 1px solid #29292955;
	margin: 0.2em 0;
	border-radius: var(--border_radius);
	padding: 0.2em;
	font-family: 'poppins_mediumregular' !important;
	background-color: #81818108;
	border: 1px solid var(--turquoise);
	border-width: 0 0 1px 1px;
	border-left-color: #00ad9b29;
	border-bottom-color: #53535300;
}

.comments_block .comment.replie 
{
	margin-left: 0.5em;
	margin-top: 0;
	position: relative;
}

.comments_block .comment.replie::before 
{
	content: '';
	display: inline-block;
	position: absolute;
	height: 1em;
	width: 0.8em;
	/* background-color: red; */
	left: -13px;
	border: 1px solid #00ad9b61;
	border-radius: 0 0 0 1em;
	border-width: 0 0 1px 1px;
}

.comments_block .comment * 
{
	font-family: 'poppins_mediumregular';
}

.new_comment_content 
{
	z-index: 1;
	position: relative;
}

.bt.bt_annuler.error 
{
	padding: 0em .4em;
}

.comment_user_block 
{
	display: inline-block;
}

.comment_user_block .user_avatar 
{
	vertical-align: middle;
	height: 2em !important;
	width: 2em;
}

.comment_user_block .user_name 
{
	display: inline-block;
	vertical-align: middle;
}
.unnamed_user {
    display: inline-block;
    opacity: .5;
}

.unnamed_user:hover {
    opacity: 1;
}
.comment_user_block .comment_date 
{
	text-align: right;
}

.comment_content 
{
	/* background-color: #5555; */
	padding: .4em;
	/* margin-bottom: 0.8em; */
	border-radius: var(--border_radius);
	/* border: 1px solid #5555; */
}

.comment_content .bt_reply.bt 
{
	padding: 0 .2em;
	height: auto;
	float: right;
	background-color: transparent;
	border-color: transparent;
	color: var(--turquoise);
	z-index: 2;
	position: relative;
}

.comment_content .bottom_action_bts::after 
{
	content: '';
	clear: both;
	display: block;
}

.comment_date 
{
	float: right;
	font-size: .8em;
	font-style: italic;
}

.comment_action_owner_bt 
{
	width: 100%;
	text-align: right;
	font-size: 0;
	/* display: none; */
}

.comment_action_owner_bt>div 
{
	display: inline-block;
	margin-left: 0.6rem;
	transition: var(--transition_medium);
	cursor: pointer;
}

.comment_action_owner_bt>div:hover 
{
	font-size: 1rem;
}

.comment_action_owner_bt>div span 
{
	margin-right: .4em;
	display: inline;
	font-size: 1rem;
}

/* COMMENTAIRES ============================================= */

/* REL_ARTICLES CARROUSEL ================================ */

.carrousel_wrapper.rel_articles .bt_fleche 
{
	background-color: var(--jaune);
	border-color: var(--jaune);
}

/* REL_ARTICLES CARROUSEL ================================ */

/* REPORTAGE ==================================================================================================*/

.article_template .background_picture 
{
	height: calc(100vh - 40em);
	/* background-color: red; */
	background-size: cover;
	position: relative;
	min-width: 100%;
	height: auto;
	display: block;
	min-height: 20em;
}

.article_header 
{
	background-color: var(--background_color);
	display: block;
	position: absolute;
	bottom: 0;
	width: 53em;
	max-width: 100%;
	min-width: 10rem;
	left: 50%;
	transform: translateX(-50%);
	border: 3px solid var(--turquoise);
	border-bottom-width: 0;
}

.page_content_wrapper.Le-monde-en-LSF .article_header 
{
	border-color: var(--violet);
}

.page_content_wrapper.Editions-speciales .article_header 
{
	border-color: var(--jaune);
}

.Club-Agora-Pi .article_header 
{
	background-color: #fff7e5;
}

/* REPORTAGE ==================================================================================================*/

/* AGORAPI ==================================================================================================*/

.page_content_wrapper.Club-Agora-Pi 
{
	background-color: #ffb2001a;
}

.dark_mode .page_content_wrapper.Club-Agora-Pi 
{
	background-color: #c3a96d24;
}

.page_content_wrapper 
{
	padding-top: 1em;
}

.quesquAgorapi 
{}

.quesquAgorapi_intro 
{
	text-align: left;
	max-width: 100%;
	margin: auto;
	column-count: 2;
	column-gap: 5em;
	margin: 3em 0;
}

.quesquAgorapi_bloc_wrapper 
{
	text-align: center;
}

.quesquAgorapi_bloc 
{
	display: inline-block;
	width: 14em;
	vertical-align: top;
	text-align: left;
	margin: 1em;
}

.bloc_icone 
{
	text-align: center;
	font-size: 3em;
	color: var(--rose);
}

.quesquAgorapi_bloc .title 
{
	font-family: 'zilla_slabbold';
	font-size: 1.2em;
	text-align: center;
	border-bottom: var(--rose) 4px solid;
	margin-bottom: .4em;
}

.quesquAgorapi_bloc .text 
{}

.publish_form.non_abonne .bt 
{
	padding: 0 0.6em;
	margin: 0.5em;
}

.signal_article_form 
{
	position: fixed;
	bottom: 1em;
	right: 1em;
	background-color: var(--form_bg_color);
	padding: 1em;
	border-radius: var(--border_radius);
	box-shadow: var(--box_shadow);
	width: 20em;
	height: auto;
	/* transform: translate(-100%, -100%); */
	padding-top: 2em;
	z-index: 1000;
}

.signal_article_form .bt_close.close_bt 
{
	background: transparent;
}

.signal_article_form .toolbar 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--turquoise);
	text-align: right;
	border-radius: var(--border_radius);
	z-index: 2;
	transition: all 0.8s cubic-bezier(0.25, 0.1, 0.37, 2.77);
	height: 2em;
}

.signal_article_form .toolbar .titre_fenetre 
{
	width: auto;
	background-color: transparent;
	width: calc( 100% - 7.5em);
	text-align: left;
	padding: 0.2em 0;
	font-weight: bold;
}

.signal_article_form .toolbar .titre_fenetre,
.signal_article_form .toolbar .bt_move 
{
	cursor: grab;
}

.signal_article_form.dragging .toolbar .titre_fenetre,
.signal_article_form.dragging .toolbar .bt_move 
{
	cursor: grabbing;
}

.signal_article_form .input_wrapper 
{
	margin-top: 1em;
}

.signal_article_form .toolbar>div 
{
	background-color: var(--form_background);
	/* padding: .4em; */
	width: 2em;
	height: 2em;
	background-color: var(--form_bg_color);
	vertical-align: top;
	display: inline-block;
	padding: 0;
	text-align: center;
	border-radius: 6px;
}

.bt.bt_move.fi-sr-expand-arrows-alt.ui-draggable-handle 
{
	padding-left: .4em;
}

.signal_article_form .bt.bt_send.rec_signalement_bt 
{
	margin: 1em auto;
	display: block;
	width: 10em;
	text-align: center;
	background-color: transparent;
}

.signal_article_form .bt.bt_send.rec_signalement_bt:hover 
{
	background-color: var(--turquoise);
}

.addPJ_bt.slideToggler_trigger 
{
	font-style: italic;
	font-size: .8em;
}

/* AGORAPI ==================================================================================================*/

.carrousel_block_wrapper.rel_articles 
{
	background-color: #ededed17;
}

.page_content_wrapper.Club-Agora-Pi .carrousel_block_wrapper.rel_articles 
{
	background-color: #fdd88324;
}

/* ACHAT ARTICLE ====================================================================================*/

.modale.achat_article_modale .modale_content_wrapper 
{}

.modale.achat_article_modale .article_info_block 
{
	margin: 1em;
	background-color: var(--background_color_content);
	border-radius: var(--border_radius);
	height: 7.2em;
}

.achat_article_form_wrapper .error_message.error 
{
	width: 30em;
	display: block;
	margin: auto;
	padding: 2em;
}

.modale.achat_article_modale .article_thumb 
{
	/* background-color: red; */
	width: 12em;
	padding-top: 20%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	border-radius: var(--border_radius);
}

.modale.achat_article_modale .cover_background,
.modale.achat_article_modale .contain_background 
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* background-color: yellow; */
	/* height: 86%; */
	/* display: inline-block; */
	padding-top: 56%;
}

.modale.achat_article_modale .cover_background 
{
	filter: blur(3px);
}

.modale.achat_article_modale .contain_background 
{
	/* display: none; */
}

.modale.achat_article_modale .article_titre 
{
	display: inline-block;
	font-size: 1.2em;
	width: 12em;
	vertical-align: top;
	line-height: 1.2em;
	padding: 0.4em;
	text-align: center;
	position: relative;
	height: 100%;
}

.modale.achat_article_modale .article_titre_center 
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.modale.achat_article_modale .article_prix 
{
	display: inline-block;
	font-size: 3em;
	padding: .4em;
}

.modale.achat_article_modale .facturation_form 
{
	margin: 1em;
	text-align: center;
	max-width: 20em;
	margin: auto;
}

.modale.achat_article_modale .input_wrapper.email.type_email.email 
{
	/* max-width: 20em; */
	/* margin: auto; */
}

.modale.achat_article_modale .input_wrapper 
{
	margin-bottom: 1em;
}

.modale.achat_article_modale .ok_payment 
{
	padding: 2em;
	max-width: 100%;
	width: 30em;
	margin: auto;
}

.modale.achat_article_modale .payment_form 
{
	padding: 2em;
}

.modale.achat_article_modale .card_wrapper 
{
	padding: 1em 0;
	text-align: center;
}

.stripe_CB_pay_bt.bt 
{
	margin: 1em auto;
}

/* ACHAT ARTICLE ====================================================================================*/

/* RESPONSIVE ====================================================================================*/

@media screen and (max-width: 825px) 
{
	.article_info>* {
	    margin: .4em;
	}
	.article_header {
	    position: relative;
	}
	.article_wrapper.page_width_wrapper 
	{
		padding: 1em;
	}
	.article_wrapper .left,
	.article_wrapper .center,
	.article_wrapper .right 
	{
		width: 100% !important;
		display: block !important;
		padding: 0 1em;
		float: unset;
	}
	.left_action_bar .action_bt 
	{
		display: inline-block !important;
	}
	.get_subscription_block 
	{
		margin: 1em 0;
		padding: .4em;
	}
	.quesquAgorapi_intro 
	{
		column-count: 1;
	}
}

/* RESPONSIVE ====================================================================================*/

/* PRINT ====================================================================================*/

@media print 
{
	.desktop_menu.header 
	{
		position: relative;
		top: 0;
	}
	body 
	{
		font-size: 9px;
	}
	.header_wrapper 
	{
		position: relative;
	}
	.debug_block,
	.design_rules_wrapper,
	.add_comment_bt,
	.__header_wrapper,
	.carrousel_wrapper.rel_articles,
	.admin_content_wrapper,
	.__video_wrapper,
	.youtube_wrapper 
	{
		display: none;
	}
	.right_action_bar .share_other .slideToggler_content 
	{
		display: inline-block !important;
	}
	.article_template .background_picture 
	{
		height: 2em;
	}

}

/* PRINT ====================================================================================*/