@charset "utf-8";
/* RESETER =========================================================================================*/
.alert_info {
    text-align: center;
    background-color: #dbc08e;
    color: #555;
    padding: 1em;
}
* 
{
	margin: 0;
	padding: 0;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	box-sizing: border-box;
	/* -webkit-appearance: none; */
	border-radius: 0;
	/* scroll-behavior: smooth; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img 
{
	max-width: 100%;
}

.display_none 
{
	display: none;
}

.clear 
{
	clear: both;
}

@media screen and ( min-width: 1900px) 
{
	html,
	body 
	{
		font-size: calc( 100vw / 120);
	}
}

/* RESETER ==========================================================================================*/

/* ANIMATION CHARGEMENT ==========================================================================================*/
.waiting button[type="submit"] {
    pointer-events: none; 
    opacity: 0.6; 
    position: relative;
}

.waiting button[type="submit"]::after {
    content: "⏳";
    position: absolute;
    right: 10px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* =======================================================================================================*/


a 
{
	color: inherit;
	text-decoration: none;
	transition: var(--transition_medium);
}

a[target="_blank"] 
{
	cursor: pointer;
}

a.cited_link 
{
	display: inline-block;
	max-width: 20em !important;
	/* ajustez la largeur maximale selon vos besoins */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: auto;
	vertical-align: bottom;
	color: var(--main_color);
}

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

/* a:hover 
{
	text-decoration: none;
} */

html,
body 
{
	min-height: 100vh;
	background-color: var(--background_color);
	color: var(--text_color);
	font-size: 16px;
	line-height: 1.6em;
	transition: color .6s ease, background-color .6s ease;
	line-height: 1.4em;
	width: 100vw;
	overflow-x: hidden;
}
.text_align_right
{
	text-align:right;
}
/* .background_page 
{
	    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--background_gradient);
    opacity: .5;
    transform: rotate(367deg) scaleY(1.5);
    mix-blend-mode: multiply;
	transition: background-color .6s ease, color .6s ease;
} */

.page_width_wrapper,
.__content 
{
	max-width: 71.875em;
	margin: auto;
	/* display: flex; */
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	/* background-color: #80008014; */
	position: relative;
	/* border: #ffc0cb45 1px dashed; */
}

.content 
{
	min-height: calc(100vh - 17.6em);
	padding-top: 8.7em;
	position: relative;
	/* padding-bottom: 4em; */
	/* background: linear-gradient(#1ca19a,10%,white); */
}

.ok 
{
	color: var(--ok_text);
}

.ok_block 
{
	background: var(--ok_background);
	color: white;
	border-radius: var(--border_radius);
	padding: 0.1em 0.5em;
	margin-right: .2em;
	margin-bottom: .2em;
}

.error 
{
	color: var(--error_text);
}

.error_block 
{
	background: var(--error_background);
	color: white;
	border-radius: var(--border_radius);
	padding: 0.1em 0.5em;
	margin-right: .2em;
	margin-bottom: .2em;
}

.error_block .bt 
{
	border-color: white !important;
	color: white !important;
}

.error_block .bt:hover 
{
	border-color: white !important;
	color: white !important;
	background-color: var(--turquoise) !important;
}

.error_block .bt:hover 
{
	border-color: var(--turquoise) !important;
}

/* .error_block .bt:hover 
{} */

pre.language-css.toCopy 
{
	display: inline-block;
}

.image 
{
	position: relative;
	overflow: hidden;
}

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

.dark_mode .cover_background.illustration, .dark_mode .contain_background.illustration {
    filter: invert(1) hue-rotate(180deg) saturate(4) brightness(1.5) contrast(0.6);
}

.cover_background 
{
	background-size: cover;
	filter: blur(14px);
	transform: scale(1.1);
}

.contain_background 
{
	background-size: contain;
}

.image,
img,
iframe 
{
	border-radius: var(--border_radius);
}

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

.video 
{
	/* background-image: url(https://d2uolguxr56s4e.cloudfront.net/img/kartrapages/video_player_placeholder.gif); */
	border-radius: var(--border_radius);
	padding-bottom: 56.5%;
	position: relative;
}

.vertical_center 
{
	position: absolute;
	top: 50%;
	/* left: 50%; */
	transform: translateY(-50%);
	font-family: inherit;
}
.beta_test_info_block {
    background-color: #f7ddad;
    padding: .4em;
    border-radius: var(--border_radius);
    color: #5f4311;
}
.beta_test_info_block a 
{
	text-decoration: underline;
	font-weight: bold;
}
.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);
}

