main.ticketing { margin-top: 40px; }
.ticketing .infos { font-size: 13px; }
.ticketing .infos > .date { font-weight: bold; color: #0f2b49; }
.ticketing .infos > .event { text-transform: uppercase; color: #fec056; font-size: 18px; font-weight: bold; margin: 3px 0 3px 0; }
.ticketing .infos > .subtitle { font-size: 15px; margin-bottom: 10px; }
.ticketing .infos > .description { line-height: 1.2; margin-bottom: 10px; }
.ticketing .infos > .link { font-size: 11px; }
.ticketing .infos > .link > a { text-decoration: underline; }

.ticketsHome > h1.main { background: #000; color: #fff; font-weight: normal; text-transform: uppercase; font-size: 34px; }
.ticketsHome .entrypoints { max-width: 1000px; margin: 40px auto; }
.ticketsHome .entrypoints > li { display: flex; }
.ticketsHome .entrypoints > li:not(:last-of-type) { border-bottom: 5px solid #e7eaed; }
.ticketsHome .entrypoints > li > figure { flex: 0 0 250px; padding: 30px 0 20px 0; }
.ticketsHome .entrypoints > li > figure > img { height: 100%; width: 100%; object-fit: cover; }
.ticketsHome .entrypoints > li > .infos { flex: 1 1; display: flex; flex-direction: column; padding: 25px; font-size: 13px; }
.ticketsHome .entrypoints > li > .infos > .date { font-weight: bold; color: #0f2b49; }
.ticketsHome .entrypoints > li.theme-rectovrso > .infos > .date { color: #ed6c43; }
.ticketsHome .entrypoints > li.theme-assises > .infos > .date { color: #ed6c43; }
.ticketsHome .entrypoints > li > .infos > .event { text-transform: uppercase; color: #fec056; font-size: 18px; font-weight: bold; margin: 3px 0 3px 0; }
.ticketsHome .entrypoints > li.theme-europe > .infos > .event { color: #4c3889; }
.ticketsHome .entrypoints > li.theme-rectovrso > .infos > .event { color: var(--color-theme-rectovrso); }
.ticketsHome .entrypoints > li.theme-assises > .infos > .event { color: var(--color-theme-assises); }
.ticketsHome .entrypoints > li > .infos > .subtitle { margin-bottom: 10px; }
.ticketsHome .entrypoints > li.theme-rectovrso > .infos > .subtitle { color: #f4c34d; }
.ticketsHome .entrypoints > li.theme-assises > .infos > .subtitle { color: #f4c34d; }
.ticketsHome .entrypoints > li.theme-lvdays > .infos > .subtitle { color: #f4c34d; }
.ticketsHome .entrypoints > li > .infos > .description { line-height: 1.2; }
.ticketsHome .entrypoints > li > .infos > .link { margin-top: auto; }
.ticketsHome .entrypoints > li.theme-europe > .infos > .link > a { color: #4c3889; }
.ticketsHome .entrypoints > li.theme-rectovrso > .infos > .link > a { color: #498fc8; }
.ticketsHome .entrypoints > li.theme-assises > .infos > .link > a { color: #498fc8; }
.ticketsHome .entrypoints > li > nav { flex: 1 1; max-width: 200px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 25px; }
.ticketsHome .entrypoints > li > nav > .early { font-size: 15px; margin-bottom: 20px; }
.ticketsHome .entrypoints > li > nav > .early > label { display: block; color: var(--color-theme-europe); text-align: center; cursor: default; margin-bottom: 5px; }
.ticketsHome .entrypoints > li > nav > .early > .termdate { display: block; text-align: center; color: var(--main-color); text-transform: uppercase; font-weight: bold; }

.ticketsHub > header > figure { margin-bottom: 10px; }
.ticketsHub > header > figure > img { max-width: 200px; object-fit: contain; }
.ticketsHub > header > .title { text-transform: uppercase; color: #fec056; font-family: adineueProBlack; font-size: 22px; font-weight: normal; margin-bottom: 5px; text-align: center; }
.ticketsHub > header > .subtitle { text-align: center; font-size: 15px; text-transform: uppercase; font-family: adineueProBlack; font-weight: normal; }
.ticketsHub > header > .description { margin-bottom: 15px; }
.ticketsHub > header > .link { text-align: center; }
.ticketsHub > header > .link > a:hover { text-decoration: underline; }
.ticketsHub.theme-europe > header > .link > a { color: #666; }
.ticketsHub.theme-rectovrso > header > .link > a { color: var(--color-theme-rectovrso); }
.ticketsHub.theme-assises > header > .link > a { color: var(--color-theme-assises); }
.ticketsHub.theme-europe > header > .title { color: var(--charter-color-1); }
.ticketsHub.theme-rectovrso > header > .title { color: var(--color-theme-rectovrso); }
.ticketsHub.theme-assises > header > .title { color: var(--color-theme-assises); }
.ticketsHub .entrypoints{ max-width: 1000px; margin: 40px auto; }
.ticketsHub .entrypoints > li { display: flex; align-items: stretch; }
.ticketsHub .entrypoints > li:nth-child(even) { background-color: #f4f3f3; }
.ticketsHub .entrypoints > li > figure { flex: 0 0 280px; padding: 30px 0 35px 30px; }
.ticketsHub .entrypoints > li > figure > img { height: 100%; width: 100%; object-fit: cover; }
.ticketsHub .entrypoints > li > .infos { flex: 1 1; display: flex; flex-direction: column; padding: 25px; font-size: 13px; }
.ticketsHub .entrypoints > li > .infos > .date { font-weight: bold; color: #0f2b49; }
.ticketsHub.theme-rectovrso .entrypoints > li > .infos > .date { color: #f2734b; }
.ticketsHub.theme-assises .entrypoints > li > .infos > .date { color: #f2734b; }
.ticketsHub .entrypoints > li > .infos > .title { text-transform: uppercase; color: #fec056; font-size: 18px; font-weight: bold; margin: 3px 0 3px 0; }
.ticketsHub.theme-europe .entrypoints > li > .infos > .title { color: var(--charter-color-1); }
.ticketsHub.theme-rectovrso .entrypoints > li > .infos > .title { color: var(--color-theme-rectovrso); }
.ticketsHub.theme-assises .entrypoints > li > .infos > .title { color: var(--color-theme-rectovrso); }
.ticketsHub .entrypoints > li > .infos > .subtitle { margin-bottom: 10px; }
.ticketsHub .entrypoints > li > .infos > .description { line-height: 1.2; }
.ticketsHub.theme-europe .entrypoints > li > .infos > .description { color: #000; }
.ticketsHub .entrypoints > li > .infos > .link { margin-top: auto; }
.ticketsHub .entrypoints > li > nav { flex: 1 1; max-width: 200px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 25px; }
.ticketsHub .entrypoints > li > nav > .price { font-size: 15px; margin-bottom: 20px; text-transform: uppercase; color: var(--charter-color-1); font-weight: bold; }
.ticketsHub .entrypoints > li > nav > .price > .starting-from { display: block; font-size: 12px; margin-bottom: 5px; text-transform: none; color: #666; font-weight: normal; text-align: center; }
.ticketsHub .entrypoints > li > nav > .price > .tva { text-transform: none; font-size: 12px; }
.ticketsHub.theme-rectovrso .entrypoints > li > nav > .price { color: #f2734b; }
.ticketsHub.theme-assises .entrypoints > li > nav > .price { color: #f2734b; }

.ticketsHub > section { max-width: 100%; }
.ticletsHub > section .entrypoints { max-width: var(--wrap-width); margin: 0 auto; }

.ticketsHub .form-contact { background: #f4f3f3; }
.ticketsHub .form-contact header { padding: 15px 5px; }
.ticketsHub .form-contact header > .title { font-size: 24px; color: var(--main-color); margin-bottom: 5px; font-weight: bold; }
.ticketsHub .form-contact header .subtitle { font-size: 16px; color: var(--main-color); }
.ticketsHub .form-contact > * { max-width: 1000px; width: 100%; margin: 0 auto; }
.ticketsHub .form-contact > .page-form { padding: 0; }
.ticketsHub .form-contact > .page-form .digiForm { padding: 0; }
.ticketsHub .form-contact > .page-form .digiForm { display: flex; flex-wrap: wrap; }
.ticketsHub .form-contact > .page-form .digiForm > article { flex: 1 1 100%; padding: 5px; margin: 0; }
.ticketsHub .form-contact > .page-form .digiForm > article.w50 { flex: 1 1 50%; max-width: 50%; }
.ticketsHub .form-contact > .page-form .formOk { padding: 5px; }
.ticketsHub .form-contact input[type="text"],
.ticketsHub .form-contact select,
.ticketsHub .form-contact textarea { padding: 10px; border-color: #262f59; border-width: 2px; color: #262f59; height: 46px; }

.ticketsHub + footer { margin-top: 0; }

.ticketsEntrypoint .infos { display: flex; flex-direction: column; align-items: center; max-width: 800px; margin: 40px auto; }
.ticketsEntrypoint .infos > .description { max-width: 400px; text-align: center; }
.ticketsEntrypoint .infos > .link { margin-top: 10px;  }

.ticketsEntrypoint .tickets { display: flex; justify-content: center; align-items: stretch; max-width: 800px; margin: 40px auto; }
.ticketsEntrypoint .tickets > li { flex: 1 1; max-width: 250px; display: flex; flex-direction: column; align-items: center; margin: 10px; border: 1px solid #ccc; font-size: 13px; padding: 5px; border-radius: 5px; min-height: 230px; }
.ticketsEntrypoint .tickets > li h2 { color: #0f2b49; font-size: 15px; line-height: 1.2; margin: 15px 0 0 0; padding: 0; }
.ticketsEntrypoint .tickets > li > .description { display: flex; justify-content: center; align-items: center; margin: 10px 0; padding: 0 10px; text-align: center; height: 50px; }
.ticketsEntrypoint .tickets > li .offers { display: flex; justify-content: center; flex-wrap: wrap; }
.ticketsEntrypoint .tickets > li .offers .offer { display: flex; justify-content: center; align-items: center; position: relative; border: 1px solid #ccc; padding: 10px; width: 75px; height: 60px; margin: 15px 5px 5px 5px; }
.ticketsEntrypoint .tickets > li .offers .offer .name { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); font-size: 12px; background: #0f2b49; color: #fff; padding: 4px; text-align: center; width: 50px; }
.ticketsEntrypoint .tickets > li .offers .offer .price { font-size: 20px; color: #0f2b49; }
.ticketsEntrypoint .tickets > li .offers .offer .price.free { font-size: 16px; }
.ticketsEntrypoint .tickets > li .events { color: #555; margin-top: 5px; font-size: 0.9em; }
.ticketsEntrypoint .tickets > li .events .nb { font-weight: bold; margin-bottom: 5px; }

.ticketsEntrypoint > section > nav { text-align: center; }
.ticketsEntrypoint .tickets > li .included > .open { text-align: center; padding: 10px; }
.ticketsEntrypoint .tickets > li .included > .open i { margin-left: 3px; font-size: 0.9em; transition: transform 0.5s ease; }
.ticketsEntrypoint .tickets > li .included.on > .open i { transform: rotateX(180deg); }
.ticketsEntrypoint .tickets > li .included > ul { display: none; padding: 0 10px; }
.ticketsEntrypoint .tickets > li .included > ul > li { padding: 5px; }
.ticketsEntrypoint .tickets > li .included > ul > li:not(:last-of-type) { border-bottom: 2px solid #ccc; }
.ticketsEntrypoint .tickets > li .included > ul > li > .name { display: block; font-size: 15px; margin-bottom: 3px; }
.ticketsEntrypoint .tickets > li .included > ul > li > .description { font-size: 12px; }


.lavalTicketsProcess .digiForm article.formTxt { margin: 20px auto; text-align: center; }

@media all and (max-width: 799px) {
	.ticketsHome .entrypoints > li { flex-direction: column; height: auto; }
	.ticketsHub .entrypoints > li > figure { padding: 0; flex-basis: unset; }
	.ticketsHome .entrypoints > li > figure > img { max-width: 300px; }


	.ticketsHome .entrypoints > li > nav { max-width: 100%; }

	.ticketsHub > header { padding: 0 15px; }
	.ticketsHub .entrypoints > li { flex-direction: column; height: auto; }
	.ticketsHub .entrypoints > li > figure > img { max-height: 200px; }

	.ticketsHub .entrypoints > li > nav { max-width: 100%; }

	.ticketsEntrypoint .tickets { flex-direction: column; align-items: center; }
	.ticketsEntrypoint .tickets > li { width: 250px; }

	.lavalTicketsProcess .digiForm {max-width:1000px;}
	.lavalTicketsProcess .digiForm article {}
	.lavalTicketsProcess .digiForm article > label {width:100%; display:block; text-align: left; padding-right: 0; margin-bottom: 5px;}
	.lavalTicketsProcess .digiForm article > div {width:100%; max-width: none; display: block;}
}