/* --------------------------------------------------------------------- */

/* -------- HALLE DE LA MACHINE 2023 @www.animaproductions.com --------- */

/* --------------------------------------------------------------------- */


/* Fonts */


@font-face 
{
	font-family: "LHDM";
	src: url("font/LHDM-01.eot");
	src: url("font/LHDM-01.eot?#iefix") format("embedded-opentype"), url("font/LHDM-01.woff2") format("woff2"), url("font/LHDM-01.woff") format("woff"), url("font/LHDM-01.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face 
{
	font-family: "LHDM-condensed";
	src: url("font/LHDM-SemiCondensed3.eot");
	src: url("font/LHDM-SemiCondensed3.eot?#iefix") format("embedded-opentype"), url("font/LHDM-SemiCondensed3.woff2") format("woff2"), url("font/LHDM-SemiCondensed3.woff") format("woff"),
		url("font/LHDM-SemiCondensed3.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}



:root
{
	/* COULEURS */
	
	--c-fond		: rgb( 243 , 238 , 232 );
	--c-rouge		: rgb( 234 , 51 , 34 );
	//--c-rouge		: rgb( 255 , 0 , 0 );
	--c-bleu-fonce	: rgb( 0 , 27 , 44 );
	--a-bleu-fonce	: rgba( 0 , 27 , 44 , .2 );
	
	/* EASINGS */
	--e-basic	:	500ms cubic-bezier(0.035, 0.625, 0.000, 1.000) ;
	--e-slow	:	1500ms cubic-bezier(0.035, 0.625, 0.000, 1.000) ;
	
	--w-block-padding-vertical	: 20px;
	--block-margin				: 35px;
	/* TAILLES */
	--w-max						: 96vw;
	--w-limit-text				: 820px;
	--w-limit-text-half			: 390px;
	
	
}

* {
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
}

html, body
{
	margin : 0px;
	padding : 0px;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size : 1.05em;
	line-height: 1.3em;
	color: var(--c-bleu-fonce);
	overflow-x:hidden;
}

#page
{
	background-color: var(--c-fond);
}

.no-u
{
	text-decoration: none;
}

p
{
	margin : 15px 0px;
}

a
{
	color : black;
}

hr
{
	border: 0px solid;
	height: 1px;
	width:100%;
	background-color: rgba(0,0,0,.4);
	margin : 20px 0px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "LHDM", "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	cursor: default;
}

h2, h3, h4, h5, h6
{
	color : var(--c-rouge);
}

h2
{
	text-align: center;
	font-size: 4.5em;
	line-height: .8em;
}

h3
{
	font-size: 3em;
	line-height: .8em;
}

.MOBILE_MODE h2
{
	font-size: 4.5em;
}

.HM23_SHY
{
	position: absolute;
	left : -99999px;
}

/* STRUCTURE */

.HM23_TEXT_CONTAINER
{
	width: var(--w-max);
	max-width: var(--w-limit-text);
	margin: 0 auto;
}

.HM23_TEXT_CONTAINER:empty
{
	display: none;
}

/* HEADER */

.HM23_HEADER_VIDEO
{
	width: 100vw;
	height: 100vh;
	line-height: 100vh;
}

.HM23_HEADER_PICTURE
{
	width: 100vw;
	height: 100vh;
	line-height: 100vh;
	background-size: cover;
	background-position: center center;	
	margin-bottom: -65px;
}

.HM23_HEADER_VIDEO
{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.MOBILE_MODE .HM23_HEADER_VIDEO
{
	height: calc( 100% + 60px );
}


.HM23_HEADER_TYPO 
{
  width: 100vw;
  padding: 120px 0px;
}

.HM23_HEADER_TYPO h1
{
  text-align: center;
  font-size: 7em;
  line-height: .85em;
}

.HM23_HEADER_GRADIENT
{
	width: 100%;
	height: calc( 100% - 30px);
	background: rgb(0,27,44);
	background: linear-gradient(0deg, rgba(0,27,44,.8) 0%, rgba(0,27,44,.1) 100%);
	//background: linear-gradient(0deg, rgba(0,27,44,1) 0%, rgba(0,27,44,.2) 100%);
	text-align: center;
}

.HM23_HEADER_CONTENT
{
	line-height: normal;
	display: inline-block;
	width: 90%;
	vertical-align: bottom;
	margin-bottom: 80px;
}

.HM23_HEADER_GRADIENT h1
{
	font-size: 5em;
	color: var(--c-rouge);
	line-height: 1em;
}

.MOBILE_MODE .HM23_HEADER_GRADIENT h1
{
	font-size: 4em !important;
}

/* MENU */

#HM23_BT_MENU_MOBILE,
#HM23_BT_MENU_MOBILE_FERMER
{
	background-color: var(--c-bleu-fonce);
	border-radius: 4px;
	border: 0px solid;
	padding: 9px 20px 10px 20px;
	color: white;
	font-family: "LHDM", "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.2em;
	cursor: pointer;
	text-decoration: none;
	-webkit-box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.4);
	transition: all var(--e-basic);
	
	position: fixed;
	z-index: 6000;
	top : -400px;
	right: 20px;
}

#HM23_BT_MENU_MOBILE:before
{
	content: '';
	display : inline-block;
	width: 20px;
	height: 15px;
	background-image: url('../ui/burger.svg');
	background-size: contain;
	background-position: center center;
	margin-right: 6px;
}

#HM23_BT_MENU_MOBILE_FERMER:before
{
	content: '';
	display : inline-block;
	width: 20px;
	height: 15px;
	background-image: url('../ui/croix.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.MOBILE_MODE #HM23_BT_MENU_MOBILE
{
	top : 20px;
}

.MOBILE_MODE #HM23_BT_MENU_MOBILE_FERMER
{
	
}

#HM23_MENU_MOBILE
{
	width: 90vw;
	height: 100vh;
	position: fixed;
	right : 200vw;
	z-index: 999;
	background-color: var(--c-bleu-fonce);
	color : white;
	text-align: center;
	padding : 90px 5vw;
	overflow-y: scroll;
}

#HM23_MENU_MOBILE>div
{
	padding-bottom: 30px;
}

#HM23_MENU_MOBILE ul li a
{
	padding : 5px 0px;
}

#HM23_MENU_MOBILE_FOOTER
{
	margin-bottom: 125px;
}

.HM23_MENU_MOBILE_OUVERT #HM23_MENU_MOBILE 
{
	left: 0px;
}

.HM23_MENU_MOBILE_OUVERT #HM23_BT_MENU_MOBILE
{
	top : -400px;
}

.HM23_MENU_MOBILE_OUVERT #HM23_BT_MENU_MOBILE_FERMER
{
	top : 20px;
}

#HM23_MENU_MOBILE .HM23_MAIN_NAV_ITEMS
{
	flex-direction: column;
}

#HM23_MENU_MOBILE .HM23_MAIN_NAV_ITEMS > li::after 
{
	display: none;
}

#HM23_MENU_MOBILE ul
{
	display: block;
	position : static;
	font-size: 3em;
	line-height: 1em;
}

#HM23_MENU_MOBILE ul ul
{
	position : static;
	font-size: .6em;
	display: block;
	width: 100%;
}

#HM23_MENU_MOBILE ul ul li a
{
	padding : 0px 15x;
	line-height: 1.2em;
}

#HM23_MENU_MOBILE ul li a
{
	font-family: "LHDM", "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	cursor: default;
	color  : var(--c-rouge);
}

#HM23_MENU_MOBILE ul li ul li a
{
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 500;
	cursor: default;
	color : white;
	text-transform: inherit;
}

/* BLOCKS */

.HM23_CONTENT_BLOCK
{
	//width			: calc( 100vw - var(--w-limit-text) );
	//padding-left 	: calc( 50vw - var(--w-limit-text-half) );
	//padding-right 	: calc( 50vw - var(--w-limit-text-half) );
	
	width: var(--w-max);
	max-width: var(--w-limit-text);
	margin: 0 auto;
	
	padding-top 	: var(--w-block-padding-vertical);
	padding-bottom 	: var(--w-block-padding-vertical);
}

.HM23_CONTENT_BLOCK_LARGE
{
	width			: 90vw;
	margin			: 0 auto; 
	padding-top 	: var(--w-block-padding-vertical);
	padding-bottom 	: var(--w-block-padding-vertical);
}

.HM23_CONTENT_BLOCK_FULL
{
	width			: 100vw;
}

.HM23_CHAPEAU
{
	font-size		: 1.45em; 
	text-align		: center;
	font-weight		: 700;
	line-height: 1.3em;
}

.HM23_NOTES
{
	font-size: .7em;
	line-height: 1.5em;
}

.HM23_CTA,
.wp-block-button__link
{
	background-color: var(--c-rouge);
	border-radius: 4px;
	padding: 9px 20px 10px 20px;
	color:white;
	font-family: "LHDM", "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.2em;
	cursor: pointer;
	text-decoration : none;
	-webkit-box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.4);
	transition: all var(--e-basic);
}

.HM23_CTA:hover,
.wp-block-button__link:hover
{
	background-color: var(--c-bleu-fonce);
}


.HM23_TEXTE_IMAGE
{
	display : flex;
	justify-content: center;
	align-items: center;
	gap : 20px;
}

.HM23_FLEX_REVERSED
{
	flex-direction: row-reverse;
}

.HM23_FLEX_REVERSED .HM23_TI_TEXTE
{
	text-align: right;
}

.MOBILE_MODE .HM23_FLEX_REVERSED .HM23_TI_TEXTE
{
	text-align: left;
}

.MOBILE_MODE .HM23_TEXTE_IMAGE,
.MOBILE_MODE .HM23_FLEX_REVERSED
{
	flex-direction: column;
}

.HM23_TI_VISUEL
{
	width : 45%;
	height: 450px;
}

.MOBILE_MODE .HM23_TI_VISUEL
{
	width : 100%;
	height: 30vh;
}

.HM23_TI_VISUEL img
{
	width: 100%;
	height:100%;
	object-fit: cover;
	object-position: center;
}

.HM23_TI_TEXTE
{
	width: 35%;
	padding : 40px;
}

.MOBILE_MODE .HM23_TI_TEXTE
{
	width: 100%;
	padding : 0px;
}

.HM23_TI_TITRE
{
	font-family: "LHDM", "Arial", sans-serif;
	font-weight: 100;
	font-size: 2.5em;
	//font-size: 4em;
	line-height: .9em;
	color: var(--c-rouge);
	text-transform: uppercase;
}

.HM23_TI_TITRE_CENTER
{
	width: 96vw;
	margin: 0 auto;
	text-align: center;
	margin-top: var(--block-margin);
	margin-bottom: -50px;
}

.MOBILE_MODE .HM23_TI_TITRE
{
	font-size: 3.2em;
}

.HM23_TI_TEXTE_CONTENU
{
	margin-top : 15px;
	margin-bottom : 30px;
}


.HM23_CTA_BANNER
{
	background-color: var(--c-rouge);
	padding : 50px 0px;
}

.HM23_CB_TEXTE
{
	display : flex;
	justify-content : space-evenly;
	align-items: center;
	gap:20px;
	width: 90%;
	max-width: var(--w-limit-text);
	margin: 0 auto;
}

.MOBILE_MODE .HM23_CB_TEXTE
{
	flex-direction: column;
	text-align: center;
}

.HM23_CB_TITRE
{
	font-family: "LHDM", "Arial", sans-serif;
	font-weight: 100;
	font-size: 3em;
	line-height: .9em;
	color : white !important;
	text-transform: uppercase;
}

.HM23_CTA_BANNER .HM23_CTA
{
	background-color: white;
	color:var(--c-rouge);
}

.HM23_CTA_BANNER .HM23_CTA:hover
{
	background-color: var(--c-bleu-fonce);
	color : white;
}

.HM23_CONTENT_BLOCK,
.HM23_CONTENT_BLOCK_LARGE,
.HM23_CONTENT_BLOCK_FULL,
.HM23_CONTENT_BLOCK_INSIDE
{
	margin-top : var(--block-margin);
	margin-bottom : var(--block-margin);
}

.HM23_GALERIE_TITRE
{
	width: 96vw;
	margin: 0 auto;
	text-align: center;
	font-family: "LHDM", "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	//font-size: 3.7em;
	font-size: 2.6em;
	line-height: .9em;
	color : var(--c-rouge);
}

.HM23_CARROUSEL_TITRE
{
	width: 96vw;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	font-family: "LHDM", "Arial", sans-serif;
	font-weight: 500;
	font-size: 2.5em;
	line-height: .9em;
	margin-bottom : 50px;
	color: var(--c-bleu-fonce);
}

.HM23_GALERIE_CONTAINER
{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	margin-top:30px;
	margin-bottom : 30px;
}

.HM23_GALERIE_ITEM
{
	width: 100%;
}

.HM23_GALERIE_ITEM img
{
	width: 100%;
	height : 50vh;
	object-fit: contain;
	object-position: center;
	margin-bottom : 20px;
}

.MOBILE_MODE .HM23_GALERIE_ITEM img
{
	height : 30vh;
	margin-bottom : 20px;
}

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

.HM23_GALERIE_ITEM_TITRE
{
	color : var(--c-bleu-fonce);
	font-weight: 100;
	display: none;
}

.HM23_GALERIE_ITEM_COPYRIGHT
{
	color : var(--c-bleu-fonce);
	font-size: .7em;
}

.HM23_ALERTE
{
	color: var(--c-rouge);
	border-left : 4px solid var(--c-rouge);
	padding-left : 20px;
	border-right : 4px solid var(--c-rouge);
	padding-right : 20px;
	width: calc( 100% - 44px );
}

.HM23_TI_ALERTE_TITRE
{
	color: var(--c-rouge);
	font-weight: 100;
	text-transform: uppercase;
}

/* FOOTER */

footer
{
	background-color: var(--c-bleu-fonce);
	color : white;
	display: flex;
	gap: 20px;
	padding: 60px 100px;
	width: calc( 100vw - 200px );
	align-items : flex-start;
	//margin-top: -35px;
	margin-top: 60px;
}

.MOBILE_MODE footer
{
	background-color: var(--c-bleu-fonce);
	color : white;
	display: flex;
	gap: 20px;
	padding: 30px 30px;
	width: calc( 100vw - 60px );
	align-items : flex-start;
	flex-direction: column;
}

footer a
{
	color : white;
	text-decoration: none;
}

footer a:hover
{
	text-decoration: underline;
}

.HM23_FOOTER_ITEM
{
	width: 100%;
	max-width: 240px;
}

.HM23_FOOTER_ITEM ul
{
	list-style: none;
	padding-left :0px;
}

.HM23_FOOTER_ITEM_LOGOS
{
	max-width: 160px;	
	margin: 17px 0px;
	padding-right:50px;
}

.HM23_FOOTER_ITEM img
{
	width: 100%;
	height: auto;
}

.HM23_FOOTER_MENTION
{
	display: block;
	width: 100%;
	text-align: center;
	font-size: .7em;
	opacity : .5;	
	margin-top: 23px;
	margin-bottom: 10px;
}

.HM23_FOOTER_ITEM_SOCIAL
{
	margin-top : 15px;
}

.HM23_FOOTER_SOCIAL
{
	padding: 0px;
	display: flex;
	margin-top : 5px;
}

.HM23_FOOTER_SOCIAL li a img
{
	height: 40px;
	width: auto;
}

/* HEADER */

.MOBILE_MODE #HM23_BT_BILLETTERIE,
.MOBILE_MODE #HM23_LANG_SELECTOR
{
	display: none;
}

#HM23_LANG_SELECTOR_MOBILE ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content : center;
	gap : 15px;
	align-items : center;
}

#HM23_LANG_SELECTOR_MOBILE ul li a
{
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 500;
	color : white;
	font-size: .3em;
}

#HM23_MAIN_NAV
{
	position: fixed;
	z-index: 2000;
	top:0px;
	left:0px;
	display: flex;
	justify-content : space-between;
	align-items: center;
	width: calc( 100vw - 90px);
	//width: calc( 100vw - 60px);
	padding: 30px;
	transition: all var(--e-basic);
}

.MOBILE_MODE #HM23_MAIN_NAV
{
	padding : 15px;
}

.HM23_MAIN_NAV_SHY
{
	//width: calc( 100vw - 30px) !important;
	width: calc( 100vw - 75px) !important;
	padding: 15px !important;
}

#HM23_LOGO_HOME
{
	//height: 27px !important;
}

#HM23_LOGO_HOME img
{
	width: 150px;
	height: auto;
	transition: .3s width ease-in-out;
}

.HM23_HOME_ACCROCHE
{
	color: white;
}

.HM23_HOME_LOGO
{
	width: 70vw;
	max-width: 650px;
	height: auto;
}

.HM23_MAIN_NAV_SHY #HM23_LOGO_HOME img
{
	width: 100px !important;
}

.HM23_MAIN_NAV_ITEMS
{
	list-style: none;
	padding-left:0px;
	display: flex;
	gap:15px;
	align-items:center;
}

.MOBILE_MODE .HM23_MAIN_NAV_ITEMS
{
	display:none;
}

.HM23_MAIN_NAV_ITEMS li a
{
	color:white;
	text-decoration: none;
	font-size: .9em;
}

.HM23_MAIN_NAV_ITEMS>li:after
{
	content:'';
	display: inline-block;
	width: 1px;
	height: 15px;
	margin-left:15px;
	background-color: white;
}

.HM23_MAIN_NAV_ITEMS>li:last-child:after
{
	display: none;
}


.sub-menu-toggle
{
	//position: absolute !important;
	//left : -999px !important;
	display:none;
}



.HM23_MAIN_NAV_ITEMS li ul 
{
	display: none;
}

.HM23_MAIN_NAV_ITEMS li:hover > ul 
{
	display: block; 
}

.HM23_MAIN_NAV_ITEMS ul 
{
	list-style: none;
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
	padding : 0px;
	z-index: 99999;
	//background: black;
	width: 250px;
	margin-left: 0px;
	//box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

.HM23_MAIN_NAV_ITEMS ul ul 
{
	list-style: none;
	display: none;
	position: relative;
	top: -35px;
	left: 280px;
	padding : 0px;
	z-index: 99999;
	background: black;
	width: 250px;
	margin-left: 0px;
	
}

.HM23_MAIN_NAV_ITEMS ul li a
{
	width : 100%;
	display: block;
	text-align: center;
	padding : 5px 15px;
	z-index: 99999;
	background: var(--c-bleu-fonce);
	transition : .3s ease-in-out all;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

.HM23_MAIN_NAV_ITEMS ul li a:hover
{
	padding : 5px 15px;
	z-index: 99999;
	background: var(--c-rouge);
	transition : .3s ease-in-out all;
}

.HM23_MAIN_NAV_ITEMS li 
{
	position: relative;
}



#HM23_LOGO_HOME
{
	
}

#HM23_MAIN_NAV_SUPPORT
{
	position: fixed;
	top : 0px;
	left:0px;
	width: 100%;
	height: 120px;
	z-index: 1000;
	background: linear-gradient(180deg, rgba(0,27,44,1) 0%, rgba(0,27,44,0) 100%);
}

.HM23_MAIN_NAV_SUPPORT_SHY
{
	height: 80px !important;
}


/* RELATED CONTENT */

.HM23_carrousel_container
{
	width: 100%;
	padding-bottom : 50px;
}

.HM23_carrousel_item,
a.HM23_carrousel_item
{
	text-decoration: none;
	width: 96vw;
	max-width: 220px;
	margin : 0px 15px;
	text-align: center;
}

.HM23_carrousel_item img
{
	width: 100%;
	height: 220px;
	object-fit: cover;
	margin-bottom: 10px;
}

.HM23_carrousel_titre
{
	color: var(--c-rouge);
	font-size: 1.7em;
	text-transform: uppercase;
	font-family: "LHDM", "Arial", sans-serif;
	font-weight: 500;
}

/* CARACTERISTIQUES */

img.HM23_CARACTERISTIQUES_ILLUSTRATION,
.HM23_FLICK_CONTAINER img.HM23_CARACTERISTIQUES_ILLUSTRATION
{
	mix-blend-mode: multiply;
	opacity: .75;
	width: 72%;
	margin-left: 14%;
}

.HM23_CARACTERISTIQUES_COLS
{
	width: 100%;
	display: flex;
	gap: 30px;
	font-size: .8em;
}

.HM23_CARACTERISTIQUES_COL
{
	width: calc( 50% - 15px );
}

.HM23_CARACTERISTIQUES_COL_LEFT
{
	text-align: right;
}

.HM23_CARACTERISTIQUES_COL_RIGHT
{
	text-align: left;
}
/*
.MOBILE_MODE .HM23_CARACTERISTIQUES_COLS
{
	flex-direction: column;
	gap : 0px;
}

.MOBILE_MODE .HM23_CARACTERISTIQUES_COL
{
	width: 100% !important;
	text-align: center !important;
}
*/
.HM23_CARACTERISTIQUES_SURTITRE
{
	font-size: 1.2em;
	color: var(--c-rouge);
	text-transform: uppercase;
	font-family: "LHDM", "Arial", sans-serif;
	font-weight: 100;
	line-height: 1.1em;
}

.HM23_CARACTERISTIQUES_TITRE
{
	font-size: 1.8em;
	color: var(--c-bleu-fonce);
	text-transform: uppercase;
	font-family: "LHDM", "Arial", sans-serif;
	font-weight: 100;
	line-height: .9em;
	margin-bottom: 30px;
}

/* ACTUALITES */

.HM23_FLICK_CONTAINER
{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
}

/*
.HM23_FLICK_CONTAINER
{
	width: 100%;
	margin-top: 50px;
	margin-bottom: 30px;
}
*/

.HM23_FLICK_ITEM,
a.HM23_FLICK_ITEM
{
	display: flex;
	align-items: center;
	justify-content : center;
	width: 100%;
}

.HM23_FLICK_ITEM_LISTE,
a.HM23_FLICK_ITEM_LISTE
{
	margin-top : 50px;
}

.MOBILE_MODE .HM23_FLICK_ITEM,
.MOBILE_MODE a.HM23_FLICK_ITEM
{
	flex-direction: column;
}

.HM23_FLICK_ITEM_IMAGE
{
	width: 50%;
	max-width: 450px;
	height: 50vh;
	max-height: 350px;
}

.MOBILE_MODE .HM23_FLICK_ITEM_IMAGE
{
	width: 100%;
}

.HM23_FLICK_ITEM_IMAGE img
{
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.HM23_FLICK_ITEM_TEXTE
{
	width: calc(50% - 60px);
	padding : 30px;
	max-width: 400px;
}

.MOBILE_MODE .HM23_FLICK_ITEM_TEXTE
{
	width: 100%;
	padding : 30px 0px;
}

.HM23_FLICK_IT_DATES
{
	width: 100%;
	font-family: "LHDM", "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.6em;
	line-height: .9em;
	color: var(--c-bleu-fonce);
}

.HM23_FLICK_IT_TITRE
{
	width: 100%;
	font-family: "LHDM", "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 3em;
	line-height: .9em;
	color: var(--c-rouge);
}

.HM23_CTA_LIKE
{
	display: inline-block;
	margin-top: 15px;
}


/* SELECTEUR DE LANGUE */

#HM23_LANG_SELECTOR
{
	position: fixed;
	top :41px;
	right : 7px;
	z-index: 5000;
	transition: all .3s ease-in-out;
	padding : 10px;
	border-radius : 4px;
}

.HM23_LANG_NAV_SHY
{
	top : 23px !important;
}

#HM23_LANG_SELECTOR a
{
	color : white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8em;
}

#HM23_LANG_SELECTOR>a:before
{
	content:'';
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	margin-right:5px;
	margin-top: -3px;
	background-image: url('../ui/triangle.svg');
	background-size: contain;
	transition: all .3s ease-in-out;
}

#HM23_LANG_SELECTOR:hover>a:before
{
	transform: rotate(180deg);
}

#HM23_LANG_SELECTOR ul
{
	display: none;
	list-style: none;
	padding : 0px;
	margin:0px;
	text-align: right;
}

#HM23_LANG_SELECTOR:hover 
{
	background-color: rgba(0,0,0,.6);
}

#HM23_LANG_SELECTOR:hover ul
{
	display: block;
}

.HM23_INFOS_PRATIQUES
{
	background-color: #ece2d6;
	padding : 30px;
	font-size: .9em;
	width: calc(100% - 60px);
}
/*
--c-fond		: rgb( 243 , 238 , 232 );
--c-rouge		: rgb( 255 , 0 , 0 );
--c-bleu-fonce	: rgb( 0 , 27 , 44 );
--a-bleu-fonce	: rgba( 0 , 27 , 44 , .2 );
*/
/* HOURS */

.HDLM_hours_container,
.HDLM_hours_container2
{
	width: 100%;
	margin: 0 auto;
}

.HM23_FLICK_ITEM_CARACTERISTIQUES
{
	height: auto;
}

.HM23_EVENT_DATE
{
	width: 100%;
	text-align: center;
	padding-top : 70px;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: 1.8em;
	  font-weight: 900;
}

.HM23_HORAIRES_CONTAINER
{
	display : flex;
	flex-direction: column;
}

.MOBILE_MODE .HM23_HORAIRES_CONTAINER
{
	flex-direction: column-reverse;
	width: 300px;
	margin: 0 auto;
}

/* OPENING TAGS */

.HM23_HEADER_OPENING
{
	display: inline-block;
	background-color: #001b2c;
	color: white;
	padding: 7px 15px 9px 15px;
	border-radius: 30px;
	font-size: .7em;
	text-transform: uppercase;
	cursor: default;
	position: absolute;
	top : 100px;
	right: 55px;
}

.MOBILE_MODE .HM23_HEADER_OPENING
{
	top: 80px;
	right: 20px;
}

.HM23_HEADER_OPENING_OPEN>span::before
{
	content : '';
	width: 15px;
	height: 15px;
	background-color: #0eb859;
	border-radius: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	margin-top: -2px;
}

.HM23_HEADER_OPENING_CLOSE>span::before
{
	content : '';
	width: 15px;
	height: 15px;
	background-color: var(--c-rouge);
	border-radius: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	margin-top: -2px;
}

/* MASONRY */


@media all and (min-width: 641px) and (max-width: 982px) {

  .HDLM_hours_container,
  .HDLM_hours_container2{
	margin: 0 auto;
	width: 641px !important;
  }


}

@media all and (min-width: 983px) and (max-width: 1325px) {

  .HDLM_hours_container,
  .HDLM_hours_container2 {
	margin: 0 auto;
	width: 983px !important;
  }
}

@media all and (min-width: 1326px) and (max-width: 1662px) {


 .HDLM_hours_container,
 .HDLM_hours_container2 {
	margin: 0 auto;
	width: 983px !important;
  }
}

@media all and (min-width: 1663px) {
 .HDLM_hours_container,
 .HDLM_hours_container2 {
	margin: 0 auto;
	width: 983px !important;
  }
}


/* HACKS */

.flickity-button 
{
  background: var(--c-rouge) !important;
  color: var(--c-fond) !important;
}

.flickity-prev-next-button 
{
  width: 35px !important;
  height: 35px !important;
}

.flickity-page-dots .dot 
{
  width: 8px !important;
  height: 8px !important;
  margin: 0 4px !important;
  background: transparent !important;
  opacity: 1 !important;
  border: 2px solid var(--c-bleu-fonce) !important;
}

.flickity-page-dots .dot.is-selected 
{
  background-color: var(--c-bleu-fonce) !important;
}

.wpml-ls-statics-footer,
.otgs-development-site-front-end
{
	display:none !important;
}

.wp-block-cover>span.has-background-dim
{
	transition: background-color .3s ease-in-out !important;
}

.wp-block-cover:hover>span.has-background-dim
{
	background-color: rgba(0,0,0,.4) !important;
}

.wp-block-cover__inner-container
{
	font-family: "LHDM", "Arial", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	cursor: default;
}

.wp-block-details summary
{
	font-weight: 900;
	font-size : 1.2em;
}