.searching {
    width: 100%;
    height: 5em;
    background-image: url(../icons/loader_searching_animation.gif);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* GLOBAL ==========================================================================================*/

/* 404 ==========================================================================================*/

._404_content.page_width_wrapper {
    text-align: center;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1vh;
    width: 50vw;
}
._404_content .img_404 {
    display: block;
    width: 10em;
    height: 8em;
    /* background-color: red; */
    margin: auto;
    margin-bottom: 1em;
    background-image: url('../../_theme/images/404_closed_eye.svg');
}

._404_content .text {
    font-size: 3em;
    /* max-width: 11em; */
    font-family: 'zilla_slabbold', 'zilla_slab_semibold', serif;
    width: 100%;
}

._404_content span.turquoise {
    color: var(--turquoise);
    font-family: inherit;
}
@media screen and (max-width: 935px) 
{
    ._404_content .text 
    {
        font-size: 2em;
    }

    ._404_content.page_width_wrapper
    {
        font-size: 0.7em !important;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        margin-bottom: 3em;
    }
}
/* 404 ==========================================================================================*/

/* scrollbars-----------------------------------------------------------*/

::-webkit-scrollbar 
{
	width: 12px;
	background-color: var(--background-color-moderate);
	background-color: var(--background-color);
	height: 8px
}

::-webkit-scrollbar-track 
{
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

::-webkit-scrollbar-thumb 
{
	background-color: var(--main_color);
	outline: 1px solid var(--background-color-moderate);
	-webkit-box-shadow: 0 0 6px var(--background-color-moderate);
	border-left: var(--background-color) 1px solid;
	border-radius: 8px;
}

/* scrollbars-----------------------------------------------------------*/

/* UIcons-----------------------------------------------------------*/

.bt:before,
.bt_fleche:before,
.scrollUp:before,
*[class^="fi-sr-"]:before,
*[class*=" fi-sr-"]:before
/* ,
i[class^="fi-sr-"]:before,
i[class*=" fi-sr-"]:before,
span[class^="fi-sr-"]:before,
span[class*="fi-sr-"]:before  */

	
{
	font-family: 'uicons-solid-rounded' !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	/* position: relative; */
	padding: 0;
	margin: 0;
	/* top: -0.1em; */
	display: inline-block;
	/* margin: 0; */
	margin-right: 0.3em;
	z-index: 2;
}

.bt::before 
{
	margin: 0 .4em;
	margin-left: 0;
	display: inline;
}


.info {
    color: orange;
    font-style: italic;
}

.info::before {
    content: "\ea0c";
    font-family: 'icomoon';
    font-style: normal;
}
/* UIcons-----------------------------------------------------------*/

/* INPUTS ------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="phone"],
input[type="address"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="tel"],
input[type="text"],
input[type="text"],
select,
textarea 
{
	border: var(--text_color) 3px solid;
	background: transparent;
	padding: .4em;
	width: 100%;
	color: var(--text_color);
	color: inherit;
	border-radius: var(--border_radius);
	border: 1px solid var(--turquoise);
	font-size: inherit;
}

/* input[type="search"] 
{
	cursor: zoom-out;
} */

input.number 
{
	text-align: right;
}

select 
{
	background: initial;
}

select option 
{
	background-color: var(--background_color);
	color: var(--text_color);
}

/* STRIPE ----- */
.CB_input, .IBAN_input, .SEPA_input {
    background-color: white;
    padding: .4em;
    border-radius: var(--border_radius);
    margin: 1em;
    width: 20em;
    display: inline-block;
}
/* STRIPE ----- */

/* INPUTS ------------------------------------------------------------*/

/* DESIGN ELEMENTS ------------------------------------------------------------*/

.image::before 
{
	/* background-image: url(https://t4.ftcdn.net/jpg/02/84/64/51/360_F_284645131_hE2W3bbPxFBkk2aNqNyiTgLiraaiAuDh.jpg); */
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	mix-blend-mode: multiply;
}

.video::before 
{
	background-image: url(https://d2uolguxr56s4e.cloudfront.net/img/kartrapages/video_player_placeholder.gif);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	mix-blend-mode: multiply;
	padding-top: 56.25%;
	box-sizing: border-box;
}

/* DESIGN ELEMENTS ------------------------------------------------------------*/

/* Modales -----------------------------------------------------------------------*/

.modale 
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--background_color_transparent);
	backdrop-filter: blur(3px);
	z-index: 1000;
}

.close_modale.bg 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: #ff000014; */
}

