@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html {
	height: 100%;
    font-size: 62.5%;
    scroll-behavior: smooth;
}
body { font-family: 'Roboto', sans-serif; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; }

hr { margin: 20px 0; border-top: 1px solid #EA0029; }

a:focus,
a { border: none; outline: none; }
b, strong { font-weight: 600; }
a:hover { color: #e75300;  }

.entry-content a { color: #212529; text-decoration: underline; }

.clear { clear: both; }
.hide { display: none; }
.block_paygreen_infos { display: none !important; }

.btn-accessibility { 
	position: fixed; 
	top: 220px; 
	right: 0;
	z-index: 999999;
	background-color: #312a74;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	overflow: hidden;
}
.btn-accessibility button { background-color: transparent; padding: 10px; } 
.btn-accessibility button img { height: 40px !important; height: auto; }

.site-header { 
	background-color: #312a74; 
	z-index: 900;
	padding: 0 15px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	position: -webkit-sticky;
	position: sticky;
}
.site-header .btn-modal { 
	float: right;
	background-color: #fff;
	color: #312a74;
	border-radius: 50%;
	font-size: 30px;
	font-size: 3rem;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 1.5;
	border-width: 0;
	margin-top: 8px;
}
.site-logo { position: absolute; height: 77px; width: 105px; margin-right: 10px; }
.site-logo img { width: 100%; float: left; }

.logo-jo { position: absolute; top: 70px; right: 40px; background-color: #0081c1; }
.logo-jo a img { width: 95px; padding: 8px; }

.sub-header { padding-left: 100px; height: 70px; }
.sub-header .content-sub-header { display: inline-block; padding: 0 30px 0 20px; width: calc(100% - 50px); }
.sub-header .content-sub-header .nav-lang { float: left; display: inline-block; padding: 15px 0; margin: 0; }
.sub-header .content-sub-header .nav-lang > ul { margin: 0; }
.sub-header .content-sub-header .nav-lang > ul li {
    border: none;
    margin-right: 15px;
    border-radius: initial;
    padding: 10px 12px 10px 0;
    display: inline-block;
}
.sub-header .content-sub-header .logo-header { display: inline-block; float: left; }
.sub-header .content-sub-header .logo-header ul { margin: 9px 0 5px; }
.sub-header .content-sub-header .logo-header ul li { display: inline-block; margin-left: 15px; }
.sub-header .content-sub-header .logo-header ul li img { height: 50px; width: auto; }

.js .nav-primary,
.nav-primary { 
	padding-bottom: 0; 
	padding-top: 0;
	display: block;
	width:  100%;
}
/*---.nav-primary { border-top: none; }
.nav-primary .genesis-nav-menu .menu-item { float: left; width: 100%; }
.nav-primary .genesis-nav-menu .menu-item a { 
	width: auto;
	text-align: left;
}
.nav-primary .genesis-nav-menu > .menu-item:hover > a { color: #0000ff; }
.nav-primary .genesis-nav-menu > .menu-item-has-children .sub-menu-toggle {
	text-align: right;
	width: 100%;
	position: absolute;
	padding: 13px 20px 12px; 
	pointer-events: initial; 
}
.nav-primary .genesis-nav-menu > .menu-item-has-children .sub-menu-toggle:before { 
	content: "\f063"; 
	font-family: FontAwesome; 
	height: 40px;
	line-height: 40px;
	font-size: 16px; 
	color: #fff;
}
.nav-primary .genesis-nav-menu > .menu-item .sub-menu-toggle.activated:before { color: #fff; }
.nav-primary .genesis-nav-menu .sub-menu { width: 100%; padding-left: 0; }
.nav-primary .genesis-nav-menu .sub-menu a { border: none; background-color: transparent; }

.nav-primary .genesis-nav-menu > .menu-item > .sub-menu .sub-menu-toggle:before { transform: initial; }
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu > .menu-item { }
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu > .menu-item > .sub-menu-toggle { 
	display: inline-block; 
	position: absolute; 
	padding: 13px 20px 12px;
	height: auto;
}
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu > .menu-item > .sub-menu { 
	margin: initial;
	position: static;
	top: initial;
}
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu > .menu-item > .sub-menu-toggle.activated::before { transform: rotate(180deg); }

.nav-primary .genesis-nav-menu { margin: 0; }
.nav-primary .genesis-nav-menu > .menu-item { float: left; }
.nav-primary .genesis-nav-menu a {
	color: #fff;
	font-weight: 600;
	display: inline-block;
	text-transform: uppercase;
	font-size: 18px;
    font-size: 1.8rem;
	-webkit-transition: all 0.35s 0s ease;
	-moz-transition: all 0.35s 0s ease;
	-o-transition: all 0.35s 0s ease;
	transition: all 0.35s 0s ease;
	font-family: 'Roboto', cursive;
	line-height: 1;
	padding-bottom: 2px;
}
.nav-primary .genesis-nav-menu > .menu-item-has-children a { 
	padding: 31px 5px 31px 10px; 
	outline: none !important;
	-webkit-transition: all 0.35s 0s ease;
	-moz-transition: all 0.35s 0s ease;
	-o-transition: all 0.35s 0s ease;
	transition: all 0.35s 0s ease;
}
.nav-primary .genesis-nav-menu > .menu-item > a { background-color: #312a74; border-radius: 30px; padding: 10px 15px 6px; margin: 21px 0; }
.nav-primary .genesis-nav-menu > .menu-item > a:hover {
	color: #fc5c00;
	-webkit-transition: all 0.35s 0s ease;
	-moz-transition: all 0.35s 0s ease;
	-o-transition: all 0.35s 0s ease;
	transition: all 0.35s 0s ease;
}
.nav-primary .genesis-nav-menu > .menu-item.sfHover a { background-color: #312a74; color: #fff; }
.nav-primary .genesis-nav-menu > .menu-item.sfHover > a { background-color: #312a74; color: #fc5c00; }
.nav-primary .genesis-nav-menu > .menu-item-has-children .sub-menu-toggle {
	position: relative;
    display: inline-block;
    visibility: visible;
    padding: 31px 6px 26px 0;
    pointer-events: none;
    color: #fff;
	-webkit-transition: all 0.35s 0s ease;
	-moz-transition: all 0.35s 0s ease;
	-o-transition: all 0.35s 0s ease;
	transition: all 0.35s 0s ease;
}
.nav-primary .genesis-nav-menu > .menu-item-has-children .sub-menu-toggle:before { font-size: 15px; width: auto; height: auto; }
.nav-primary .genesis-nav-menu > .menu-item-has-children:hover .sub-menu-toggle { 
	color: #fff;
	-webkit-transition: all 0.35s 0s ease;
	-moz-transition: all 0.35s 0s ease;
	-o-transition: all 0.35s 0s ease;
	transition: all 0.35s 0s ease;
}
.nav-primary .genesis-nav-menu .sub-menu { border: none; width: 220px; border: 0; }
.nav-primary .genesis-nav-menu .sub-menu a {
	background-color: #312a74; 
	color: #fff;
	border: none; 
	border-bottom: 1px solid #fff;
	padding: 20px 15px;
	width: 220px;
	line-height: 1.2;
}
.nav-primary .genesis-nav-menu .sub-menu .menu-item:last-child a { border: none; }
.nav-primary .genesis-nav-menu .sub-menu a:hover { 
	background-color: #312a74;
	color: #fc5c00;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}

.nav-primary .genesis-nav-menu .highlight a { background-color: #fc5c00; border-radius: 30px; padding: 10px 15px 6px; margin: 21px 5px; }
.nav-primary .genesis-nav-menu .highlight a:hover { background-color: #fc5c00; color: #fff; }

.nav-primary .genesis-nav-menu > .menu-item > .sub-menu .sub-menu-toggle { 
	display: block;
	position: absolute;
	padding: 0 5px 0 0;
	height: 100%;
	color: #fff;
}
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu > .menu-item:hover .sub-menu-toggle { color: #fff; }
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu .sub-menu-toggle:before { transform: rotate(-90deg); }
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu > .menu-item > .sub-menu { 
	margin: 0 0 0 220px;
	position: absolute;
	top: -1px;
}
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu > .menu-item > .sub-menu a { background-color: #312a74; }
.nav-primary .genesis-nav-menu > .menu-item > .sub-menu > .menu-item > .sub-menu a:hover { background-color: #fff; }

---*/

.nav-third { padding-top: 15px; float: right; border: none; }
.nav-third ul li { 
	height: 28px;
    width: 28px;
    float: right;
    background-color: #FFF; 
    border-radius: 50%;
    line-height: 26px;
    margin-left: 5px;
    text-align: center;
    line-height: 2.1;
}
.nav-third a { font-size: 14px; font-size: 1.4rem; margin: 0; color: #312a74; padding: 0; text-align: center; }
.nav-third a:hover { background: transparent; }

.nav-third ul li.lang-item:first-child{
	border: none;
    margin-left: 0
}
.nav-third ul li.lang-item:nth-child(2) {
	border: none;
    margin-left: 10px;
    border-right: 1px solid #fff;
    border-radius: initial;
    padding-right: 5px;
}
.nav-third .menu-menu-rs-container { display: inline-block; margin-top: 5px; }
.nav-third .menu-billet { 
	display: inline-block; 
	background-color: #e9682b;
	color: #fff; 
	margin-left: 15px;
	padding: 5px 20px;
	border-radius: 30px;
	font-size: 18px;
	font-size: 2rem;
	font-weight: 600;
}
.nav-third .menu-billet:hover { text-decoration: none; background-color: #e9682b; color: #fff; }

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

.modal-dialog { 
	max-width: 100%; 
	height: 100vh;
	margin: 0;
	padding: 0;
}
.modal-dialog .modal-content {
	background-color: #312a74;
	height: 100%; 
	border: none;
}
.modal-dialog .modal-content button.close { 
	position: absolute;
	top: 20px;
	right: 30px;
	text-shadow: none;
	color: #fff;
	font-size: 60px;
	font-size: 6rem;
	font-weight: 600;
}
.modal-dialog .modal-content .modal-body {
	max-width: 600px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%);
}
.modal-dialog .modal-content .modal-body .menu-toggle { display: none !important; }
.nav-primary .genesis-nav-menu > .menu-item-has-children > a:after { 
	content: '›'; 
	transform: rotate(90deg); 
	margin-left: 10px;
	display: inline-block;
	font-size: 30px;
	font-size: 3rem;
}
.nav-primary .genesis-nav-menu > .menu-item-has-children .sub-menu-toggle { 
	position: absolute; 
	left: 0; 
	width: 100%;
	height: 55px;
}
.nav-primary .genesis-nav-menu > .menu-item-has-children .sub-menu-toggle:before { display: none; }

.modal-dialog .modal-content .modal-body .menu-primary li { display: block; position: relative; }
.modal-dialog .modal-content .modal-body .menu-primary li a { 
	color:  #fff;
	background-color: transparent;
	font-size: 38px;
	font-size: 3.8rem;
	padding: 8px 0;
	font-weight: 800;
}
.modal-dialog .modal-content .modal-body .menu-primary li a i { 
	font-size: 22px; 
	font-size: 2.2rem;
	float: left;
    margin: 10px 10px 0 0;
} 
.modal-dialog .modal-content .modal-body .menu-primary li ul { margin-top: -8px; margin-bottom: 5px; }
.modal-dialog .modal-content .modal-body .menu-primary li ul li a { 
	font-size: 28px; 
	font-size: 2.8rem;
	font-weight: 500;
	padding: 5px 0;
	color: #6be8cc;
}
.modal-dialog .modal-content .modal-body .menu-primary li ul li a:before { 
	content: '- ';
}
.modal-dialog .modal-content .modal-body .menu-menu-rs-container { 
	border-top: 1px solid #fff; 
	padding-top: 15px;
	display: inline-block;
}
.modal-dialog .modal-content .modal-body .menu-menu-rs-container ul li { 
	height: 28px;
    width: 28px;
    float: left;
    background-color: #FFF; 
    border-radius: 50%;
    line-height: 26px;
    margin-right: 8px;
    text-align: center;
    line-height: 2.1;
}
.modal-dialog .modal-content .modal-body .menu-menu-rs-container ul li:last-child { margin-right: 0; }
.modal-dialog .modal-content .modal-body .menu-menu-rs-container a { 
	font-size: 14px; 
	font-size: 1.4rem; 
	margin: 0; 
	color: #312a74; 
	padding: 0; 
	text-align: center; 
}
.modal-dialog .modal-content .modal-body .menu-menu-rs-container a:hover { background: transparent; }
.modal-dialog .modal-content .modal-body .icijazzfest { float: left; width: 37px; margin-right: 15px; }


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



.site-footer { padding: 0; background-color: #FFF; border-top: 1px solid #007da4; }
.site-footer p {
	font-size: 12px;
	font-size: 1.2rem;
	color: #312a74; 
	padding: 10px 0; 
}
.site-footer p a { color: #312a74; text-decoration: none; }
.site-footer a:hover { text-decoration: underline; }
.site-footer .wrap { margin: 0; width: 100%; max-width: 100%; }
.site-footer .nav-footer { 
	margin: 0;
	padding: 15px 0 30px 0;
	width: 100%;
	text-align: left;
}

.site-footer .nav-secondary {
	background: #312a74;
	margin: 0;
	padding: 30px 20px;
	width: 100%; 
	text-align: left;
}
.site-footer .nav-secondary ul li { margin-top: 6px; float: left; }
.site-footer .nav-secondary ul li a { font-size: 18px; font-size: 1.8rem; color: #fff; font-family: 'Roboto', cursive; }
.site-footer .nav-secondary ul li:nth-child(2) a { margin: 0 10px 0 20px; }
.site-footer .nav-secondary .pentagon { margin: 0; }
.site-footer .nav-secondary .pentagon a {
	width: 35px;
	height: 37px;
	margin: 0;
    background: url('images/picto-pentagon-footer.svg') no-repeat center;
    background-size: cover;
    color: transparent;
}

.site-footer .nav-third { position: absolute; right: 0; padding-right: 20px; padding-top: 30px; }


.container-more { display: block; margin: 20px 0 0 0; }
.container-more .more-link { 
	color: #fff; 
	font-size: 14px; 
	font-weight: 500; 
	display: inline-block;
	background-color: #fc5c00;
	border-radius: 30px; 
	padding: 8px 20px;
	margin: 0;
	text-decoration: none;
}
.container-more .more-link:hover { text-decoration: none; }
.container-more .more-link .fa { display: none; }

.top-button {
    right: 5%;
    bottom: 30px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0slinear 0.3s, opacity 0.3s;
    border: none;
    border-radius: 50%;
    font-size: 26px;
    font-size: 2.6rem;
    height: 40px;
    width: 40px;
    line-height: 1.25;
    text-align: center;
    background-color: #312a74;
    z-index: 99999;
}
.top-button:hover { background-color: #e9682b; }
.top-button.visible {
    opacity: 1;
    transition: visibility 0slinear 0s, opacity 0.3s;
}
.top-button .visually-hidden-focusable { display: none; }

/*----------------------
Front page
------------------------*/


.front-page-0 { background-color: #0059ff; position: relative; }
.front-page-0 .container-front { width: 100%; background-color: #000; }
.front-page-0 .container-front > img { max-width: 100%; opacity: 0.6; }

.front-page-0 .container-front .rdv {
	z-index: 100;
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-transform: uppercase;
	font-size: 72px;
	font-size: 7.2rem;
	font-weight: 800;
	width: 100%;
	text-align: center;
	line-height: 1.1;
	padding: 0 20px;
}

.section-lineup {
	min-height: 500px;
	background-image: url('images/retro-background-2023.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
}
.section-lineup:after {
    content: '';
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 80%);
    position: absolute;
    height: 100%;
    width: 120%;
    z-index: 100;
    top: 0;
    left: 0;
}
.section-lineup .skyline-marseille { 
	z-index: 20; 
	position: absolute; 
	bottom: -2%; 
	width: 100%; 
	max-width: 1600px; 
	margin: 0 auto;
	min-width: 1200px;
    left: 50%;
    text-align: center;
    transform: translate(-50%, 0);
}
.section-lineup .lune-marseille { z-index: 10; position: absolute; bottom: -64%; right: -10%; max-width: 450px;  }
.section-lineup .content-lineup {
	z-index: 101;
	position: absolute;
	width: 100%; 
	max-width: 960px; 
	top: 75%;
	left: 50%;
    transform: translate(-50%, -50%); 
    padding: 15px;
    font-size: 60px;
    font-size: 6rem;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
}
.section-lineup .content-lineup .liste-artistes {
	font-family: 'Bebas Neue', cursive; 
	text-transform: uppercase; 
	font-size: 30px;
	font-size: 3rem;
	max-width: 78%;
	line-height: 1.1;
	background: linear-gradient(to right, #93c01f 0%, #F437D1 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.section-lineup .content-lineup .liste-artistes li { 
	display: inline-block;
	line-height: 1.1;
	color: #ff28e5;
}
.section-lineup .content-lineup .liste-artistes li:after { 
	content: "/";
	margin-left: 8px;
	margin-right: 2px;
}

.section-wall { background-color: #0049b0; padding: 40px 5px; }
.section-wall .wall-content .row { margin: 0; }
.section-wall .wall-content .row [class^='col'] { padding: 5px; }
.section-wall .wall-content .row [class^='col'] a { display: block; position: relative; overflow: hidden !important; border-radius: 12px !important; }
.section-wall .wall-content .wall-bg-image img { width: 100%; }
.section-wall .wall-content .wall-overlay {
	z-index: 50;
	top: 0;
	left: 0;
	position: absolute;
	background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6951155462184874) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    width: 100%;
    height: 100%;
}
.section-wall .wall-content .wall-info { z-index: 110; position: absolute; top: 0; right: 0; width: 95%; }
.section-wall .wall-content .wall-info.info-off { z-index: 10; }
.section-wall .wall-content .wall-info img { width: 100%; }
.section-wall .wall-content .wall-text { 
	z-index: 100; 
	position: absolute; 
	bottom: 0; 
	right: 0; 
	padding: 15px;
	width: 100%;
}
.section-wall .wall-content .wall-text .wall-title,
.section-wall .wall-content .wall-text .wall-date { color: #fff; text-align: right; }

.section-wall .wall-content .wall-text .wall-title {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 5px;
	transition: all 0.35s 0s ease;
	font-family: 'Roboto', cursive;
	letter-spacing: 1px;
	color: #fff;
}

.section-wall .wall-content .wall-text .wall-date {
	color: #fff;
	position: absolute; 
	bottom: 10px; 
	right: 15px; 
	opacity: 0; 
	font-size: 24px; 
	font-size: 2.4rem;
	line-height: 1;
}
.section-wall .wall-content a:hover .wall-title {
	transition: all 0.35s 0s ease;
	margin-bottom: 32px;
	opacity: 0.3;
}
.section-wall .wall-content a:hover .wall-date {
	color: #fff;
	transition: all 0.8s 0s ease;
	opacity: 1;
}
.section-wall .wall-content a:hover .wall-overlay {
	background-color: rgba(0, 0, 255, 0.3);
	transition: all 0.35s 0s ease;
}
.section-wall .wall-content .overlay-off {
	background: rgb(8,1,58);
	background: linear-gradient(0deg, rgba(8,1,58,1) 0%, rgba(8,1,58,0.55) 100%);
}


.front-page-2 { position: relative; z-index: 100; }
.section-entry-direct .entry-direct-content { height: 130px; }

.section-entry-direct .entry-direct-content .prod-festival,
.section-entry-direct .entry-direct-content .prod-saison,
.section-entry-direct .entry-direct-content .prod-logo { float: left; color: #08013A; }

.section-entry-direct .entry-direct-content .prod-logo { margin-top: -15px; }
.section-entry-direct .entry-direct-content .prod-festival,
.section-entry-direct .entry-direct-content .prod-saison { width: calc(50% - 76px); }
.section-entry-direct .entry-direct-content .prod-festival { text-align: right; padding-right: 15px; padding-top: 40px; line-height: 1; }
.section-entry-direct .entry-direct-content .prod-saison { text-align: left; padding-left: 15px; padding-top: 53px; line-height: 1; }

.section-entry-direct .entry-direct-content .prod-titre { font-weight: 600; font-size: 22px; font-size: 2.2rem; }
.section-entry-direct .entry-direct-content .prod-lien i { font-size: 10px; line-height: 0; }
.section-entry-direct .entry-direct-content .prod-lien i:before { float: left; margin-top: -6px; }


.front-page-3 { background: #312a74; }
.front-page-3 .section-news { max-width: 800px; margin: 0 auto; }
.section-news .news-content { width: 100%; padding: 40px 0 45px; text-align: center; }
.section-news .news-content .titre-news {
    color: #fff;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
	font-family: 'Roboto', cursive;
}
.section-news .news-content .texte-news {
    vertical-align: top;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 0 15px;
    line-height: 1.2;
}
.section-news .news-content .form-news {
	width: 50%;
	vertical-align: top;
    height: 34px;
    display: inline-block;
    color: #fff;
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1;
	border-radius: 15px;
	overflow: hidden;
	margin-top: 30px;
}
.section-news .news-content .sib-email-area { 
	width: calc(100% - 110px) !important;
    height: 34px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
	float: left;
	line-height: 1.42857143;
    color: #555;
	border: none;
}
.section-news .news-content .sib-email-area input { width: 100% !important; }
.section-news .news-content .sib-email-label { 
    margin-top: -30px;
    position: absolute;
    color: #fff;
    margin-left: 15px;
    font-weight: 400;
}
.section-news .news-content .sib-default-btn { 
	width: 110px !important; 
	float: left;
	background: #fc5c00;
    padding: 8px 12px;
    border-radius: 0;
    height: 34px;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
}
.section-news .news-content h4 { display: none; }

.front-page-4 .solid-section { background: #fff; }
.front-page-4 .solid-section .flexible-widgets { padding: 60px 0 60px 0; }
.front-page-4 .solid-section .flexible-widgets .widget { margin-bottom: 0; }
.front-page-4 .solid-section .flexible-widgets .wrap { float: none; margin: 0 auto; padding: 0 15px; max-width: 1200px; }
.front-page-4 .solid-section .flexible-widgets .widget-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 12px; 
}
.front-page-4 .solid-section .flexible-widgets .widget-wrap .entry {
	margin: 0;
	padding: 0 15px 15px 15px;
	max-width: calc(33.3333% - 8px); 
	background-color: #f5f5f5;
	border-radius: 12px;
	overflow: hidden;
}
.front-page-4 .solid-section .flexible-widgets .widget-wrap .entry > a { width: calc(100% + 30px); max-width: initial; margin: 0 -15px; }
.front-page-4 .solid-section article .entry-header h4 { 
	text-transform: initial; 
	letter-spacing: 0;
	line-height: 1;
	color: #0D0D39; 
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600; 
	margin: 15px 0 8px; 
}
.front-page-4 .solid-section article .entry-content p { font-size: 14px; font-size: 1.4rem; }

/*.front-page-4 .solid-section article { background: #F7F7F7; border: none; border-bottom: 4px solid #F7F7F7; margin: 0; text-align: left; }
.front-page-4 .solid-section article:nth-child(2) { border-color: #fff; }
.front-page-4 .solid-section article:nth-child(1n+2) { width: 66.66666666%; float: left; border-right: 4px solid #fff; }
.front-page-4 .solid-section article:first-child { width: 33.33333333%; float: right; }
.front-page-4 .solid-section article:nth-child(2) > a { float: left; max-width: 50%; margin: 0; line-height: 0; }
.front-page-4 .solid-section article:nth-child(3) > a { float: right; max-width: 50%; margin: 0; line-height: 0; }
.front-page-4 .solid-section article:first-child > a { max-width: 100%; margin: 0; line-height: 0; }
.front-page-4 .solid-section article .entry-header,
.front-page-4 .solid-section article .entry-content { 
	width: 100%; 
	float: left; 
	max-width: 50%; 
	text-align: left; 
	padding: 0 15px 15px 15px; 
}
.front-page-4 .solid-section article:nth-child(2) .entry-header,
.front-page-4 .solid-section article:nth-child(2) .entry-content { float: right; }
.front-page-4 .solid-section article:first-child .entry-header,
.front-page-4 .solid-section article:first-child .entry-content { max-width: 100%; }
.front-page-4 .solid-section article .entry-header { padding-top: 30px; padding-bottom: 5px; }
.front-page-4 .solid-section article .entry-header:after { margin: 0; padding: 0; border-color: #F09E00; }
.front-page-4 .solid-section article .entry-header h4 { 
	text-transform: initial; 
	letter-spacing: 0; 
	color: #0D0D39; 
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 700; 
	margin: 0; 
}
.front-page-4 .solid-section article .entry-header h4 a:hover { color: #0D0D39; }
.front-page-4 .solid-section article .entry-content { font-size: 18px; font-size: 1.8rem; line-height: 1.3; }*/


/*----------------------
Page / Article
------------------------*/

h1,
h1.entry-title { 
	color: #0D0D39; 
	font-size: 48px; 
	font-size: 4.8rem;
	font-weight: 800;
	line-height: 1;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #B9B9B9;
}

.site-inner { padding: 40px 15px 0; max-width: 1200px; }

.single .content,
.page .content { width: 70%; }

.single .content .entry-content,
.page .content .entry-content,
.single .content .entry-content p,
.page .content .entry-content p { font-size: 16px; font-size: 1.6rem; }

.full-width-content .content { width: 100%; }


/*----------------------
Single page
------------------------*/

.single .content .entry .entry-header {
	width: 100%;
	text-align: left;
	display: block;
	margin-bottom: 15px;
	display: inline-block;
}
.single .content .entry .entry-content { 
	line-height: 1.3; 
	font-size: 18px; 
	font-size: 1.8rem; 
	margin-top: 15px; 
}
.single .entry img { border-radius: 12px; overflow: hidden; }


/*----------------------
Page
------------------------*/

.page h1, 
.page h1.entry-title { 
	padding-bottom: 0; 
	margin-bottom: 0; 
	border-bottom: none; 
	line-height: 0.9; 
	margin-bottom: 10px; 
}

.page .entry-content img { border-radius: 12px; overflow: hidden; }
.page .content-sidebar-wrap > .entry-header,
.page .content-sidebar-wrap > .content > .entry-header  {
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #B9B9B9;
	display: inline-block;
}
.page .entry-header .lu-btn-billet img { max-height: 66px; margin-top: 3px; }
.page .entry-header .ss-titre { font-size: 24px; font-size: 2.4rem; color: #EA0029; line-height: 1; text-transform: uppercase; }
.page .entry-header .lu-title-archive { float: left; }
.page .entry-header .lu-btn-billet { float: right; }

.page .list-child ul { display: flex; flex-wrap: wrap; grid-gap: 15px; }
.page .list-child li { 
	display: inline-flex; 
	width: calc(50% - 7.5px);
	padding: 50px 15px;
	background-color: #007da4;
	border-radius: 6px;
	text-align: center;
}
.page .list-child li:hover { background-color: #a4c6d3; }
.page .list-child li:hover h2 { color: #007da4; }
.page .list-child li a { color: #fff; width: 100%; text-align: center; }
.page .list-child li a:hover { text-decoration: none; }
.page .list-child li h2 { 
	font-size: 30px; 
	font-size: 3rem;
	text-transform: uppercase;
	line-height: 1;
	font-weight: 400;
}

.page .list-child li h2 span { display: block; }
.page .list-child li h2 .fal,
.page .list-child li h2 .fad {
	transition: all 0.35s 0s ease;
	font-size: 65px; 
	font-size: 6.5rem;
	margin-bottom: 20px; 
}
.page .list-child .title-parent { font-size: 22px; font-size: 2.2rem; font-weight: 200; }


/*----------------------
Sidebar
------------------------*/

.sidebar { width: 30%; padding: 0 0 0 30px; }
.sidebar .widget { margin-bottom: 20px; }
.sidebar .widget .entry { background: #F7F7F7; margin-bottom: 25px; border: none; border-radius: 12px;  overflow: hidden; }
.sidebar .widget .entry .entry-header { padding: 0 10px; border: none; margin-bottom: 0; }
.sidebar .widget .entry .entry-content { line-height: 1.3; padding: 0 10px 20px; }
.sidebar .widget .entry .entry-header h4 { font-size: 20px; font-size: 2rem; font-weight: 600; margin: 0 0 5px 0; }
.sidebar .widget .entry .entry-header h4 a,
.sidebar .widget .entry .entry-header h4 a:hover { color: #0D0D39; text-decoration: none; }
.sidebar .widget .entry .entry-content p { margin: 0; }


/*----------------------
Accordeon
------------------------*/

.accordion { margin-top: 40px;  }
.accordion .card-header { padding: 0;  }
.accordion .btn {
	padding: 15px;
	text-align: left;
	width: 100%;
	background: #312a74;
    color: #fff;
    border-radius: 0;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
    border-width: 0;
}
.accordion .btn:hover { line-height: 1.2; }
.accordion .btn.collapsed {
	background-color: #fff;
	color: #e9682b;
}
.page-lieux article ul .accordion__item.active .accordion-header {
    background: #312a74;
    color: #fff;
}
.accordion .btn:after {
    content: "\f063";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    float: right;
    position: relative;
    top: 2px;
    transition: .3s all;
	transform: rotate(-180deg);
}
.accordion .btn.collapsed:after { 
	color: #e9682b;
	transform: rotate(0deg);
}


/*----------------------
Homepage
------------------------*/

.home .site-inner { max-width: 100%; padding: 0; }
.home .content { max-width: 100%; width: 100%; padding: 0; margin: 0; }


/*----------------------
Programmation line up
------------------------*/

.line-up-programmation .header-programmation { display: inline-block; width: 100%; }
.line-up-programmation .lu-content-archive { float: left; }
.line-up-programmation .lu-title-archive { display: block; }
.line-up-programmation .lu-btn-billet { float: right; margin-top: 7px; }
.line-up-programmation .lu-btn-billet a {
	color: #EA0029;
	border: 1px solid #EA0029;
	font-size: 44px;
	font-size: 4.4rem;
	border-radius: 8px;
	padding: 10px 15px;
	font-weight: 800;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
}
.line-up-programmation .lu-btn-billet a:hover { text-decoration: none; background-color: #EA0029; color: #fff; }
.line-up-programmation .lu-btn-billet i { transform: rotate(-45deg); }

.line-up-programmation .lu-bloc-tech { 
	display: block;
	margin: 20px 0 25px; 
}
.line-up-programmation .lu-bloc-tech a { 
	display: inline-block;
	font-size: 16px; 
	margin-right: 10px; 
	font-weight: 400; 
	color: #009EE2; 
	text-transform: uppercase;
	border: 1px solid #009EE2;
	padding: 3px 10px;
	border-radius: 4px;
}
.line-up-programmation .lu-bloc-tech a:hover { text-decoration: none; background-color: #009EE2; color: #fff; }
.line-up-programmation .lu-bloc-tech a .fal { 
	float: left; 
	font-size: 14px; 
	font-size: 1.4rem; 
	margin-top: 4px; 
	margin-right: 6px; 
}

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

.line-up-programmation .site-inner { margin-bottom: 60px; }
.line-up-programmation .entry { background-color: #F4F7F6; margin: 0; }
.line-up-programmation .entry  a { display: flex; }
.line-up-programmation .entry  a:hover { text-decoration: none; }
.line-up-programmation .entry .lu-date-content,
.line-up-programmation .entry .lu-date-contentsame { min-width: 140px; width: 140px; min-height: 140px; }
.line-up-programmation .lu-thumbnail {
	max-width: 250px; 
	width: 100%; 
	line-height: 0; 
	background-color: #000;
	background-size: cover;
	background-position: center;
}
.line-up-programmation .lu-entry-content {
	width: 100%;
	position: relative;
	padding: 15px;
	border-top: 1px solid #009EE2;
	border-bottom: 1px solid #009EE2; 
	border-left: none; 
	border-bottom: none;
	transition: all 150ms ease-in; 
}
.line-up-programmation .entry:last-child .lu-entry-content { border-bottom: none; }
.line-up-programmation .entry a:hover .lu-entry-content { 
	background: #EDEDED;
	transition: all 300ms ease-in;
}

.line-up-programmation .lu-date { 
	width: 100%;
    height: 100%;
	border-top: 1px solid #009EE2; 
	padding: 15px 10px; 
}
.line-up-programmation .lu-date span { 
	color: #EA0029; 
	text-transform: uppercase; 
	font-size: 22px;
	font-size: 2.2rem;
	float: left; 
	width: 100%; 
	line-height: 1; 
}
.line-up-programmation .lu-date-content .lu-date span:first-child { font-size: 48px; font-size: 4.8rem; font-weight: 800; } 
.line-up-programmation .lu-date-contentsame .lu-date { display: none; }

.line-up-programmation .lu-entry-content .entry-header { margin-bottom: 10px; }
.line-up-programmation .lu-entry-content .entry-header h1 { 
	margin: 0; 
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 800;
	color: #363636; 
	text-align: left;
	line-height: 1.2;
}
.line-up-programmation .lu-entry-content .entry-header .lu-nom-spectacle { 
	text-align: left; 
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 200; 
	color: #363636; 
	line-height: 1.2; 
	font-style: italic; 
}
.line-up-programmation .lu-entry-content .entry-content .lu-infos {
	display: inline-block;
	padding-top: 5px;
	border-top: 1px solid #dddbdb; 
	width: 100%; 
	color: #363636; 
}
.line-up-programmation .lu-entry-content .entry-content .lu-infos .lu-lieu { 
	float: left;
	font-size: 20px;
	font-size: 2rem; 
	margin-top: 10px;
	margin-right: 5px;
	line-height: 1;
}
.line-up-programmation .lu-entry-content .entry-content .lu-infos .lu-heure { 
	margin-top: 10px; 
	margin-right: 5px;
	line-height: 1;
	font-size: 20px;
	font-size: 2rem;
	float: left;
}
.line-up-programmation .lu-entry-content .entry-content .lu-infos .lu-parcours { float: left; margin-top: 10px; }
.line-up-programmation .lu-entry-content .entry-content .lu-infos .lu-parcours i { float: left; font-size: 20px; font-size: 2rem; margin-right: 7px; }
.line-up-programmation .lu-entry-content .entry-content .lu-infos .lu-parcours .lu-cartouche {
	float: left;
	margin-top: -1px;
	border-radius: 15px;
	padding: 0 10px;
	border: 0.5px solid #000;
	font-size: 12px;
	font-size: 1.2rem;
}

/*.line-up-programmation .lu-entry-content .entry-content .lu-infos.mj5c-fr,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.mj5c-en { color: #e75200; }
.line-up-programmation .lu-entry-content .entry-content .lu-infos.cdc-fr,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.cdc-en { color: #7fb7cd; }
.line-up-programmation .lu-entry-content .entry-content .lu-infos.j5c-fr,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.j5c-en { color: #007ca3; }
.line-up-programmation .lu-entry-content .entry-content .lu-infos.pm-fr,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.pm-en { color: #8caf97; }*/
.line-up-programmation .lu-entry-content .entry-content .lu-infos.mj5c-fr .lu-cartouche,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.mj5c-en .lu-cartouche { color: #EA0029; border-color: #EA0029; }
.line-up-programmation .lu-entry-content .entry-content .lu-infos.cdc-fr .lu-cartouche,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.cdc-en .lu-cartouche,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.jc222-fr .lu-cartouche,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.jc222-en .lu-cartouche { color: #002D74; border-color: #002D74; }
.line-up-programmation .lu-entry-content .entry-content .lu-infos.j5c-fr .lu-cartouche,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.j5c-en .lu-cartouche { color: #009EE2; border-color: #009EE2; }
.line-up-programmation .lu-entry-content .entry-content .lu-infos.pm-fr .lu-cartouche,
.line-up-programmation .lu-entry-content .entry-content .lu-infos.pm-en .lu-cartouche  { color: #008FBE; border-color: #008FBE; }

.line-up-programmation .lu-entry-content .wall-info { z-index: 110; position: absolute; top: 0; right: 0; }
.line-up-programmation .lu-entry-content .wall-info img { max-width: 240px; width: 100%; }


/*----------------------
Single artistes
------------------------*/

.single-programmation .content-sidebar-wrap { width: calc(100% - 155px); float: right; }
.single-programmation .content-sidebar-wrap .content { 
	padding: 0 20px 0 0; 
	width: 72%; 
	float: left;
	font-size: 16px;
	font-size: 1.6rem;
	color: #0D0D39;
}
.single-programmation .content-sidebar-wrap .aside-sidebar { width: 28%; float: right; }

.single-programmation .entry-header h1 { 
	margin-bottom: 0;
	border: none;
}
.single-programmation .entry-header h2 { 
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.2;
	margin: 5px 0 15px;
	font-weight: 400; 
	color: #e75300; 
	text-transform: uppercase;
}
.single-programmation .entry-header .art-player iframe { margin-top: 10px; }
.single-programmation .entry-header .art-spectacle { 
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 1.2;
	margin: 0;
	padding: 5px 0;
	font-weight: 200; 
	color: #0D0D39;
	font-style: italic;
	border-top: 1px solid #B9B9B9;
}
.single-programmation .entry-header .lu-parcours .lu-cartouche {
	float: left;
	border-radius: 15px;
	padding: 0 10px;
	border: 0.5px solid #000;
	font-size: 14px;
	font-size: 1.4rem;
}

.single-programmation .entry-header .lu-parcours.mj5c-fr,
.single-programmation .entry-header .lu-parcours.mj5c-en { color: #EA0029; }
.single-programmation .entry-header .lu-parcours.cdc-fr,
.single-programmation .entry-header .lu-parcours.cdc-en,
.single-programmation .entry-header .lu-parcours.j5c-fr,
.single-programmation .entry-header .lu-parcours.j5c-en { color: #009EE2; }
.single-programmation .entry-header .lu-parcours.jc222-fr,
.single-programmation .entry-header .lu-parcours.jc222-en { color: #002D74; }
.single-programmation .entry-header .lu-parcours.pm-fr,
.single-programmation .entry-header .lu-parcours.pm-en { color: #008FBE; }
.single-programmation .entry-header .lu-parcours.mj5c-fr .lu-cartouche,
.single-programmation .entry-header .lu-parcours.mj5c-en .lu-cartouche { border-color: #EA0029; }
.single-programmation .entry-header .lu-parcours.cdc-fr .lu-cartouche,
.single-programmation .entry-header .lu-parcours.cdc-en .lu-cartouche,
.single-programmation .entry-header .lu-parcours.j5c-fr .lu-cartouche,
.single-programmation .entry-header .lu-parcours.j5c-en .lu-cartouche { border-color: #009EE2; }
.single-programmation .entry-header .lu-parcours.jc222-fr .lu-cartouche,
.single-programmation .entry-header .lu-parcours.jc222-en .lu-cartouche { border-color: #002D74; }
.single-programmation .entry-header .lu-parcours.pm-fr .lu-cartouche,
.single-programmation .entry-header .lu-parcours.pm-en .lu-cartouche { border-color: #008FBE; }

.single-programmation .entry-header .art-thumbnail { display: inline-block; width: 100%; margin-top: 20px; border-radius: 12px; overflow: hidden; }
.single-programmation .entry-header .art-thumbnail img { width: 100%; }

.single-programmation .sidebar-warp { 
	width: 135px; 
	float: left; 
	border: #312a74 1px solid; 
	border-radius: 12px; 
	overflow: hidden;
	border-color: #312a74; 
	color: #312a74;
}
.single-programmation .sidebar-warp .art-jour { 
	background: #312a74; 
	width: 100%; 
	color: #FFF;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
}
/*.single-programmation .sidebar-warp.mj5c-fr,
.single-programmation .sidebar-warp.mj5c-en { border-color: #e75200; color: #e75200; }
.single-programmation .sidebar-warp.cdc-fr,
.single-programmation .sidebar-warp.cdc-en { border-color: #7fb7cd; color: #7fb7cd; }
.single-programmation .sidebar-warp.j5c-fr,
.single-programmation .sidebar-warp.j5c-en { border-color: #007ca3; color: #007ca3; }
.single-programmation .sidebar-warp.pm-fr,
.single-programmation .sidebar-warp.pm-en { border-color: #8caf97; color: #8caf97; }*/

/*.single-programmation .sidebar-warp.mj5c-fr .art-jour,
.single-programmation .sidebar-warp.mj5c-en .art-jour { background: #e75200; }
.single-programmation .sidebar-warp.cdc-fr .art-jour,
.single-programmation .sidebar-warp.cdc-en .art-jour { background: #7fb7cd; }
.single-programmation .sidebar-warp.j5c-fr .art-jour,
.single-programmation .sidebar-warp.j5c-en .art-jour { background: #007ca3; }
.single-programmation .sidebar-warp.pm-fr .art-jour,
.single-programmation .sidebar-warp.pm-en .art-jour { background: #8caf97; }*/

.single-programmation .sidebar-warp .art-jour span { display: block; line-height: 1; }
.single-programmation .sidebar-warp .art-jour span:nth-child(2) { font-size: 50px; font-weight: 700; }
.single-programmation .sidebar-warp .art-horaire { 
	width: 100%;  
	border-bottom: 1px solid #312a74;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.1;
	padding: 24px 15px;
}
/*.single-programmation .sidebar-warp.mj5c-fr .art-horaire,
.single-programmation .sidebar-warp.mj5c-en .art-horaire { border-bottom: 1px solid #e75200; }
.single-programmation .sidebar-warp.cdc-fr .art-horaire,
.single-programmation .sidebar-warp.cdc-en .art-horaire  { border-bottom: 1px solid #7fb7cd; }
.single-programmation .sidebar-warp.j5c-fr .art-horaire,
.single-programmation .sidebar-warp.j5c-en .art-horaire { border-bottom: 1px solid #007ca3; }
.single-programmation .sidebar-warp.pm-fr .art-horaire,
.single-programmation .sidebar-warp.pm-en .art-horaire { border-bottom: 1px solid #8caf97; }*/
.single-programmation .sidebar-warp .art-horaire .fal { 
	display: block; 
	margin-right: auto; 
	margin-left: auto; 
	font-size: 28px;
	font-size: 2.8rem;
	margin-bottom: 8px; 
}
.single-programmation .sidebar-warp .art-lieu {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.1;
	padding: 15px 5px;
}
.single-programmation .sidebar-warp .art-lieu .fal { 
	margin-right: auto; 
	margin-left: auto; 
	display: block; 
	font-size: 32px;
	font-size: 3.2rem; 
	margin-bottom: 8px; 
}
.single-programmation .sidebar-warp .art-lieu a,
.single-programmation .sidebar-warp .art-lieu a:hover { color: #312a74; text-decoration: none; }

/*.single-programmation .sidebar-warp.mj5c-fr .art-lieu a,
.single-programmation .sidebar-warp.mj5c-en .art-lieu a { color: #e75200; }
.single-programmation .sidebar-warp.cdc-fr .art-lieu a,
.single-programmation .sidebar-warp.cdc-en .art-lieu a { color: #7fb7cd; }
.single-programmation .sidebar-warp.j5c-fr .art-lieu a,
.single-programmation .sidebar-warp.j5c-en .art-lieu a { color: #007ca3; }
.single-programmation .sidebar-warp.pm-fr .art-lieu a,
.single-programmation .sidebar-warp.pm-en .art-lieu a { color: #8caf97; }*/

.single-programmation .sidebar-warp .art-lieu.off { display: none; }
.single-programmation .sidebar-warp .art-return { text-align: center; background: #312a74; line-height: 1; }

/*.single-programmation .sidebar-warp.mj5c-fr .art-return,
.single-programmation .sidebar-warp.mj5c-en .art-return { background: #e75200; }
.single-programmation .sidebar-warp.cdc-fr .art-return,
.single-programmation .sidebar-warp.cdc-en .art-return { background: #7fb7cd; }
.single-programmation .sidebar-warp.j5c-fr .art-return,
.single-programmation .sidebar-warp.j5c-en .art-return { background: #007ca3; }
.single-programmation .sidebar-warp.pm-fr .art-return,
.single-programmation .sidebar-warp.pm-en .art-return { background: #8caf97; }*/
.single-programmation .sidebar-warp .art-return .fa { 
	font-size: 16px;
	font-size: 1.6rem;
	color: #fff; 
	line-height: 1.2; 
	margin: 5px 0 2px;
}

.single-programmation .entry-content .art-content-title {
	text-transform: uppercase;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 600;
	margin-bottom: 5px;
}

.single-programmation .entry-content .art-video { 
	position: relative;
	padding-bottom: 50%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 30px;
	border-radius: 12px;
	overflow: hidden;
}
.single-programmation .entry-content .art-video iframe { 
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.single-programmation .entry-content .art-infos { margin-top: 30px; }
.single-programmation .entry-content .art-infos .art-musiciens {
	border-radius: 12px; 
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	border: 1px solid #E0E0E0;
	padding: 15px;
	margin-bottom: 30px;
}
.single-programmation .entry-content .art-infos .art-musiciens strong { font-weight: 600; }
.single-programmation .entry-content .art-infos .art-musiciens p { margin: 0; width: 49.5%; display: inline-table; }
.single-programmation .entry-content .art-infos .art-musiciens p:first-child { padding-right: 10px; }
.single-programmation .entry-content .art-infos .art-musiciens p:nth-child(2) { padding-left: 10px; }

.single-programmation .entry-content .art-infos .art-rezo { margin-bottom: 30px; font-size: 24px; color: #0D0D39; }
.single-programmation .entry-content .art-infos .art-rezo a { margin-right: 5px; }
.single-programmation .entry-content .art-infos .art-rezo a,
.single-programmation .entry-content .art-infos .art-rezo a:hover { color: #0D0D39; }

.single-programmation .entry-content .art-infos .art-weezevent { padding: 15px; background-color: #F7F7F7; border-radius: 12px; overflow: hidden; }
.single-programmation .entry-content .art-infos .art-weezevent .art_weez_title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.2;
    margin: 5px 0 15px;
    font-weight: 400;
    color: #EA0029;
    text-transform: uppercase;
	font-family: 'Roboto', cursive;
}
.single-programmation .entry-content .art-infos .art-weezevent .art_weez_title .fal {
	font-size: 20px;
	font-size: 2rem;
    transform: rotate(-55deg);
    margin-top: 5px;
    margin-right: 6px;
    float: left;
}

.single-programmation .content-sidebar-wrap .aside-sidebar .art-billet { position: relative; border-radius: 12px; overflow: hidden; }
.single-programmation .content-sidebar-wrap .aside-sidebar .art-billet img { width: 100%; }
.single-programmation .content-sidebar-wrap .aside-sidebar .art-billet .art-soldout { position: absolute; width: 100%; }
.single-programmation .content-sidebar-wrap .aside-sidebar .art-infos-comp {
	margin-top: 30px;
	padding: 15px; 
	font-size: 14px; 
	color: #0D0D39;
	border: 1px solid #E0E0E0;
	line-height: 1.3;
	border-radius: 12px;
}
.single-programmation .content-sidebar-wrap .aside-sidebar .art-infos-comp h3 {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 24px;
    font-size: 2.4rem;
    border-bottom: 1px solid #E0E0E0;
    padding-left: 15px;
    padding-bottom: 15px;
}
.single-programmation .content-sidebar-wrap .aside-sidebar .art-infos-comp h3 i {
    margin-right: 5px;
    font-size: 20px;
    font-size: 2rem;
}

.single-programmation .content-sidebar-wrap .aside-sidebar .art-infos-comp p { margin-bottom: 10px; }
.single-programmation .content-sidebar-wrap .aside-sidebar .art-infos-comp p b { font-weight: 600; }


/*----------------------
Page billetterie
------------------------*/

.page-billetterie .content-sidebar-wrap .content { margin-bottom: 0; }
.page-billetterie .content .entry { margin-bottom: 0; }

.page-billetterie .content h1.entry-title { margin-bottom: 30px; }

.section-billets { background: #F4F7F6; padding: 15px; margin-bottom: 40px; border-radius: 12px; overflow: hidden; }
.section-billets ul li { margin-bottom: 25px; }

.section-billets .li-title-multi-event { 
	font-size: 32px; 
	font-size: 3.2rem;
	line-height: 1.2;
	margin: 10px 0 25px 0;
	padding-bottom: 10px;
	color: #323232; 
	text-transform: uppercase;
	font-weight: 400;
	border-bottom: 1px solid #E0E0E0;
}
.section-billets ul li .module-multi-event { background: #FFF; }

.section-billets ul.list-autre { padding: 30px 20px 20px; background: #FFF; }
.section-billets ul.list-autre li {
    border: 1px solid #CCC;
    margin: 0 0 10px 0;
    padding: 10px;
    position: relative;
}
.section-billets ul.list-autre li .li-img-multi-event { width: 100px; height: 100px; float: left; }
.section-billets ul.list-autre li .li-content-txt-multi-event { padding: 0 150px 0 120px; }
.section-billets ul.list-autre li .li-content-lien-multi-event {
    position: absolute;
    right: 0;
    top: 10px;
    bottom: 10px;
    width: 150px;
    border-left: 1px solid #CCC;
}
.section-billets ul.list-autre li .li-content-lien-multi-event .li-btn-multi-event {
    display: block;
    line-height: 40px;
    width: 120px;
    text-transform: uppercase;
    text-align: center;
    color: rgb(255, 255, 255);
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgb(240, 158, 0);
    text-decoration: none;
    margin: -20px 0px 0px -60px;
    font-weight: 500;
}
.section-billets ul.list-autre li .li-content-lien-multi-event .li-btn-multi-event:hover { opacity: 0.7; }
.section-billets ul.list-autre li .li-content-txt-multi-event .li-title-list-multi-event {
	font-family: Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 0;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
}
.section-billets ul.list-autre li .li-content-txt-multi-event .li-date-multi-event {
	font-family: Arial, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
}
.section-billets ul.list-autre li .li-content-txt-multi-event .li-lieu-multi-event {
	font-family: Arial, sans-serif;
    color: #999;
    font-size: 13px;
    font-size: 1.3rem;
}

.page-billetterie .sidebar {
	font-size: 14px; 
	font-size: 1.4rem;
	line-height: 1.2;
}
.section-sidebar-billet h3 { 
	width: calc(100% + 30px); 
	margin-left: -15px; 
	margin-right: -15px;
	margin-bottom: 15px;
	text-transform: uppercase; 
	font-size: 20px; 
	font-size: 2rem; 
	font-weight: 600; 
	border-bottom: 1px solid #E0E0E0;
	padding-left: 15px;
	padding-bottom: 15px;
}
.section-sidebar-billet h3 .fal { margin-right: 5px; font-size: 20px; font-size: 2rem; }
.section-sidebar-billet {
	color: #0D0D39;
	padding: 20px 15px;
	border: 1px solid #E0E0E0;
	margin-bottom: 35px;
}
.page-billetterie .sidebar-content { 
	display: inline-block; 
	margin: 0 0 15px; 
	width: 100%;
	font-size: 16px;
    font-size: 1.6rem;
}
.page-billetterie .sidebar-content .sidebar-container { 
	padding: 20px 20px 0;
	border-radius: 12px;
	border: 1px solid rgba(0,0,0,.125);
}
.page-billetterie .sidebar-content h3 {
	font-size: 2.8px;
    font-size: 2.8rem;
    color: #0D0D39;
    border-bottom: 1px solid rgba(0,0,0,.125);
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0 0 10px 20px;
    margin-bottom: 20px;
}
.page-billetterie .footer-content { 
	display: inline-block; 
	margin: 0 0 40px; 
	width: 100%;
	font-size: 16px;
    font-size: 1.6rem;
}
.page-billetterie .accordion { }
.page-billetterie .accordion .card:first-child {
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px
}
.page-billetterie .accordion .card:last-child {
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}
.page-billetterie .accordion .card-header { }
.page-billetterie .accordion .card-header h5 { }
.page-billetterie .accordion .card-header button {
	max-width: calc(100% - 40px);
	border: none; 
	width: 100%; 
	text-align: left;
	font-size: 28px;
    font-size: 2.8rem;
    color: #0D0D39;
    line-height: 1;
}
.page-billetterie .accordion .card-header button:hover { color: #0081c1; background-color: initial; text-decoration: none; }
.page-billetterie .accordion .card-header button:focus { 
	color: #EA0029; 
	background-color: initial; 
	text-decoration: none; 
	outline: none;
  	box-shadow: none;
}
.page-billetterie .accordion .card-header button:after { 
	content:"\f063"; 
	font-family: "Font Awesome 5 Pro"; 
	float: right; 
	transform: rotate(180deg);
	top: 10px;
	right: 20px;
	position: absolute;
}
.page-billetterie .accordion .card-header button.collapsed:after { content:"\f063"; font-family: "Font Awesome 5 Pro"; float: right; transform: initial; }


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

@font-face {
  font-family: "Graphik";
  font-weight: normal;
  src: url("fonts/graphikRegular.otf") format("otf"),
    url("fonts/graphikRegular.svg") format("svg"),
    url("fonts/graphikRegular.ttf") format("ttf"),
    url("fonts/graphikRegular.woff") format("woff");
}
@font-face {
  font-family: "Graphik";
  font-weight: bold;
  src: url("fonts/graphikSemibold.otf") format("otf"),
    url("fonts/graphikSemibold.svg") format("svg"),
    url("fonts/graphikSemibold.ttf") format("ttf"),
    url("fonts/graphikSemibold.woff") format("woff");
}
@font-face {
  font-family: "Graphik";
  font-weight: 500;
  src: url("fonts/graphikMedium.eot") format("eot"),
  url("fonts/graphikMedium.svg") format("svg"),
  url("fonts/graphikMedium.ttf") format("ttf"),
  url("fonts/graphikMedium.woff") format("woff");
}

.section-billets ul.list-autre { }
.event-list-item {
	font-family: "Graphik";
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    word-break: break-word;
}
.event-list-item .event-list-item-logo {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.event-list-item .event-list-item-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 15px;
}
.event-list-item .event-list-item-link {
    min-width: 100px;
    text-align: center;
    margin-left: auto;
}
.event-list-item .event-list-item-logo img {
    max-width: 150px;
    min-width: 100px;
}

.event-mulit-icon-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}
.event-list-item img.logo-mobile {
    display: none;
    margin-right: 10px;
}
.event-list-item .event-list-item-info .title {
    font-weight: 700;
    font-size: 2.1rem;
}
.event-mulit-icon-container {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}
.event-mulit-icon-container 
.event-mulit-icon-container-icon {
    margin-right: 5px;
}
.event-mulit-icon-container>div {
    display: inline-block;
    font-size: 1.6rem;
}
.event-list-item .event-list-item-info .address, 
.event-list-item .event-list-item-info .dates {
    color: #898f9c;
}
.event-mulit-icon-container svg { margin-top: -3px; }
.event-list-item .event-list-item-info .address span {
    display: block;
    padding-bottom: 3px;
    padding-top: 3px;
    line-height: 1rem;
}
.event-list-item .event-list-item-link a, 
.event-list-item .event-list-item-link a:hover { text-decoration: none; }
.event-list-item .event-list-item-link a {
    background-color: #08013a;
    padding: 12px 14px;
    color: #fff;
    border-radius: 5px;
    line-height: 1.5;
    font-size: 1.6rem;
}
.event-list-item img.logo-mobile {
    display: none;
    margin-right: 10px;
}


.page-billetterie .sidebar-footer {
	color: #0D0D39;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: justify;
	display: flex;
  	flex-wrap: wrap;
	width: 100%;
    margin-bottom: 40px;
}
.page-billetterie .sidebar-footer .section-sidebar-billet {
 flex: 0 0 50%;
    max-width: calc(50% - 10px);
    margin-top: 20px;
    margin-bottom: 0;
}
.page-billetterie .sidebar-footer .section-sidebar-billet:nth-child(odd) { margin-left: 10px }
.page-billetterie .sidebar-footer .section-sidebar-billet:nth-child(even) { margin-right: 10px }
.page-billetterie .sidebar-footer .section-sidebar-billet:first-child {
	width: 100%; 
	margin: 0;
 flex: 0 0 100%;
    max-width: 100%;
}


/*----------------------
Liste lieux
------------------------*/


.page-lieux .content { /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    padding: 0;
}

.page-lieux article { display: inline-block; padding: 0; margin-bottom: 40px; }
.page-lieux article .entry-content {
	overflow: hidden;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.page-lieux article .entry-header { margin: 0; border-bottom: none; }
.page-lieux article h2 { 
	text-align: left; 
	text-transform: uppercase; 
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	margin-bottom: 15px; 
}
.page-lieux article ul { margin: 0; padding: 0; }

.page-lieux article ul .accordion__item {
	border: #ECECEC 1px solid;
	border-bottom: none;
	list-style: none; 
	margin: 0; 
	padding: 0;
}
.page-lieux article ul .accordion__item:first-child { border-top: none; }
.page-lieux article ul .accordion__item:last-child { 
	border-bottom: #ECECEC 1px solid;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.page-lieux article ul .accordion__item .accordion-header {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	text-transform: uppercase;
	color: #6D6D6D; 
	margin: 0; 
	padding: 15px;
	transition: all 300ms ease-in;
}
.page-lieux article ul .accordion__item.active .accordion-header { background: #009EE2; color: #fff; }
.page-lieux article ul .accordion__item .accordion-header i {
	color: #B9B9B9;
	font-size: 20px;
	font-size: 2rem;
	margin-right: 10px;
	float: left;
	transition: all 300ms ease-in;
}
.page-lieux article ul .accordion__item.active .accordion-header i,
.page-lieux article ul .accordion__item.active .accordion-header:after {
	color: #FFF;
	transition: all 300ms ease-in;
}

.page-lieux article ul .accordion__item.active > .accordion-header:after { transform: rotate(-180deg); }
.page-lieux article ul .accordion__item .accordion-header:hover { cursor: pointer; }

.page-lieux article ul .accordion__item .accordion-body {
	background: #fcfcfc;
	color: #3f3c3c;
	display: none;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
	padding: 15px; 
}
.page-lieux article ul .accordion__item .accordion-body p { margin-bottom: 10px; }
.page-lieux article ul .accordion__item > .accordion-header:after {
	content: "\f063";
	font-family: "Font Awesome 5 Pro";
	color: #B9B9B9;
	font-size: 15px;
	font-size: 1.5rem;
	float: right;
	position: relative;
	top: 2px;
	transition: .3s all;
	transform: rotate(0deg);
}


/*----------------------
Page retro
------------------------*/

/*----------------------
Page Partenaires
------------------------*/

.page-partenaires .entry-header { border-bottom: none !important; }
.page-partenaires .entry h2 { margin: 20px 0 15px; }
.page .entry .smls-grid-image-wrap { border-radius: 12px !important; overflow: hidden !important; }

.bloc-sous-page { background: #009EE2; width: 100%; margin-top: 10px; display: inline-block; border-radius: 25px; }
.bloc-sous-page a { padding: 10px 15px; color: #fff; font-size: 1.6rem; font-size: 16px; width: 50%; float: left; font-weight: 500; }
.bloc-sous-page a:hover { text-decoration: none; }
.bloc-sous-page a:first-child { border-right: 1px solid #fff; }


/*----------------------
Formulaire password
------------------------*/

.post-password-required label { display: block; margin-top: 30px; }
.post-password-required label input { 
	display: block; 
	margin-top: 15px;
    padding: 10px 15px; 
}

.post-password-required input[type="submit"] {
	background: #e75300;
	opacity: 0.8;
	border: none; 
	padding: 15px 25px; 
	border-radius: 4px; 
	color: #fff;
	letter-spacing: 1px; 
	font-size: 16px; 
	font-size: 1.6rem;
}
.post-password-required input[type=submit]:hover { background: #e75300; opacity: 1; color: #fff; }

.post-password-required form p { font-size: 1.8rem; font-size: 18px;  }



/*----------------------
Formulaire caldera form
------------------------*/

.caldera-grid { background-color: #F7F7F7; padding: 25px 15px; border-radius: 12px; }
.caldera-grid h2,
.caldera-grid h3,
.caldera-grid h4 {
	font-size: 26px;
	font-size: 2.6rem;
	text-transform: uppercase; 
	font-weight: 400; 
}

.caldera-grid .caldera_forms_form input[type=submit] { 
	background: #0081c1;
	opacity: 0.8;
	border: none; 
	padding: 15px 25px; 
	border-radius: 4px; 
	color: #fff;
	letter-spacing: 1px; 
	font-size: 16px; 
	font-size: 1.6rem; 
}
.caldera-grid .caldera_forms_form input[type=submit]:hover { background: #000; opacity: 1; color: #fff; }
.champ_obligatoire { font-size: 10px; font-size: 1rem; font-style: italic; margin-top: 10px; }


@media only screen and (max-width: 1023px) {
	.front-page-3 .flexible-widgets .container-titre-news,
	.front-page-3 .flexible-widgets .container-reseaux-sociaux,
	.front-page-3 .flexible-widgets .container-from-news { width: 100%; }
	.front-page-3 .flexible-widgets .container-from-news { margin: 20px 0; }
	.front-page-3 .flexible-widgets .container-reseaux-sociaux ul { display: inline-block; margin: 0 auto; }
	.front-page-3 .flexible-widgets .container-reseaux-sociaux ul li:last-child { margin: 0; }

	.line-up-programmation .lu-thumbnail { overflow: hidden; float: left; text-align: center; max-width: 180px; width: 100%; line-height: 0; }
	.line-up-programmation .lu-thumbnail img { width: 300px; max-width: 300px; margin-left: -90px; }
	.line-up-programmation .lu-entry-content { width: calc(100% - 325px); }

	.single .content,
	.page.content-sidebar .content { width: 100%; margin-bottom: 0; }

	.sidebar { width: 100%; padding: 0; }
	.sidebar section:nth-child(2) { display: none; }
	.sidebar section:nth-child(3) article { width: calc(50% - 10px); float: left; }
	.sidebar section:nth-child(3) article:nth-child(2) { margin-right: 10px; }
	.sidebar section:nth-child(3) article:nth-child(3) { margin-left: 10px; }
}

@media only screen and (max-width: 960px) {
	.front-page-0 .container-front .rdv { font-size: 42px; font-size: 4.2rem; }

	.nav-third {
		width: 100%;
	    text-align: center;
	    background-color: #08013A;
	    padding: 10px;
	    display: none;
	}
	.section-lineup .lune-marseille { bottom: -140%; }
	.section-lineup .content-lineup .liste-artistes { max-width: 100%; text-align: justify; }
}


@media only screen and (max-width: 800px) {

	.content-sidebar-wrap .content > .entry-header h1,
	.content-sidebar-wrap > .entry-header h1 { font-size: 38px !important; }

	.content-sidebar-wrap .content > .entry-header .ss-titre,
	.content-sidebar-wrap > .entry-header .ss-titre { font-size: 20px !important; }

	.site-footer .nav-secondary { padding: 12px 20px 20px; }
	.site-footer .nav-secondary .pentagon { display: none; }
	.site-footer .nav-secondary ul {margin: 0; text-align: center; }
	.site-footer .nav-secondary ul li { float: initial; }
	.site-footer .nav-secondary ul li:nth-child(2) a { margin: 0 10px 0 0; }
	.site-footer .nav-third { display: none; }

	.section-wall .wall-content .wall-text .wall-date {
		font-size: 20px;
	    font-size: 2rem;
		opacity: 1; 
	}
	.section-wall .wall-content .wall-text .wall-title { 
		font-size: 30px;
	    font-size: 3rem;
	    margin-bottom: 22px; 
	}
	.section-wall .wall-content a:hover .wall-title { color: #fff; opacity: 1; margin-bottom: 24px; }

	.front-page-4 .solid-section article .entry-header h4 { font-size: 22px; }
	.front-page-4 .solid-section article .entry-content { font-size: 14px; }

	.single-programmation .content-sidebar-wrap .aside-sidebar { width: 100%; margin-bottom: 60px; }
	.single-programmation .content-sidebar-wrap .aside-sidebar .art-billet { display: none; }
	.single-programmation .content-sidebar-wrap .content { width: 100%; padding: 0; }

	.ticket-entry-content .ticket-title-type { font-size: 26px; font-size: 2.6rem; }

	.line-up-programmation .lu-btn-billet { display: none; }

	.line-up-programmation .lu-content-archive .lu-title-archive { width: 100%; }

	.line-up-programmation .entry { margin-bottom: 15px; border-radius: 12px; overflow: hidden; }
	.line-up-programmation .lu-entry-content { float: left; width: 100%; height: auto; border-right: none; }
	.line-up-programmation .lu-entry-content .entry-content { margin-top: 15px; }

	.line-up-programmation .entry a { display: block; }

	.line-up-programmation .lu-thumbnail { float: left; max-width: 100%; width: calc(100% - 140px); min-height: 250px; }

	.line-up-programmation .lu-date-content, 
	.line-up-programmation .lu-date-contentsame { height: auto; float: left; }

	.line-up-programmation .lu-entry-content .entry-content .lu-infos { position: relative; bottom: 0; padding: 10px 0 0 0;  width: 100%; }
	.line-up-programmation .lu-entry-content .lineup-soldout { height: auto; width: 180px; }
	.line-up-programmation .lu-entry-content .wall-info img { max-width: 190px; }

	.line-up-programmation .lu-date-content .lu-date { border-top: none; text-align: center; }
	.line-up-programmation .lu-date-contentsame .lu-date { display: block; border-top: none; } 
	.line-up-programmation .lu-date-contentsame .lu-date span:first-child { font-size: 48px; font-size: 4.8rem; font-weight: 800; }
}

@media only screen and (max-width: 740px) {
	.section-entry-direct { display: none; }
	.page-lieux .content {
	    -moz-column-count: 1;
	    column-count: 1;
	}
	.page-lieux .content article { width: 100%; margin-bottom: 30px; }
	.front-page-4 .solid-section .flexible-widgets .widget-wrap .entry { max-width: calc(50% - 8px); }
	.front-page-4 .solid-section .flexible-widgets .widget-wrap .entry:last-child { display: none; }
}

@media only screen and (max-width: 680px) {

	.front-page-0 .merci { font-size: 35px; font-size: 3.5rem; padding: 15px 15px 10px; }

	.section-news .news-content .texte-news br { display: none; }

	.page-lieux .content-sidebar-wrap > .entry-header .lu-btn-billet,
	.page-retro .content-sidebar-wrap > .entry-header .lu-btn-billet { display: none; }

	.single-programmation .sidebar-warp { width: 100%; margin-bottom: 30px; }
	.single-programmation .sidebar-warp .art-return { display: none; }
	.single-programmation .content-sidebar-wrap { width: 100%; }
	.single-programmation .sidebar-warp .art-jour span { display: inline-block; }
	.single-programmation .sidebar-warp .art-jour span:nth-child(2) { margin: 0 10px; }

	.single-programmation .sidebar-warp .art-lieu,
	.single-programmation .sidebar-warp .art-horaire { width: 50%; float: left; border-bottom: none !important; padding: 22px 15px 18px 15px; }
	.single-programmation .sidebar-warp .art-lieu { border-left: 1px solid #0D0D39; padding: 19px 15px; }
	.single-programmation .sidebar-warp.mj5c-fr .art-lieu { border-left: 1px solid #e75200; }
	.single-programmation .sidebar-warp.cdc-fr .art-lieu { border-left: 1px solid #7fb7cd; }
	.single-programmation .sidebar-warp.j5c-fr .art-lieu { border-left: 1px solid #007ca3; }
	.single-programmation .sidebar-warp.pm-fr .art-lieu { border-left: 1px solid #8caf97; }

	.single-programmation .sidebar-warp .art-lieu.autre { display: block; }
	.single-programmation .entry-header .art-lieu-autre { display: none; }

	.ticket-entry-content .entry .ticket-thumbnail { display: none; }
	.ticket-entry-content .entry .ticket-content-text { width: calc(100% - 205px); }
	.ticket-entry-content .entry .ticket-date { font-size: 20px; font-size: 2rem; }
	.ticket-entry-content .entry .ticket-title { font-size: 16px; font-size: 1.6rem; }

	.page-billetterie .sidebar-footer { flex-wrap: nowrap; display: block; }
	.page-billetterie .sidebar-footer .section-sidebar-billet {
	 flex: 0 0 100% !important;
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	    max-width: 100%;
	}
}

@media only screen and (max-width: 580px) {
	.site-header .menu-toggle { right: 0; }
	.logo-jo { display: none; }
	.sub-header .content-sub-header { width: calc(100% - 69px); }
	.sub-header .content-sub-header .logo-header ul { margin: 12px 0; }

	.front-page-2 { display: none; }

	.page.content-sidebar .sidebar section:nth-child(3) article { width: 100%; margin-right: 0 !important; margin-left: 0 !important; }
	.single .sidebar section:nth-child(3) article { width: 100%; margin-right: 0 !important; margin-left: 0 !important; }

	.bloc-sous-page a { font-size: 12px; font-size: 1.2rem; }

	.page-billetterie .ticket-infos-sup .ticket-tarif-flux, 
	.page-billetterie .ticket-infos-sup .ticket-tarif-ce { width: 100%; margin-right: 0; margin-left: 0; }

	.page-lieux article h2 { font-size: 22px; }

}

@media only screen and (max-width: 560px) {
	.front-page-0 .container-front .rdv { font-size: 32px; font-size: 3.2rem; }

	.sub-header .content-sub-header .logo-header { display: none; }

	.section-news .news-content .titre-news { width: 100%; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; text-align: center; }
	.section-news .news-content .form-news { width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; }

	.section-billets ul.list-autre li .li-content-txt-multi-event { padding: 0 0 0 120px; }
	.section-billets ul.list-autre li .li-content-lien-multi-event {
		display: block;
	    position: relative;
	    right: initial;
	    top: initial;
	    bottom: initial;
	    width: 100%;
	    border-left: none;
	    padding: 0 0 0 120px;
	}
	.section-billets ul.list-autre li .li-content-lien-multi-event .li-btn-multi-event {
	    display: block;
	    line-height: initial;
	    width: 120px;
	    text-transform: uppercase;
	    text-align: center;
	    color: rgb(255, 255, 255);
	    font-family: Arial, sans-serif;
	    font-size: 12px;
	    font-size: 1.2rem;
	    position: relative;
	    top: initial;
	    left: initial;
	    background: rgb(240, 158, 0);
	    text-decoration: none;
	    margin: 10px 0 0;
	    padding: 13px 0;
	    font-weight: 500;
	}

}
@media only screen and (max-width: 500px) {
	.section-lineup .content-lineup { font-size: 40px; font-size: 4rem; }
	.event-list-item { flex-direction: column; }
	.event-list-item .event-list-item-link {  min-width: 100%; }
	.event-list-item img.logo-mobile {
	    display: unset;
	    max-width: 70px;
	    margin-right: 15px;
	}
	.event-list-item-title { margin-bottom: 10px; }
	.event-list-item .event-list-item-logo { display: none; }
	.event-list-item .event-list-item-info { padding: 0; }
	.event-list-item img.logo-mobile { display: unset; max-width: 70px; margin-right: 15px; }
	.event-list-item .event-list-item-link { min-width: 100%; }
	.event-list-item .event-list-item-link a {
	    display: inline-block;
	    margin-top: 25px;
	    width: 100%;
	}
	.front-page-4 .solid-section .flexible-widgets .widget-wrap .entry { max-width: 100%; }
	.front-page-4 .solid-section .flexible-widgets .widget-wrap .entry:last-child { display: initial; }
}

@media only screen and (max-width: 480px) {

	.section-wall .wall-content .wall-text .wall-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 18px; }
	.section-wall .wall-content .wall-text .wall-date { font-size: 16px; font-size: 1.6rem; }

	.line-up-programmation .lu-entry-content .entry-header h1,
	.line-up-programmation .lu-entry-content .entry-header .lu-nom-spectacle { font-size: 28px; font-size: 2.8rem; }
	.line-up-programmation .entry .lu-date-content, 
	.line-up-programmation .entry .lu-date-contentsame  { width: 110px; min-width: 110px; }
	.line-up-programmation .lu-thumbnail { max-width: 100%; width: calc(100% - 110px); }
	.line-up-programmation .lu-date-content .lu-date span,
	.line-up-programmation .lu-date-contentsame .lu-date span { font-size: 16px; font-size: 1.6rem; }


	.single .content article .entry-header { margin-bottom: 0; }
	.single-programmation .entry-header h2 { font-size: 18px; }
	.single .content article .entry-header h1 { font-size: 32px; line-height: 1.2; margin-bottom: 15px; }
	.single-programmation .content article .entry-header h1 { font-size: 28px; font-size: 2.8rem; line-height: 1; margin-bottom: 5px; }
	.single-programmation .entry-header .art-spectacle { font-size: 24px; font-size: 2.4rem; }
	.single-programmation .entry-content .art-infos .art-musiciens p { width: 100%; }
	.single-programmation .sidebar-warp .art-lieu, 
	.single-programmation .sidebar-warp .art-horaire { width: 100%; }
	.single-programmation .sidebar-warp .art-horaire { padding: 15px; }
	.single-programmation .sidebar-warp .art-lieu { padding: 15px; border-left: none; border-top: 1px solid #0D0D39; }
	.single-programmation .sidebar-warp .art-lieu i,
	.single-programmation .sidebar-warp .art-horaire i { display: inline-block; font-size: 24px; margin-right: 5px; }
	.single-programmation .sidebar-warp .art-lieu i { font-size: 28px; }
	.single-programmation .content-sidebar-wrap .aside-sidebar .art-billet { display: block; }

	.single-programmation .sidebar-warp .art-horaire svg,
	.single-programmation .sidebar-warp .art-lieu svg,
	.single-programmation .content-sidebar-wrap .aside-sidebar .art-billet { display: none; }


	.ticket-entry-content .entry { height: auto; }
	.ticket-entry-content .entry .ticket-content-text { width: 100%; height: auto; padding: 15px; }
	.ticket-entry-content .entry .ticket-contenaire-text { 
		position: relative; 
		top: 0;
	 transform: translate(0, 0);
	}
	.ticket-entry-content .entry .ticket-content-tarif {
	    float: right;
	    position: relative;
	    border: none;
	    height: auto;
	    width: 100%;
	    text-align: left;
	    border-top: 1px solid #E0E0E0;
	}
	.ticket-entry-content .entry .ticket-contenaire-tarif {
	    text-align: center;
	    position: relative;
	    top: 0;
	    transform: translate(0, 0);
	}
	.ticket-entry-content .entry .ticket-tarif,
	.ticket-entry-content .entry .ticket-tarif-red { text-align: center; }

	.ticket-entry-content .entry .ticket-tarif { padding: 10px 0; }
	.ticket-entry-content .entry .ticket-tarif-red { padding: 16px 0; }
}

@media only screen and (max-width: 410px) {
	.section-billets ul.list-autre li .li-content-txt-multi-event { padding: 0; }
	.section-billets ul.list-autre li .li-content-lien-multi-event {
		display: block;
	    position: relative;
	    right: initial;
	    top: initial;
	    bottom: initial;
	    width: 100%;
	    border-left: none;
	    padding: 0;
	}
	.section-billets ul.list-autre li .li-img-multi-event { display: none; }

}