.modale_content_wrapper 
{
	position: absolute;
	top: 50%;
	left: 50%;
	/* width: 20em; */
	/* height: 20em; */
	background-color: var(--form_bg_color);
	transform: translate(-50%, -50%);
	border-radius: var(--border_radius);
	box-shadow: var(--box_shadow);
	overflow-y: auto;
	overflow-x: hidden;
	max-width: 90vw;
	max-height: 90vh;
}

.modale_content 
{
	position: relative;
	width: 100%;
	min-height: 100%;
	padding-bottom: 2em;
}

.close_modale.close_bt 
{
	position: absolute;
	top: -1em;
	right: 0;
}

/* Modales -----------------------------------------------------------------------*/


/* Global ================================================================================== */

/* CONNECT FORM ------------------------------------------------- */

.connectForm .title 
{
	font-family: 'zilla_slab_semibold';
}

/* CONNECT FORM ------------------------------------------------- */

/* arian_menu -----------------------------------------------------*/

.ariane_menu 
{
	/* margin: 1em 0; */
	/* color: var(--gris_moyen); */
	margin-top: 0.6em;
}

.ariane_menu a 
{
	font-weight: bold;
	color: var(--gris_moyen);
}

.fil_ariane.page_width_wrapper a 
{
	font-weight: bold;
	color: var(--gris_moyen);
}

.fil_ariane 
{
	/* font-style: italic; */
	padding: .4em 0;
}

/* arian_menu -----------------------------------------------------*/

/* block_titre_rubrique_page_block -----------------------------------------------------*/

.block_titre_rubrique_page_block 
{
	position: relative;
}

.block_titre_rubrique_page_block .fi-sr-comments:before 
{
	color: var(--rose) !important;
}

.block_titre_rubrique_page_block .titre 
{
	font-family: 'zilla_slab_semibold';
	font-size: 2.4em;
	/* text-transform: uppercase; */
	vertical-align: middle;
	/* display: inline-block; */
	text-align: center;
	line-height: 1em;
	margin-bottom: .4rem;
}

.block_titre_rubrique_page_block .titre::before 
{
	color: var(--turquoise);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -0.1em;
	margin-right: 0.3em;
	display: block;
}

.block_titre_rubrique_page_block .slogan 
{
	/* float: right; */
	position: relative;
	/* top: 1.5em; */
	font-family: 'Outfit', 'poppins_mediumregular', sans-serif;
	font-size: 1rem;
	text-align: center;
	max-width: 40em;
	padding: 0 1em;
	margin: auto;
	/* text-align: left; */
}

.block_titre_rubrique_page_block .titre_block:after 
{
	content: '';
	clear: both;
	display: block;
}

/* block_titre_rubrique_page_block -----------------------------------------------------*/

/* menu_sous_categories_block -----------------------------------------------------*/

.menu_sous_categories_block 
{
	max-width: 90vw;
	margin: auto;
}

.menu_sous_categories_block .sous_rubriques_link 
{
	display: inline-block;
	/* text-transform: uppercase; */
	margin: .4em 0.8em;
	font-family: 'Outfit', 'poppins_mediumregular', sans-serif;
}

.menu_sous_categories_block .sous_rubriques_link:before 
{
	margin-right: .4em;
	vertical-align: text-top;
}

.menu_sous_categories_block .sous_rubriques_menu 
{
	/* border: var(--noir_antracite) 1px solid; */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	border-color: var(--text_color);
	margin: 1em 0;
	border-radius: var(--border_radius);
	display: block;
	text-align: center;
}

/* menu_sous_categories_block -----------------------------------------------------*/

.titre_wrapper .titre_block 
{
	font-family: 'zilla_slab_semibold';
	font-size: 2em;
	display: inline-block;
	text-transform: uppercase;
}

/* Admin -----------------------------------------------------------------------------------*/

a.retour_back_office 
{
	margin-top: 2em;
}

/* Admin -----------------------------------------------------------------------------------*/

/* Global ================================================================================== */

/*  MODULES PRESENTATION =================================================================*/

/* sous_rubrique_infos_content------------------------------------------------------- */

.sous_rubrique_block_content 
{
	margin: 2em 0;
}

/* .sous_rubrique_infos_content 
{} */

.sous_rubrique_infos_content .sous_rubrique_illustration 
{
	display: inline-block;
	height: 316px;
	width: 270px;
	background-color: #5555;
	margin-right: 1em;
	display: none;
}

.sous_rubrique_infos_content .sous_rubrique_desc_block 
{
	/* background-color: #00ffc41c; */
	display: inline-block;
	width: calc( 100% - 259px - 2em);
	vertical-align: top;
	width: 100%;
	/* display: none; */
}

.sous_rubrique_infos_content .titre_wrapper 
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* align-items: stretch; */
	width: 100%;
	margin-bottom: 1em;
	margin-top: 1em;
}

.sous_rubrique_infos_content .titre_block 
{
	background-color: var(--turquoise);
	display: block;
	/* border-top: 3px solid var(--turquoise); */
	/* text-align: center; */
	margin: 0.5em;
	/* display: none; */
	padding: 0em 0em;
	border-radius: var(--border_radius);
	font-family: 'zilla_slab_semibold';
	font-size: 1.4em;
	background-color: var(--turquoise);
	color: white;
	padding: 0 .4em;
	text-wrap: nowrap;
	margin-left: 0;
	text-transform: uppercase;
}

.sous_rubrique_infos_content .separator_line 
{
	height: 4px;
	width: auto;
	flex: 1;
}

/* .sous_rubrique_infos_content .bt.bt_tout_voir 
{
	display: inline-block;
	margin-left: 1em;
	border-color: transparent;
	padding: .4em 0;
	margin: 0;
} */

/* .sous_rubrique_infos_content .bt.bt_tout_voir:hover 
{
	border-width: 3px; 
	border-style: solid;
	border-color: var(--turquoise);
} */

.sous_rubrique_infos_content .desc_wrapper 
{
	/* background-color: #d8ff0014; */
	height: 16.7em;
	margin-top: 1em;
	text-align: center;
	display: none;
}

.sous_rubrique_infos_content .desc_text 
{
	/* background-color: #0066ff1c; */
	display: inline-block;
	width: calc( 100% - 32.3em);
	height: 100%;
	padding-right: 1em;
	vertical-align: top;
}

.sous_rubrique_infos_content .desc_video.video 
{
	display: inline-block;
	width: 27em;
	/* height: 100%; */
	padding-bottom: 28.25%;
	padding-bottom: 0;
	/* background-color: #80290047; */
	position: relative;
}

/* sous_rubrique_infos_content------------------------------------------------------- */

/* EMISSIONS --------------------------------------*/

.bloc_emission 
{
	display: inline-block;
	background-color: red;
	width: 257px;
	height: 454px;
	vertical-align: top;
	background-color: var(--background_color);
	box-shadow: #8080801c 7px 7px 0;
	border-radius: var(--border_radius);
	overflow: hidden;
	text-align: justify;
	margin: 1em 0em;
	/* transform: scale(.96); */
	overflow: hidden;
}

.bloc_emission:hover 
{
	text-decoration: none;
	transform: scale(1);
}

.bloc_emission .vignette 
{
	height: 257px;
	background-color: #f4f4f4;
	/* mix-blend-mode: multiply; */
	position: relative;
	border-radius: var(--border_radius);
}

.bloc_emission .titre 
{
	font-family: 'zilla_slab_semibold';
	font-size: 1.4em;
	margin: 0.7em .2em;
	line-height: 1em;
	min-height: 2em;
	text-align: left;
}

.bloc_emission .titre::after 
{
	content: '';
	display: block;
	height: 2px;
	width: 2em;
	background-color: var(--turquoise);
	margin-top: 0.3em;
}

.bloc_emission .text 
{
	margin: 0.4em;
	overflow: hidden;
	text-overflow: clip;
	/* text-overflow-mode: "[...]"; */
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	text-align: left;
}

/* EMISSIONS --------------------------------------*/

/* RUBRIQUES --------------------------------------*/

.rubrique_page_titre .txt 
{
	font-family: 'zilla_slabbold', serif;
	font-size: 1.75rem;
	color: var(--text_color);
	padding: 0 0.5em;
	display: inline-block;
	background-color: transparent;
}

.rubrique_page_titre .separator_line 
{
	height: 8px;
	margin: 1em;
	width: calc(100% - 21.4em) !important;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -0.4em;
}

.rubrique_page_titre .rubrique_icone 
{
	display: inline-block;
	font-size: 2em;
	vertical-align: middle;
	display: block;
}

.jo-2024:before
{
	background-image: url('../../_theme/Jess_boroy_V1/icons/JO_2024.png');
    background-size: 100% 100%;
	background-repeat:no-repeat;
    display: inline-block;
    width: 40px; 
    height: 40px;
	margin-left:50%;
    content:"";
}

/* RUBRIQUES --------------------------------------*/

/* Club-Agora-Pi --------------------------------------*/

.Club-Agora-Pi .content,
.Parutions .content,
.Blogs .content,
.Charte-de-participation .content,
.Mode-d-emploi .content,
.Blog .content,
.Annoncer-un-evenement .content,
.Agenda .content 
{
	background-color: #fff;

	/* 	background-color: #ffd98124;
	background-color: var(--background_jaune_agorapi); */


	/* background-color: #F9F3E5; */
	/* 	padding-top: 10em; */
	padding-bottom: 8em;
}



html.Club-Agora-Pi .content .bt_outline,
html.Club-Agora-Pi .content select,
html.Club-Agora-Pi .content input,
html.Club-Agora-Pi .content textarea,
html.Charte-de-participation .content .bt_outline,
html.Charte-de-participation .content select,
html.Charte-de-participation .content input,
html.Charte-de-participation .content textarea,
html.Mode-d-emploi .content .bt_outline,
html.Mode-d-emploi .content select,
html.Mode-d-emploi .content input,
html.Mode-d-emploi .content textarea,
html.Blogs .content .bt_outline,
html.Blogs .content select,
html.Blogs .content input,
html.Blogs .content textarea,
html.Mode-d-emploi .content .bt_outline,
html.Mode-d-emploi .content select,
html.Mode-d-emploi .content input,
html.Mode-d-emploi .content textarea,
html.Agenda .content .bt_outline,
html.Agenda .content select,
html.Agenda .content input,
html.Agenda .content textarea 
{
	background-color: transparent;
	border-color: var(--rose);
}

html.Club-Agora-Pi .content .bt_outline:hover,
html.Charte-de-participation .content .bt_outline:hover,
html.Mode-d-emploi .content .bt_outline:hover,
html.Blogs .content .bt_outline:hover,
html.Mode-d-emploi .content .bt_outline:hover,
html.Agenda .content .bt_outline:hover 
{
	background-color: var(--rose);
	color: white !important;
}

/* html.Club-Agora-Pi .content .bt_outline:hover::before,
html.Blogs .content .bt_outline:hover::before,
html.Agenda .content .bt_outline:hover::before

{
	color:white;
} */

.thematiques_wrapper 
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
@media screen and (max-width: 592px) 
{
	.thematiques_wrapper 
	{
		display: block;
	}
	
}
a.thematique_block 
{
	display: inline-block;
	width: 260px;
	height: 450px;
	background-color: var(--background-color);
	position: relative;
	box-shadow: #00000021 4px 4px 0;
	/* margin: 0 .4em 1em; */
	margin-bottom: 1em;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
}

a.thematique_block .visu 
{
	height: 300px;
}

.dark_mode a.thematique_block .visu 
{
	filter: invert(1) hue-rotate(198deg) brightness(1.2) saturate(8.5);
}

.thematique_block .titre_thematique 
{
	font-family: 'zilla_slabbold', serif;
	font-size: 1.2em;
}

.thematique_block .tiret_color 
{
	width: 4em;
	height: 3px;
	background-color: var(--rose);
	margin: 0.4em 0px;
}

.thematique_block .parutions_count 
{
	font-weight: bold;
}

/* Club-Agora-Pi --------------------------------------*/

/*  MODULES PRESENTATION =================================================================*/

/* Dans Modules _get_presentation_modules */

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

@media screen and (max-width: 1180px) 
{
    .page_width_wrapper
    {
        margin-left: 1em;
        margin-right: 1.5em;
    }
}

@media screen and (max-width: 935px) 
{
	.content 
	{
		padding-top: 3.3em;
	}
	.reglementaire_txt 
	{
		padding: 0 1em;
		text-align: justify;
	}
	.reglementaire_txt h2 
	{
		text-align: left;
	}
	.ariane_menu 
	{
		padding: 0 1em;
	}
	a.bt.bt_tout_voir 
	{
		display: block;
	}
	.sous_rubrique_infos_content .titre_wrapper 
	{
		display: block;
	}
	.sous_rubrique_infos_content .desc_text 
	{
		width: 100%;
		height: auto;
		padding: 1em;
	}
	.sous_rubrique_infos_content .desc_wrapper 
	{
		height: auto;
	}
	.last_sous_rubrique_artiles_wrapper 
	{
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.sous_rubrique_infos_content .titre_block 
	{
		margin: 0 1em;
		display: block;
	}
}


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











/* Cadre du slider publicité */
.publicite-slider {
  position: relative;
  width: 100%;
  max-width: 1150px;          /* largeur max desktop */
  margin: 20px auto;
}

.publicite-slider-frame {
  width: 100%;
  aspect-ratio: 1150 / 150;    /* hauteur auto proportionnelle */
  background: #f4f4f4;       /* fond pour letterboxing */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Slides publicité */
.publicite-slide {
  display: none;
  width: 100%;
  height: 100%;
}

.publicite-slide.active {
  display: flex;
}

.publicite-slide a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

/* L’image s’adapte sans déformation ni recadrage */
.publicite-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;       /* garder l’intégralité de la créa */
}

/* Mobile : slot 300x250 */
@media (max-width: 768px) {
  .publicite-slider {
    max-width: 300px;
  }
  .publicite-slider-frame {
    aspect-ratio: 300 / 250;
  }
}