/*
Theme Name: Francouvertes 30A
Description: Divi Child
Author: Thundra Multimedia
Author URI: http://thundra.ca
Template: Divi
Version: 4.10.7
*/

/* FONTS */
@font-face {
	font-family: 'championhtf-featherweight';
	src: url('fonts/champion-htf-featherweight-webfont.woff2') format('woff2'),
		 url('fonts/champion-htf-featherweight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'championhtf-flyweight';
	src: url('fonts/champion-htf-flyweight-webfont.woff2') format('woff2'),
		 url('fonts/champion-htf-flyweight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'championhtf-middleweight';
	src: url('fonts/champion-htf-middleweight-webfont.woff2') format('woff2'),
		 url('fonts/champion-htf-middleweight-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'founders_groteskmedium';
	src: url('fonts/foundersgrotesk-medium-webfont.woff2') format('woff2'),
		 url('fonts/foundersgrotesk-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'founders_groteskregular';
	src: url('fonts/foundersgrotesk-regular-webfont.woff2') format('woff2'),
		 url('fonts/foundersgrotesk-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'founders_grotesksemibold';
	src: url('fonts/foundersgrotesk-semibold_2-webfont.woff2') format('woff2'),
		 url('fonts/foundersgrotesk-semibold_2-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoregular';
	src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
		 url('fonts/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'roboto_condensedregular';
	src: url('fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
		 url('fonts/robotocondensed-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'the_pyte_foundry_-errata';
	src: url('fonts/thepytefoundry--errata-webfont.woff2') format('woff2'),
		 url('fonts/thepytefoundry--errata-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* Couleurs inscription 2025 */
.orange-bg {background-color: #fe7b60}
.orange-txt {color: #fe7b60}
.page-template-default .entry-content .txt-pink p {color: #fe7b60 !important}

.green-bg {background-color: #d7e87b}
.green-txt {color: #d7e87b}
.black-bg {background-color: #1B1B1A}
.black-txt {color: #1B1B1A}

.single-post .entry-title {color: #fe7b60; line-height: 1.15em;}
.single-post article {border-radius: 36px; background-color: #fff !important;}

/* version FINALE des pages internes pour 2025 - a terminer */
.page-template-default #main-content,
.page-template-page-partenaires #main-content {background-color: #1d1d1b}

.page-template-default #left-area,
.page-template-page-partenaires #left-area {
	background-color: #fff;
	color: #1d1d1b;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 20px !important;
	margin-bottom: 40px;
	border-radius: 36px;
}
.page-template-default .entry-content p,
.page-template-page-partenaires #left-area p,
.page-template-page-partenaires li {color: #1d1d1b;}
.page-template-default #main-content h1.entry-title,
.page-template-page-partenaires #main-content h1 {color: #fe7b60 !important} 

/* page des photos (Divi) */
.page-id-1500 h3,
.page-id-1500 .et_pb_gallery_pagination {color: #fff !important}

/* Autres css généraux */
a {text-decoration: underline}
a.et_pb_video_play {text-decoration: none}
a:hover {text-decoration: none}
h1 {font-family: 'championhtf-featherweight' !important; }
h1 sup {text-transform: none}
.centered {text-align: center;}
.nowrap {white-space: nowrap}

.search-results #main-content,
.search-no-results #left-area {padding-bottom: 30px !important}
.search-results #main-content h4 a:hover {text-decoration: underline}
.search-results .post-meta {display: none;}

/* Theme customisations */
/* fleches des carousels */
.lwp-slick-slider .slick-next:before {content: "\45" !important;color: #fff !important;}
.lwp-slick-slider .slick-prev:before {content: "\44" !important;color: #fff !important;}

@media  (max-width: 980px) {
	#main-content .container {
		width: 90%;
		max-width: 1080px;
		margin: auto
	}
}

.single-post #main-content {background-color: #1d1d1b;}

/* autres corrections responsive */
@media (max-width: 570px) {
	.home .et_pb_column_5 {display: table}
	.home .artiste-invite .et_pb_main_blurb_image {display: inline-block; margin-bottom: 0px; }
	.artiste-invite .et_pb_blurb_content img {height: auto !important;}
	.home .artiste-invite .et_pb_blurb_container {display: inline-block; width: 100%;}
	.home .hp-achat-billet { margin-top: 70px;}
	.home .accueil--soiree .et_pb_text_inner {font-size: 18px;}
	.home .hp-widgettitle-sep {display: none;}
	.home .hp-all-prog {display: block; padding-top: 12px;}
}
@media (max-width: 400px) {.home .module--21 h2 {font-size: 36px;}}

/* modification largeur de coloness de Divi */
@media (min-width: 981px) {
	.et_pb_gutters2 .et_pb_column_3_4, .et_pb_gutters2.et_pb_row .et_pb_column_3_4 {width: 65%;}
	.et_pb_gutters2 .et_pb_column_1_4, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 {width: 32%;}
}

.no-margin-bottom {padding-bottom: 5px;margin-bottom: 0px; }
.et_pb_bg_layout_dark h2 {color: #000 !important;}
.no-bold {font-weight: normal !important;text-transform: none !important;}

/* corrections sur la mega-menu: indentation en fullwidth et en mobile */

/* header */
#et-top-navigation {background-color: #d7e87b}

/* STRUCTURE du HEADER de la 30e */
.header-row-container {max-width: 1440px;text-align: center;margin: auto;}
.row {
	display: flex;
	flex-wrap: wrap;
}
.full-width {width: 100%;text-align: center}
.col {
	flex: 1;
	min-width: 200px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 60px;
	margin-bottom: 10px;
}
.c1, .c3 {flex: 0 0 30%}
.c2 {flex: 0 0 40%}
.c1{padding-left: 5px;}
.c3{padding-right: 5px;}

@media (max-width: 768px) {
	.col {flex: 100%; min-height: 10px;margin-bottom: 0px;}
	.second-row {display: flex;flex-direction: column;}
	.c1 { order: 1; }
	.c3 { order: 2; margin-bottom: 10px;}
	.c2 { order: 3; }
}

/* Mobile menu */
@media (max-width: 980px) {
	.et_mobile_menu {background-color: #d7e87b !important; border-color:#d7e87b !important }
	.et_mobile_menu li a {color:#1b1b1a !important; text-decoration: none}
	.et_mobile_menu li.current-menu-item a {text-decoration: underline}
}

.sirius_header {margin-top: 10px}
.sirius_header img { max-width: 300px !important }
.sirius_header a {text-decoration: none !important}
.presente {
	font-family: 'championhtf-flyweight', sans-serif;
	display: inline-block;
	text-transform: uppercase;
	font-size: 22px; 
	font-weight: 300;
	color: #d7e87b;
}
.logo30 {
	font-family: 'the_pyte_foundry_-errata', sans-serif;
	font-size: clamp(4rem, 10vw, 24rem) !important;
	line-height: 1em;
}
@media (min-width: 1700px) {
	.logo30 {font-size: 172px !important}
}
.logo30 sup {
	font-size: clamp(2rem, 4vw, 8rem) !important;
	vertical-align: top;
	position: relative;
	top: -0.2em;
	top: clamp(-0.2rem, 1vw, 2rem) !important;
}
.logo30 a {text-decoration: none; color: #d7e87b }
.logo30-inner {
	width: auto;
	display: inline-block;
	position: relative;
}
.logo30 .bouche {
	content: url(images/bouche.png);
	position : absolute;
	width: 10%;
	left: 11%;
	bottom: -25%;
	z-index: -1;
}
@media (max-width: 980px) {
	.sirius_header img { max-width: 150px !important }
	.logo30-inner {text-align: left}
	.francou-word {
		display: block;
		font-size: clamp(3rem, 6vw, 20rem) !important;
		margin-left: 40px;
		margin-top: -20px;
	}	
	.logo30 {
		font-size: clamp(4rem, 15vw, 24rem) !important;
		line-height: 1em;
	}
	.logo30 .bouche {
		content: url(images/bouche.png);
		position : absolute;
		width: 22%;
		left: 33%;
		bottom: 37%;
	}
	.second-row {margin-bottom: 10px}
	.presente {font-size: 18px !important}
}

.dates {
	font-family: 'championhtf-featherweight', sans-serif;
	font-size: clamp(3.5rem, 4vw, 12rem) !important;
	line-height: 1em;
	position: relative;
	top: 3px !important;
}
.dates-inner-right {
	font-family: 'championhtf-flyweight', sans-serif;
}

@media (max-width: 1024px) {
	.dates-inner-right {
		display: block !important;
	}
}
.slogan-concours, .porte-paroles {
	font-family: 'championhtf-middleweight', sans-serif;
	font-size: clamp(1rem, 0.85vw, 1.5rem) !important;
}

#top-menu li.mega-menu>ul>li>a {padding: 0 20px 5px !important;}
#top-menu li.mega-menu>ul>li>a:first-child {padding-top: 0!important;font-weight: 400}
#top-menu li>ul>li.current-menu-item>a{ text-decoration: underline; }
#main-header .et_mobile_menu li ul ul {padding-left: 0px !important;}
#main-header .et_mobile_menu li li {padding-left: 0px !important;}

@media (max-width: 1024px) and (min-width: 769px) {
	#et-top-navigation ul.sub-menu li a {font-size: 14px !important; font-weight: normal}
	#top-menu li.mega-menu>ul>li>a:first-child {font-weight: normal;}
}

#page-container #top-header {background-color: transparent !important}

#logo {max-height: 100%; text-align: left;float: left;}
span.logo_helper {display:inline;}

.logo_container {width: 100%}
.logo_container:hover {cursor: pointer; position: relative;}

@media (max-width: 767px) {
	.slogan-concours br {display: none}
	.slogan-concours {position: static; font-size: 18px; margin-bottom: 0px; width: 100%;}
	.sirius_header img {max-width: 120px !important}
}

/* PROLONGATION */
.prolongation-tag {padding-left: 15px;padding-right: 15px;}
.blinking {
  -webkit-animation: prolongation-blink 2s infinite;  /* Safari 4+ */
  -moz-animation: prolongation-blink 2s infinite;  /* Fx 5+ */
  -o-animation: prolongation-blink 2s infinite;  /* Opera 12+ */
  animation: prolongation-blink 2s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes prolongation-blink {
  0%, 25% {
    background-color: #587de1;
  }
  260%, 50% {
    background-color: #a36fa9;
  }
  51%, 75% {
    background-color: #598743;
  }
  76%, 100% {
    background-color: #de5a25;
  }
}

#et-secondary-nav  li a {font-weight: 500}
#et-secondary-nav li li a {padding-left: 0.75em !important;font-weight: 500 !important}

@media (min-width: 981px) {
	.homepage {
		background:url(images/home30.png) no-repeat top 2px left; 
		background-size: contain;
		text-indent: -9999px;
		width: 24px; 
		height: 24px;
		margin-right: 32px; 
	}
	.homepage:hover {cursor: pointer; opacity: 0.87;}
	#et_mobile_nav_menu {display: none;float: left;}
	#et-secondary-nav li {margin-right: 30px !important; top: 5px;}
}

#main-header, .et-search-form {background-size: cover}

@media only screen and (max-width: 980px) {
	#main-header,
	#main-header .nav li ul {}
	#main-header .et_mobile_menu, 
	#mobile_menu {}
	.pitch-infos {
		position: static;
		width: 100% !important;
		text-align: left;
	}
	.porte-parole, .slogan {position: static !important; }
	.porte-parole {margin-bottom: 20px;}
	/*change Divi hamburger menu to X*/
	.mobile_nav.opened .mobile_menu_bar:before {
		display: inline-block;
		margin-left: 10px;
    	content: "\00d7"; /* This will render the 'X' */
	}
	/*rotate the Divi Menu icon on click*/
	.mobile_menu_bar:before {
		transition: all .4s ease;
		transform: rotate(0deg);
		display: block;
	}
	/*rotate the Divi Menu icon on click*/
	.mobile_nav.opened .mobile_menu_bar::before {
		transition: all .4s ease;
		transform: rotate(90deg);
		display: block;
	}
}

/* barres latérales */
#media_image-2 {
	width: 100%;
	text-align: center;
}

#widget_sp_image-17 {background-color: #3c3563}

.dates-link {cursor: pointer}

.inscription-box {font-family: 'championhtf-featherweight'}
.inscription-box p {color: #fe7b60 !important; transition: color 500ms ease 0ms;}
.inscription-box:hover {cursor: pointer}
.inscription-box p:hover {color: #1d1d1b !important; transition: color 500ms ease 0ms;}

.inscription-box-widget {
	font-family: 'championhtf-featherweight';
	cursor: pointer;
	border-radius: 144px;
	background-color: #d7e87b;
	color: #fe7b60;
	font-size: 36px;
	line-height: 42px;
	padding-top: 36px;
	padding-bottom: 36px;
	transition: color 500ms ease 0ms;
}
.inscription-box-widget a {color: #fe7b60;transition: color 750ms ease 0ms;}
.inscription-box-widget a:hover {color: #1d1d1b; transition: color 500ms ease 0ms;}

.a-venir-02-mars img,
.a-venir-02-mars .et_pb_image_wrap  {min-width: 100% !important}
/* Prolongation */
.txt-bouton-prolongation h1 {
	font-size: 40px !important;
	text-align: center;
}
@media (min-width: 981px) and (max-width: 1250px) {
	.txt-bouton-prolongation h1 {font-size: 30px !important;}
}
@media (max-width: 400px) {
	.txt-bouton-prolongation h1 {font-size: 26px !important;}
}

/* PALMARES */
.PalmaresWidget h3 {color: #5538e5 !important;font-size: 36px !important; padding: 20px !important;padding-top: 10px !important;}
.PalmaresWidget {max-width: none !important;}
.PalmaresWidget {background-color: #e6e6e6; margin-bottom: 0px !important}
.palmares-item {
	border-top: 2px solid #c281ed;
	padding: 20px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	font-size: 22px !important;
	font-weight: bold !important; 
	color: #5538e5 !important;
}
.palmares-item a {color: #5538e5 !important; text-decoration: none}
.palmares-item a:hover {color: #c281ed !important}

.palmares-sidebar {padding:10px}
.palmares-sidebar .et_pb_widget {margin-bottom: 0px !important}
.palmares-sidebar .palmares-item {font-size: 24px}
.palmares-sidebar .palmares-item {font-weight: 300}
.palmares-sidebar .palmares-item .pos {display: inline-block; min-width: 24px; line-height: 1.25em;font-size: 22px; font-weight: bold; text-transform: uppercase}
.palmares-accueil.et_pb_sidebar_0.et_pb_widget_area {background-position: 90% 90% !important}
.palmares-sidebar {padding: 0;}
.home .palmares-sidebar {padding: 0px;}

.palmares-sidebar .programmation-page-widget {background-color: #e6e6e6;}
.programmation-page-widget h3 {color: #5538e5;font-size: 32px; padding-left: 20px;}




#main-content.programmation-page {background-color: #1d1d1b;}

.programmation-page #left-area {
	background-color: #fff;
	color: #1d1d1b;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 20px !important;
	margin-bottom: 40px;
	border-radius: 36px;
	width: 67.5% !important;
}



.single-artistes .palmares-sidebar .artiste-page-widget {
	background-color: #e6e6e6;
	color: #5538e5;
	padding: 0px;
    max-width: 286px !important;
    text-align: left;
    margin: auto;
	margin-bottom: 30px !important
}
.single-artistes .palmares-sidebar .artiste-page-widget h3 {font-size: 36px;color: #5538e5 !important; padding: 20px;}


#palmares-btn span {display: none;}
#palmares-sidebar-in-header {display: none}	

@media (min-width: 677px) and (max-width: 980px) {
	.pitch-infos-left-mobile {display: table-cell !important; vertical-align: bottom; }
}

@media (max-width: 980px) {
	
	.home .et_pb_row {width: 90%}

	#main-header .container {width: 100%;}
	#et-top-navigation { width: 100%; padding-left: 0 !important;}
	
	#et_mobile_nav_menu {display: block;float: left;}
	#et_top_search {float: right; margin: 0 35px 0 0; }
	
	.mobile_menu_bar:before {color: #1b1b1a !important}
	
	
	.et_header_style_split .mobile_menu_bar, 
	.et_header_style_left .mobile_menu_bar {
    	padding-bottom: 10px !important;
	}
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
    	padding-top: 10px;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	.francou-word {font-size: clamp(3rem, 10vw, 20rem) !important}
	
	/* Palmarès mobile hidden for inscription + look in custom-child.js for close palmares btn clicks */
	.PalmaresWidget {display: none !important}
	#palmares-btn span {display: inline-block;}
	#palmares-btn { 
		width:104px;
		height: 80px;
		position: absolute;
		top: calc(100% - 65px);
		left: calc(50% - 52px);
		background: url('images/palmares-white.svg') no-repeat 50% 37%;
		background-size: 28%;
		z-index: 111;
		text-align: center;
		cursor: pointer;
	}
	#palmares-btn span { 
		font-size: 10px;
		text-transform: uppercase;
		color: #fff;
		margin: 44px auto !important;
	}
	#palmares-btn.close {
		width:104px;
		height: 80px;
		position: absolute;
		top: calc(100% - 65px);
		left: calc(50% - 52px);
		background: url('images/palmares-white-close.svg') no-repeat 50% 37%;
		background-size: 28%;
		z-index: 9999;
		text-align: center;
	}
	#palmares-sidebar-in-header {
		position: relative;
		width:100%;
		left:0;
		top: 0px;
		color: #5538e5;
		background-color: #f5f3e7;
		font-size: 25px;
		font-weight: bold;
		text-align: center !important;
	}
	
	#palmares-sidebar-in-header a {color: #5538e5 !important;}
	#palmares-sidebar-in-header a:hover {color: #c281ed !important; text-decoration: none}
	#palmares-sidebar-in-header .et_pb_widget.PalmaresWidget {
		float: none;
    	max-width: 300px !important;
		margin: 0 auto !important;
		text-align: left;
	}
	#palmares-sidebar-in-header .widgettitle {
		color: #5538e5 !important;
		padding-top: 20px;
		padding-bottom: 0;
		text-align: left !important;
	}
	#palmares-sidebar-in-header h3,.palmares-mobile-widget h3 {color: #5538e5 !important}
	
	.mobile-palmares-title {color: #5538e5 !important}
	
	#palmares-sidebar-in-header .palmares-item {text-align: left}
	#palmares-sidebar-in-header .palmares-item a:hover {color: #c281ed !important; }
	.header_col2 {position: relative !important; }
}

h3.mobile-palmares-title {color: #5538e5 !important}

@media (max-width: 676px) {
	.pitch-infos-right  {display: block}
	.header_row {padding-bottom: 0px !important}
	.pitch-infos-02 {padding-bottom: 10px !important}
	.slogan_concours {margin-top: 0;margin-left: 0px}
	.porte-paroles {margin-top: 0; margin-left: 0px}
}

@media (min-width: 424px) and (max-width: 981px) {
	.header_row {padding-top: 0px !important;}
}

@media (min-width: 981px) and (max-width: 1024px) {
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
		padding-top: 10px;
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
}

/* search in main menu */
#et_top_search {margin-right: 0}
.et_search_outer {top: calc(100% - 43px);position: absolute;height: 43px; max-width: 1440px; }
#et_search_icon:before {font-size:22px !important;font-weight: bold;top: 2px !important;left: -8px !important;}

#et_search_icon:before {color: #1b1b1a !important}

@media (min-width: 981px) {
	#et_search_icon:before {color: #1b1b1a !important}
}

.et_search_form_container {height:33px!important; text-tranform: none !important;}
.et_search_form_container,
.et-search-field {color: #1b1b1a !important}
.et_close_search_field {top: 12px !important}
.et-search-field {top: 3px !important}

@media (max-width: 980px) {
	.et_close_search_field {margin-right: 32px !important; }
	.et_close_search_field {top: 0px !important}
	.et-search-field {top: 0px !important}
	.et-search-field {color: #1b1b1a !important}
	.et-search-field::placeholder {color: #1b1b1a !important}
	.et_close_search_field:after {color: #1b1b1a !important}
}

@media (min-width: 981px) {
	.et-search-field::placeholder {color: #1b1b1a !important}
	.et_close_search_field:after {color: #1b1b1a !important}
	.et_fullwidth_nav #main-header .container {
   	 	width: 100%;
   	 	max-width: 100%;
   	 	padding-right: 0;
   	 	padding-left: 0;
	}
	#et-top-navigation {
		float: left;
		padding-left: 10px !important;
		padding-right: 10px !important;
		padding-top: 8px !important;
		width: 100%;
	}
	.top-navigation-wrapper {
		max-width: 1440px;
		margin: auto;
		text-align: center;
	}
	#top-header .container {
		width: 100%; 
		max-width: 1400px;
	}
	.et_header_style_left #et-top-navigation nav>ul>li>a, 
	.et_header_style_split #et-top-navigation nav>ul>li>a {
    	padding-top: 6px !important;
    	padding-bottom: 12px !important;
    }
    #top-menu .menu-item-has-children>a:first-child:after {top: 6px;}
	#top-menu {/* display: none */}
	#top-menu > li { font-size: 18px;}
	
	#top-menu sup {text-transform: lowercase !important;}

	/* largeur de la zone des infos dans le header */
	.header_row {border: 0px solid #fff;
		width: 100%; 
		max-width: none !important;
	}

}
.et_header_style_left .logo_container {
	position: relative;
	top: 0px;
	width: 100%;
	height: 100%;
}

/* primary menu name : top-menu-nav */
.nav li li {line-height: 1.25em;}
.menu-item-3097 a {font-size: 32px;font-weight: bold;}
.menu-item-3097 a::after {display: none;}

#et-secondary-nav li li {padding: 0 0em !important}

/* top-header */
#top-header .et-social-icons {float: right;margin-right:30px;}
.et-social-facebook a.icon:before { content: '\e093'; font-size:18px; line-height:18px;}
.et-social-twitter a.icon:before { content: '\e094'; font-size:18px; line-height:18px;}
.et-social-instagram a.icon:before { content: '\e09a'; font-size:18px; line-height:18px;}
.et-social-youtube a.icon:before { content: '\e0a3'; font-size:18px; line-height:18px;}
.et-social-tiktok a.icon:before { font-family: 'FontAwesome' !important; content: '\E07B'; font-size:18px; line-height:18px}
.et-social-spotify a.icon:before { content:  '\E0A8'; font-size:18px; line-height:18px;}

.reseaux-sociaux-accueil .et-social-tiktok a.icon:before {
	font-family: 'FontAwesome' !important;
	margin-top: 8px; 
	content: '\E07B' !important; 
	font-size:18px; 
	line-height:18px;
}
.reseaux-sociaux-accueil .et-social-spotify a.icon:before { 
	font-family: 'FontAwesome' !important;
	margin-top: 8px;
	content: '\f1bc'; 
	font-size:18px; 
	line-height:18px;
}

/* Barre latérale */
#text-30 .reseaux-sociaux-pages a.icon:before {font-size:28px !important; color: #fff}
#text-30 .reseaux-sociaux-pages a:hover.icon:before {font-size:28px !important; color: #fe7b60 !important}
#text-30 .reseaux-sociaux-pages {display: flex !important; justify-content: space-evenly !important}

.programmation-page-widget .reseaux-sociaux-pages a.icon:before {font-size:28px !important; color: #1d1d1b}
.programmation-page-widget .reseaux-sociaux-pages a:hover.icon:before {font-size:28px !important; color: #A879B7  !important}
.programmation-page-widget .reseaux-sociaux-pages {display: flex !important; justify-content: space-evenly !important}
body:not(.home) .programmation-page-widget .reseaux-sociaux-pages .et-social-spotify a.icon:before { content: "\F1BC" !important}

/* #widget_sp_image-27 img {border: 1px solid #e6e6e6} */
#widget_sp_image-27 img:hover {transform: scale(99%)}

.palmares-sidebar .et_pb_widget a {color: #1d1d1b !important}
.palmares-sidebar .et_pb_widget a:hover {color: #fe7b60 !important}

body:not(.home) #text-30 .reseaux-sociaux-pages .et-social-spotify a.icon:before { content: "\F1BC" !important}

.artiste-page-widget .reseaux-sociaux-pages a.icon:before {font-size:28px !important}
.artiste-page-widget .reseaux-sociaux-pages a:hover.icon:before {color: #1d1d1b !important}
.artiste-page-widget .reseaux-sociaux-pages {display: flex !important; justify-content: space-evenly !important}
body:not(.home) .artiste-page-widget .reseaux-sociaux-pages .et-social-spotify a.icon:before { content: "\F1BC" !important}

.francou-reseaux-sidebar-accueil .et-social-icons {float: left; width: 100%; text-align: center; }
.francou-reseaux-sidebar-accueil li.et-social-icon {margin-left: 0 !important;}
.francou-reseaux-sidebar-accueil li.et-social-facebook,
.francou-reseaux-sidebar-accueil li.et-social-twitter,
.francou-reseaux-sidebar-accueil li.et-social-instagram,
.francou-reseaux-sidebar-accueil li.et-social-youtube,
.francou-reseaux-sidebar-accueil li.et-social-tiktok,
.francou-reseaux-sidebar-accueil li.et-social-spotify { width: 20%; }

.francou-reseaux-sidebar-accueil .et-social-facebook a.icon:before { 
	content: '\e093'; 
	font-size:36px; 
	line-height:36px;
	color: #020202; 
}
.francou-reseaux-sidebar-accueil .et-social-twitter a.icon:before { 
	content: '\e094'; 
	font-size:36px; 
	line-height:36px;
	color: #020202;
}
.francou-reseaux-sidebar-accueil .et-social-instagram a.icon:before { 
	content: '\e09a'; 
	font-size:36px; 
	line-height:36px;
	color: #020202;
}
.francou-reseaux-sidebar-accueil .et-social-youtube a.icon:before { 
	content: '\e0a3'; 
	font-size:36px; 
	line-height:36px;
	color: #020202;
}
.francou-reseaux-sidebar-accueil .et-social-tiktok a.icon:before { 
	content: '\e07b';
	font-family: 'FontAwesome';
	font-size:36px; 
	line-height:36px;
	color: #020202;
}
.francou-reseaux-sidebar-accueil .et-social-spotify a.icon:before {
	content: '\F1BC'; 
	font-size:36px; 
	line-height:36px;
	color: #020202;
}
.francou-reseaux-sidebar-accueil .et_pb_widget { margin-bottom: 0 !important;}

/* block cpt_artistes */
/* Modifs accueil sept 2020 - reprise du concours */
.accueil--date .date-title {
	font-size: 60px !important;
	font-weight: 500;
	color: #223925 !important;
	padding-bottom: 20px !important;
}
.accueil--date  a { text-decoration: underline !important; }
.accueil--date  a:hover { color:  #000 !important;}

@media (max-width: 767px) {
	.accueil--date .date-title {font-size: 26px !important; font-weight: bold;}
	.accueil--date .orange-txt {font-size: 16px  !important}
}

.link-streaming a,
.accueil-soiree-date a {text-decoration: underline !important}

.soir-header-accueil {height: 48px;}
.soir-header-accueil .accueil--soiree p {padding-top: 15px;}

.accueil-artiste-name {font-weight: 700 !important}
.accueil-artiste-name a {color: #223925}
.page-template-default.home .entry-content .accueil-artiste-name a {color: #223925;}
.page-template-default.home .entry-content .accueil-artiste-name a:hover {color: #ff591b;}

.artiste-invite, .artiste-invite a {font-weight: 500 !important}


div[class*="et_pb_custom_post_type3_"] {padding: 0px;}
.artistes-accueil .et_pb_post_cpt_artistes {
	height: 100%; 
	min-height:330px;
	position: relative;
}
@media (max-width: 980px) AND (min-width: 767px) {
	.artistes-accueil .et_pb_post_cpt_artistes {
		min-height:520px ;
	}
	.prix-public-accueil .et_pb_column_1_4 {
		width: 32%;
		margin-right: 1%;
	}  
}

/* Artistes */
.et_pb_post_cpt_artistes:hover {cursor: pointer; }
.et_pb_post_cpt_artistes > h2.entry-title {
	position: absolute; 
	bottom: 0px; 
	width: 100%;
	padding: 10px;
	text-align: left;
}

@media (max-width: 767px) {
	.home h2.entry-title {padding-bottom: 20px}
}

/* hides the left border for sidebar */
@media (min-width: 981px) {#main-content .container:before {display: none;}}

/* ======================================================================
	PAGE D'ACCUEIL
========================================================================== */

.photo-accueil-title sup {font-size: 11px;}
/* les 3 artistes en haut */
@media (min-width: 981px) {
	
	.artistes-accueil .et_pb_column_1_4 { 
		width: 32.33333% !important;
		margin-right: 1% !important;
		max-height: 332px;
	}
	.artistes-accueil .et_pb_column_1_4:last-child { 
		width: 33.33333% !important;
		margin-right: 0 !important;
	}
}

.artistes-accueil .et_pb_column_1_4 h2.entry-title { 
	padding-right: 20px;
	padding-left: 0px;
}
.artistes-accueil .et_pb_column_1_4 h2.entry-title a:hover { 
	color: #6257a4;
}

@media (max-width: 980px) {
	.artistes-accueil .et_pb_post {margin-bottom: 0px;}
}

.achat-billet-accueil a {text-decoration: underline; color: #020202 !important }

.hp--artistes--bloc:hover,
.hp--les21--bloc:hover {cursor: pointer !important;}
.vote-photo-accueil .et_pb_column_inner_2 .et_pb_text_4 {margin-bottom: 6px;}
.photo-accueil-title h2 {padding-bottom: 0 !important; margin-bottom: 0 !important;}
.vote-photo-accueil .et-last-child .et_pb_module {margin-bottom: 2%;}

.instagram-feed-accueil {padding-right: 0;}
.instagram-feed-title-accueil {margin-bottom: 2% !important;}
.instagram-feed-title-accueil h3 {padding-bottom: 0px; margin-top: 24px;}
.facebook-feed-accueil {display: block;}
.facebook-feed-accueil-small {display: none}
.facebook-box {padding-left: 10% !important}

@media (min-width: 1430px) {
	.facebook-feed-accueil {display: block}
	.facebook-feed-accueil-small {display: none}
	.facebook-feed-accueil {padding-right: 0; text-align: center; }
	.facebook-feed-title-accueil {margin-bottom: 2% !important;}
	.facebook-feed-title-accueil h3 {padding-bottom: 0px; margin-top: 24px;}
}
@media (max-width: 1429px) and (min-width: 981px) {
	.facebook-feed-accueil {display: none}
	.facebook-feed-accueil-small {display: block}
	.facebook-feed-accueil-small {padding-right: 0; text-align: center;}
	.facebook-feed-title-accueil {margin-bottom: 2% !important;}
	.facebook-feed-title-accueil h3 {padding-bottom: 0px; margin-top: 24px;}
}
@media (max-width: 980px) and (min-width: 481px) {
	.facebook-feed-accueil {display: block}
	.facebook-feed-accueil-small {display: none}
	.facebook-feed-accueil {padding-right: 0; text-align: center; margin-left: auto !important;}
	.facebook-feed-title-accueil {margin-bottom: 2% !important;}
	.facebook-feed-title-accueil h3 {padding-bottom: 0px; margin-top: 24px;}
	.facebook-feed-accueil  {margin-left: auto !important;}
	.facebook-feed-accueil .widget_fbw_id {float: none; margin-left: auto !important;}
	
	.home .et_pb_column .et_pb_widget:nth-child(n) {
    	width: 100% !important;
		margin: none !important;
	}
}
@media (max-width: 480px)  {
	.facebook-feed-accueil {display: none}
	.facebook-feed-accueil-small {display: block}
	.facebook-feed-accueil-small {padding-right: 0; text-align: center;}
	.facebook-feed-title-accueil {margin-bottom: 2% !important;}
	.facebook-feed-title-accueil h3 {padding-bottom: 0px; margin-top: 24px;}	
}
.facebook-feed-accueil, .facebook-feed-accueil-small {padding-top: 20px}

.et_pb_widget .widget_fbw_id {border: 1px solid #f90 !important; }

/* button font */
a.et_pb_button {/* font-family: 'founders_groteskregular', sans-serif !important; */}

@media (max-width: 1400px) and (min-width: 1201px) {
	.vote-photo-accueil .et_pb_button_1 {font-size: 16px;}
}

/* accueil-programmation-banner */
.accueil-programmation-banner,
.programmation-banner  {min-height: 180px}

.accueil-programmation-banner:hover,
.programmation-banner:hover {cursor: pointer !important} 

.programmation-banner a {color: #5c5c24!important}

@media (max-width: 1275px) and (min-width: 981px)  {
	.accueil-programmation-banner p {font-size: 24px; line-height: 0.86em}	
}

/* ======================================================================
	PAGE DES ARTISTE  (single-artistes.php) ET PAGE DE VOTE (plus loin)
========================================================================== */
.single-artistes .et-social-facebook a:before,
.single-artistes .et-social-twitter a:before,
.single-artistes .et-social-youtube a:before,
.single-artistes .et-social-instagram a:before,
.single-artistes .et-social-tiktok a:before,
.single-artistes .et-social-spotify a:before { color: #e6e6e6 !important}

/* Artiste pages */
.single-artistes .artistes {padding-bottom: 80px;}

.single-artistes .et_pb_section {background-color: #c281ed }
.artiste-page {padding-top: 0 !important;}
.artiste-page .et_pb_row {padding-top: 0 !important;}
.artiste-page .et_pb_row.francou_fullwidth {padding-top: 0 !important;max-width: 1920px !important;width: 100%;}

.artiste-header {display: table;width: 100%; padding-bottom: 20px;}
.artiste-photo {display: table-cell;width: 50%;position: relative; }
.artiste-infos {
	display: table-cell;
	width: 50%; 
	background-color: transparent;
	vertical-align: top !important;
	padding: 30px;
	padding-top: 0;
	position: relative; 
	color: #1d1d1b;
}
.single-artistes .artiste-title,
.single-artistes h1.artiste-title {font-size: 48px; margin-top: 60px;margin-bottom: 60px;}

@media(max-width: 980px) {
	.single-artistes h1.artiste-title {margin-top: 0; font-size: 32px !important;}
}

.single-artistes .caption-text {
	font-size: 0.65em;
	line-height: 1.25em;
	padding-left: 3px;
	padding-right: 3px;
	text-align: right;
	position: absolute; 
	bottom: 30%;
	left: 12px;
	color: #1d1d1b;
	background: url(images/one-pixel-white-transp60.png) repeat 0 0;
	transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}
.transp-img {opacity: 0; min-height: 250px; }

.artiste-content-container {padding-top: 12px;}

.backlink,
.vote-backlink  {display: inline-block; font-size: 18px; font-weight: 400;}
.backlink a,
.vote-backlink a {cursor: pointer; }
.backlink a:hover,
.vote-backlink a:hover {cursor: pointer; color: #223925;}

.link-wrapper {
	position: relative;
	display: table;
	width: 100% !important;
	padding: 0px;
	padding-top: 0px;
	font-size: 18px;
}
.les21-wrapper {
	position: absolute;
	left: 0;
	bottom:-10px; 
	width: 100%;
	padding: 30px;
	font-size: 18px;
}

.artiste-infos .les21-wrapper a {color: #fff}
.artiste-infos .les21-wrapper a:hover {color: #223925}

.les21-container h4.participant-name {
	color: #fff !important;
	text-align: center;
}

.les21-container .et_pb_blurb_content {
	position: absolute !important;
	bottom: 5%;
}

.link-wrapper .fa {padding-right:6px; color:#44E568; }
.link-wrapper a { color: #231f20; text-decoration: underline; }
.link-wrapper a:hover { color: #6257a4 }

.external-url {width: 50%; float: left; font-weight: 500;}
.facebook-url {width: 50%; float: left; text-align: right;font-weight: 500;}
.les21-url {width: 100%; float: left; font-weight: 600; text-align: right;}
.les21-url a:hover {color: #fc79ca !important}

/* .fabriqueculturelle-url {width: 0%; float: left; font-weight: 600;} */
.edition_ex {width: 50%; float: left; font-weight: 500;font-size: 18px;/* font-family: 'founders_groteskregular', sans-serif; */}

@media (max-width: 1250px) {
	.les21-url {width: 100%; float: none; text-align: left; margin-top: 0px;}
}
@media (max-width: 980px) {
	.link-wrapper {padding-left: 0px;}
	.external-url {width: 100%;float: none;margin-bottom: 10px; }	
	.facebook-url {width: 100%;float: none; text-align: left; }
}

@media (max-width: 767px) {
	.artiste-infos,
	.artiste-photo {
		display: block;
		width: 100%; 
	}
	.single-artistes h1.artiste-title {font-size: 24px; }
	.link-wrapper {position: relative;padding: 0px;}
	.les21-wrapper {position: relative;padding: 0px;}
}

.les21 {cursor: pointer;}

.rlr-sidebar h4 a {color: #fff;}

@media (max-width: 1100px) {
	.fabriqueculturelle-url {width: 100%; float: none; }
	.link-wrapper {padding-bottom: 18px; }
}
@media (max-width: 980px) {
	.link-wrapper {padding-bottom: 24px; }
	.link-wrapper .fa.fa-facebook {padding-right:12px; }
}

.artiste-description {
	padding-top: 36px;
	padding-bottom: 15px; 
	font-size: 18px; 
	line-height: 1.25em;
}
.artiste-description p {font-weight: 400 !important}

.date-passage {
/* 	font-family: 'founders_groteskregular', sans-serif; */
	font-size: 24px;
	padding-bottom: 18px; 
	font-weight: 300;
}
.date-passage::first-letter {
  text-transform: uppercase;
}
.date-passage .fa {font-size: 24px; color:#44E568;}

@media (max-width: 980px) {
	.date-passage {padding-top: 18px}
}

/* achats billets sur la page d'artiste */
a.achat-billet-btn {
	display: inline-block;
	background: #eb008b url(images/ticket.png) no-repeat 6px center; 
	padding: 12px ; 
	padding-left: 48px; 
	padding-right: 24px; 
	color: #fff;
	font-weight: bold;
	margin-top: 12px !important;
	margin-bottom: 36px;
}

.beige {color: #f5f3e7}
.brown {color: #885d23}
.pink {color: #fc79ca}

.fa {font-family: 'FontAwesome' !important;}
.artiste-footer {display: table; width: 100%;padding-top: 36px;font-weight: bold}
.prev-link {display: table-cell; width: 30%; text-align: right; color: #5538e5}
.next-link {display: table-cell; width: 30%; text-align: left; color: #5538e5}
.next-link .fa {font-size: 10px;color:#1d1d1b; padding-right:6px; }
.prev-link .fa {font-size: 10px;color:#1d1d1b; padding-left:6px; }
.next-link:hover .fa {font-size: 10px;color: #5538e5; padding-right:6px; }
.prev-link:hover .fa {font-size: 10px;color: #5538e5; padding-left:6px; }
.next-link a {color: #1d1d1b; cursor: pointer;}
.prev-link a {color: #1d1d1b; cursor: pointer;}
.next-link a:hover {color: #5538e5; cursor: pointer;}
.prev-link a:hover {color: #5538e5; cursor: pointer;}

.single-artistes .achat-billet-wrapper {display: table-cell; width: 30%; text-align: center;/* color: #ff591b !important; */}
.single-artistes .achat-billet-wrapper {margin-top: 12px}

@media (max-width: 767px) {
	.prev-link {display: block; width: 100%; text-align: right; }
	.next-link {display: block; width: 100%; text-align: left; }
	.single-artistes .achat-billet-wrapper {display: block; width: 100%; text-align: left; margin-bottom: 12px;}
}

/* player audio */
audio::-internal-media-controls-download-button {display:none !important;}

#mep_0 {
	width: 960px !important;
	height: 1200px !important;
}
/** mejs audio player styles **/
.audio-player, .audio-player div, .audio-player h2, .audio-player a, .audio-player span, .audio-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
div.audio-player {
  position: relative;
  width: 100%;
  height: 96px;
  margin: 0;
  background: #5538e5 !important;
  padding:6px !important;
  overflow: hidden;
}
.audio-player h2 {
  position: absolute;
  top: 28px;
  left: 96px;
  font-size: 20px;
  color: #fff;
}
@media (max-width: 767px) {
	.audio-player h2 {
		position: relative;
		top: 28px;
		left: 84px;
		font-size: 12px;
		max-width: 100% !important;
	}

}

/* play/pause control */
.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  position: absolute;
  text-indent: -9999px;
}
.mejs-controls .mejs-play button, .mejs-controls .mejs-pause button {
  width: 64px;
  height: 64px;
  top: 16px;
  left: 12px;
  background: transparent url('images/playpause.png') 0 0 no-repeat;
}
.mejs-controls .mejs-pause button { background-position: 0 -64px; }
 
/* mute/unmute control */
.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
  width: 18px;
  height: 19px;
  top: 8px;
  right: 156px;
  background: transparent url('images/audio.png') 0 0;
}
.mejs-controls .mejs-unmute button { background-position: 0 -19px; }
/* volume scrubber bar */
.mejs-controls div.mejs-horizontal-volume-slider {
  position: absolute;
  top: 16px;
  right: 34px;
  cursor: pointer;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  width: 120px !important;
  height: 3px;
  background: #fff;
}

/* reduce volume slider-width on very small screens*/
@media (max-width: 400px) {
	.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {width: 60px !important;}
	.mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {right: 96px;}
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  width: 0;
  height: 3px;
  top: 0px;
  left: 0px;
  background: #fff;
}

@media (max-width: 767px) {
	.mejs-controls .mejs-horizontal-volume-slider  {display: none !important;}
	.mejs-controls .mejs-horizontal-volume-current {display: none !important;}
	.mejs-controls .mejs-mute {display: none !important;}
}

/* time scrubber bar */
.mejs-controls div.mejs-time-rail { width: calc(100% - 130px); }
.mejs-controls .mejs-time-rail span {
  position: absolute;
  display: block;
  width: calc(100% - 130px);
  height: 4px;
  top: 54px;
  left: 96px;
  cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total { 
  background: #fff; 
  width: calc(100% - 130px) !important; /* fixes display bug using jQuery 1.8+ */
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  top: 0;
  left: 0;
  width: 0;
  background: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  top: 0;
  left: 0;
  width: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #b4d3bf;
}

/* Audio player */
.mejs-controls .mejs-time-rail .mejs-time-handle {
  position: absolute;
  display: none;
  width: 20px;
  height: 22px;
  top: -9px;
  background: url('images/handle-lg.png') no-repeat;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  position: absolute;
  display: block;
  width: 12px;
  height: 14px;
  top: -5px;
  background: url('images/handle-sm.png') no-repeat;
}
/* time progress tooltip */
.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  width: 33px;
  height: 23px;
  top: -26px;
  margin-left: -17px;
  z-index: 9999;
  background: url('images/time-box.png');
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 33px;
  display: block;
  left: 0;
  top: 0px;
/*   font-family: 'founders_groteskregular', sans-serif; */
  font-size: 10px;
  font-weight: bold;
  color: #666;
  text-align: center;
  z-index: 9999;
}
.mejs-time {
	color: #fff; 
	position: absolute;
	left: 96px;
	bottom: 36px;
	width: calc(100% - 130px) !important;
	font-size: 12px;
}
.mejs-time .mejs-currenttime {position: absolute; left: 0; }
.mejs-time .mejs-duration {position: absolute; right: 0;}
.mejs-time span:nth-child(2) { display: none;}
/* MEJS END */
/* Sidebar */
.artiste-page-widget,
.widget_text.artiste-page-widget {text-align: center;margin: 0; margin-bottom: 30px;}
.artiste-page-widget img,
.artiste-page-widget .programmation-banner {max-width: 286px !important;width: 100%;text-align: center;}

@media (min-width: 981px) {
	.artiste-page-widget {/* margin-left: 60px */}
	.artiste-page-widget:nth-child(1) {margin-top: 82px;}
	.artiste-page-widget .programmation-banner {text-align: left;}

}

/*	======================================================================
	Vote en ligne
========================================================================== */
.hp--artistes--bloc {/* border: 1px solid #f00; */}

.tax-vote #main-content {background-color: #1b1b1d;}
.tax-vote #left-area {
	background-color: #fff;
	color: #1d1d1b;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 20px !important;
	margin-bottom: 40px;
	border-radius: 36px;
}
.tax-vote #left-area h1 {color: #fe7b60}

.tax-vote .mini-logo {margin-right: 25px}
.tax-vote .mini-logo:nth-child(1) {max-width: 110px; padding-bottom: 5px;}

.vote-col1, .vote-col2 {/* max-width: 720px; */} 
.vote-col2 {margin-top: 40px;}

.tax-vote {font-size: 17px !important;font-weight: 300}
.tax-vote b{font-weight: 500;}

.tax-vote:not(.PalmaresWidget) h3 {
	font-size: 17px !important;
	font-weight: 500;
	text-transform: uppercase;
	padding-bottom: 0;
}

.tax-vote .PalmaresWidget  h3 {font-size: 24px !important}

@media (max-width: 767px) {
	.tax-vote h1 {font-size: 32px;}
}

.en-vote-header {
	margin-top: 36px;
	background-color: #1a9fdf;
	color: #fff;
/* 	font-family: 'founders_groteskregular', sans-serif; */
	font-size: 18px;
	padding: 12px;
	font-weight: 500;
}
.visionnement .mask {
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(images/one-pixel-black-transp50.png) repeat;
}
.visionnement .mask:hover {
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url();
}
.gradient-mask {
	position: absolute;
	top: 0;
    bottom: -1px;
    left: 0;
    right: -1px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 55%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 55%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.en-visionnement-header {
	margin-top: 72px;
	background-color: #a37b2a;
	color: #fff;
	font-size: 18px;
	padding: 12px;
	font-weight: 500;
}

.date-passage-visionnement {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	text-align: center;
}

.vote-participants-wrapper .et_pb_blurb_content {position: absolute !important;bottom: 5%;}
.vote-participants-wrapper .participant-name {text-align: center}

h4.participant-name a {color: #fff !important; font-size: 18px;}
h4.participant-name a:hover,
h4.participant-name.hovered-in-white a {color: #5538e5 !important}
h4.participant-name:hover {color: #018e51;}

.hovered-in-green {color: #018e51 !important}
.hovered-in-red {color: #5538e5 !important}

.vote-area-header { text-align: center;color: #fff !important;/* font-family: 'founders_groteskregular', sans-serif !important; */}
#youtube-player-info {color: #fff !important;}
#votefr21H_form_captcha {color: #018e51 !important}


.wpv_postvote { text-align: center;}
.vote_submit_btn { margin-top: 20px; background-color: #f00;}
.vote-social-sharing { margin-top: 20px;}

a.prix-public-txt {text-decoration: underline;}
a.prix-public-txt:hover {color: white !important}

.artiste-vote .artiste-title,
.artiste-vote h1.artiste-title  {font-size: 52px !important;/* color: #fff; */margin-bottom: 20px;}

@media (max-width: 980px) {.artiste-vote .artiste-title {font-size: 24px;}}

/* bouton "Visionnez les vidéos des semaines précédentes" */
.videos-semaine-prec {
	background: #00a785 url(images/camcoder-icon.png) no-repeat 5px center;
	display: inline-block;
	width: auto;
	padding: 5px;
	padding-right: 10px;
	margin-bottom: 10px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.videos-semaine-prec:hover {background-color: #555;}
.videos-semaine-prec a {color: #fff; padding-left: 30px !important;font-weight: bold;}


/*	======================================================================
	Les 21
========================================================================== */

.tax-les_21 .les21-container .les21-active-header,
.tax-les_21 .les21-container .les21-archive-header { /* color: #fc79c9 !important */}

#palmareswidget-6 h3 {color: #fff !important }
#palmareswidget-6 {background-color: #1c1c1c; margin-bottom: 30px !important; max-width: 286px !important;}
#palmareswidget-6 h3 {font-size: 32px !important }
#palmareswidget-6 .palmares-item a {color: #fff !important}
#palmareswidget-6 .palmares-item a:hover {color: #ffff !important; text-decoration: underline}
#palmareswidget-6 .palmares-item .pos {color: #fff !important}
@media(max-width: 1170px)and (min-width: 981px) {
	#palmareswidget-6 h3 {font-size: 24px !important }
}
#palmareswidget-6 .palmares-item a:hover {color: #fff !important}
#palmareswidget-6 .palmares-item .pos {color: #fff !important}


#palmareswidget-9 h3 {color: #1d1d1d !important }
#palmareswidget-9 {background-color: #f5f3e7; margin-bottom: 30px !important; max-width: 286px !important;}
#palmareswidget-9 h3 {font-size: 32px !important }
#palmareswidget-9 .palmares-item a {color: #1d1d1d !important}
#palmareswidget-9 .palmares-item a:hover {color: #ff0000 !important; text-decoration: underline}
#palmareswidget-9 .palmares-item .pos {color: #1d1d1d !important}
@media(max-width: 1170px)and (min-width: 981px) {
	#palmareswidget-9 h3 {font-size: 24px !important }
}

/* correction du header */
.tax-les_21 .header_row,
.tax-vote .header_row {width: 100% !important}

.white-text,.white-text h1 {/* color: #fff */}
.dark-green-text,.dark-green-text h1 {/* color: #223925 */}


.les21-active-header,
.les21-archive-header {
/* 	font-family: 'founders_groteskregular', sans-serif; */
	font-size: 18px;
	padding: 12px;
	padding-left: 0;
	font-weight: bold;
	margin-top: 30px;
}

.les21-container #sidebar .palmares-sidebar {padding-left: 0;}

/*	======================================================================
	Programmation
========================================================================== */

@media (min-width: 768px) and (max-width: 1023px) {
	.programmation {
		border: 0px solid #fff;
	}
	.soiree-participants-wrapper .et_pb_row {
		padding: 3px 0 !important;
	}
	.soiree-participants-wrapper .et_pb_column {
		width: 33%;
		margin-bottom: 0px;
		margin-right: 3px;
	}
	.soiree-participants-wrapper .artiste-prog-pict {
		height: 240px !important;
	}
	.soiree-participants-wrapper h4.participant-name {
		top: 180px !important;
	}
	.artiste-invite {
		padding-bottom: 5px !important;
	}
}

h4.prog-type-title {color: #1c1cqc !important; text-transform: uppercase; font-size: 36px !important; margin-bottom: 40px;}

.page-template-page-programmation h4.prog-type-title {font-size: 32px !important; font-weight: 500 !important; margin-bottom: 10px;}

/* préliminaires */
.programmation.preliminaire .soiree-header-wrapper,
.programmation.preliminaire .soiree-invite-wrapper,
.programmation.preliminaire .achat-billet-wrapper {background-color: #ff0000}
.programmation.preliminaire .achat-billet-wrapper a:hover {color: #ffffff !important}


/* demi-finales */
.programmation.demi-finale {margin-bottom: 90px}
.programmation.demi-finale .soiree-header-wrapper,
.programmation.demi-finale .soiree-invite-wrapper,
.programmation.demi-finale .achat-billet-wrapper {background-color: #1d1d1b; color: #fff;}
.programmation.demi-finale .achat-billet-wrapper a {color: #fff !important}
.programmation.demi-finale .achat-billet-wrapper a:hover {color: #ffffff !important}

.programmation.finale .soiree-header-wrapper,
.programmation.finale .soiree-invite-wrapper,
.programmation.finale .achat-billet-wrapper  {background-color: #5538e5;; color: #fff !important; /*#ce3d30*/ }
.programmation.finale .soiree-header-wrapper .soiree-header-left,
.programmation.finale .soiree-header-wrapper .soiree-header-right,
.programmation.finale .achat-billet-wrapper a {color: #fff !important}
.programmation.finale .achat-billet-wrapper a:hover {color: #ff0000 !important}

@media (min-width: 981px) {
	.programmation .soiree-participants-wrapper .et_pb_column_1_3 {width: 29%; display: inline-block;}
	.programmation .soiree-participants-wrapper .et_pb_column_1_3 {margin: 2%;margin-left: 2.5%; margin-right: 1.5%}
}

.programmation {margin-top:36px;}

.programmation-page #sidebar {width: 30%;float:right}
.programmation-page-widget {width: 30%;float:right}

.programmation-widget {
	background-color: #d21f3e;
	padding-top: 13%!important;
	padding-bottom: 10%!important;
}
.programmation-widget a{font-size: 27px !important;}
.programmation-widget a:hover{color: #fff !important;}
.programmation-page-widget {margin-bottom: 30px;}
.programmation-page-widget .reseaux-sociaux-accueil {margin-bottom: 0; }

@media (max-width: 980px) {
	.programmation-page-widget {width: 100%;float:none}
}

/* Programmation main content area */
.page-template-page-programmation #left-area {width: 70%; }

.soiree-header-wrapper {
	display: table;
	width: 100%;
	background-color: #6257a4;
	font-size: 18px;
}
.soiree-header-wrapper .et_pb_row {
	padding: 12px;
	padding-top: 1% !important;
	padding-bottom: 1% !important;
}
.soiree-header-left {
	color: #fff;
	display: table-cell;
	width: 50%;
	text-align: left;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}
.soiree-header-right {
	color: #fff;
	display: table-cell;
	width: 50%;
	text-align: right;
	float: right;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.soiree-header-right {font-size: 14px !important}
}
	
.soiree-header-wrapper .et_pb_row {
	padding-top: 2%; 
	padding-bottom: 0; 
/* 	max-height: 40px !important; */
}

@media (max-width: 676px) {
	.soiree-header-left,
	.soiree-header-right {
		display: block;
		width: 1000%;
		text-align: left;
		float: none;
	}
}
@media (max-width: 980px) {
	.soiree-participants-wrapper {margin-bottom: 60px;}
}

.soiree-header-wrapper .et_pb_row,
.soiree-participants-wrapper .et_pb_row {
	width: 100% !important;
}

.programmation .soiree-invite-wrapper {
	width: 50%;
	display: inline-block;
	background-color: #223925;
	color: #fff;
	font-size: 18px;
	padding-left: 15px;
}
@media (min-width: 981px) and (max-width: 1150px) {
 	.programmation .soiree-invite-wrapper {
		font-size: 15px;
	}	
}
.programmation .soiree-invite-wrapper .artiste-invite a {color: #7ea89a !important; font-weight: 700 !important}
.programmation .soiree-invite-wrapper .artiste-invite a:hover {text-decoration: underline}

.artiste-invite {padding-top: 15px; padding-bottom: 15px;}
.artiste-invite a {color: #223925 !important;}
.artiste-invite a:hover {color: #000;}


/* Programnme virtuel */
.programmation-page .entry-content .programme-virtuel {
	margin-top: 20px;
	font-size: 24px;
	text-transform: none;
	font-weight: 300 !important;
}
.programmation-page .entry-content .programme-virtuel a {
	color: #000;
	text-decoration: underline;
}
.programmation-page .entry-content .programme-virtuel a:hover {color: #6257a4;}
.programmation-page .entry-content .programme-virtuel::after {
	margin-left: 6px;
}

/* programme virtuel banner a l'accueil */
.programme-virtuel-banner-accueil {min-height: 180px;}
.programme-virtuel-banner-accueil a {text-align: right;color: #5c5c24}
.programme-virtuel-banner-accueil a:hover {color: #884152}

/* banner prog virtuel partout - hors divi */
.programme-virtuel-banner {
    font-size: 32px;
    line-height: 1em;
    background-color: #7ea89a;
    position: relative;
    padding-top: 20px!important;
    padding-right: 20px!important;
    padding-bottom: 20px!important;
    padding-left: 20px!important;
} 
.programme-virtuel-banner a {text-align: right;color: #5c5c24 !important}
.programme-virtuel-banner a:hover {color: #884152 !important}

.programmation-page .entry-content sup,
.programmation-page .entry-content sup {text-transform: lowercase;}

.home sup {font-size: 0.625em;}

.soiree-header-wrapper .soiree-title .et_pb_text_inner { 
	color: #000;
/* 	font-family: 'founders_groteskregular', sans-serif !important; */
	font-size: 18px !important;
	line-height: 1em !important;
}

.programmation .achat-billet-wrapper {
	width: 50%;
	display: inline-block;
	background-color: #223925;
	color: #fff;
	float: right;
	text-align: right;
	font-size: 18px;
/* 	font-family: 'founders_groteskregular', sans-serif; */
	padding: 15px;
	margin-bottom: 36px;
}
@media (min-width: 981px) and (max-width: 1150px) {
 	.programmation .achat-billet-wrapper {
		font-size: 15px;
	}	
}

@media (min-width: 981px) {
	.programmation .achat-billet-wrapper {padding-left: 0}
}
.achat-billet-wrapper  { }
.achat-billet-wrapper a {color: #fffff !important; font-weight: bold;text-decoration: underline }
.achat-billet-wrapper a:hover {color: #ffffff !important; text-decoration: underline }

@media (max-width: 980px) {
	.programmation .soiree-invite-wrapper {
		width: 100%;
		display: block;
	}
	.programmation .achat-billet-wrapper {
		width: 100%;
		display:block;
		float: none;
		text-align: left;
		padding-top: 0;
		line-height: 1.15em;
	}
}

.soiree-participants-wrapper .hp--artistes--bloc .et_pb_blurb_content {bottom: 3% !important;}
.soiree-participants-wrapper .hp--les21--bloc .et_pb_blurb_content {bottom: 3% !important;}
.soiree-participants-wrapper {line-height: 1em !important; background-color: #fff; }
.preliminaire .soiree-participants-wrapper {line-height: 1em !important; background-color: #fff; }
.demi-finale .soiree-participants-wrapper {line-height: 1em !important; background-color: #fff; }
.finale .soiree-participants-wrapper {line-height: 1em !important; background-color: #fff; }
.soiree-participants-wrapper .artiste-prog-pict {height: 270px; position: relative !important;}
.soiree-participants-wrapper .et_pb_blurb {margin-bottom: 0 !important;}
.soiree-participants-wrapper h4.participant-name {
	/* font-size: 18px !important;  */
	display: inline-block !important;
	width: 100%;
	text-align: center !important;
	position: absolute !important;
	top: 220px;

}

.soiree-participants-wrapper h4.participant-name a {font-size: 20px; text-transform: uppercase}
.soiree-participants-wrapper h4.participant-name a:hover {color: #5538e5 !important}

.soiree-participants-wrapper .artiste-prog-pict:hover {cursor: pointer;}
.soiree-invite-wrapper .et_pb_row {padding-top: 0 !important;}

@media (max-width: 767px) {
	.soiree-participants-wrapper .artiste-prog-pict {height: 220px !important; margin-left: 20px !important; margin-right: 20px !important }
	.soiree-participants-wrapper h4.participant-name {top: 180px !important}
}

/* bandeau de l'invité de la semaine à l'accueil */
.accueil-invite a {color: #fcf7f7;}
.accueil-invite a:hover {color: #6257a4;}

.programmation.preliminaire .prog-type-title {margin-top: 40px;}
.programmation.demi-finale .prog-type-title {margin-top: 40px;}

@media (max-width: 980px) {
	.programmation.preliminaire .prog-type-title {margin-top: 40px;}
	.programmation.demi-finale .prog-type-title {margin-top: 40px;}
}

@media (min-width: 701px) and (max-width: 980px) {
	.soiree-participants-wrapper .artiste-prog-pict {height: 480px; }
	.soiree-participants-wrapper h4.participant-name {top: 430px}
}
@media (max-width: 700px) {
	.soiree-participants-wrapper .artiste-prog-pict {height: 360px; }
	.soiree-participants-wrapper h4.participant-name {top: 310px}
}

.soiree-header-wrapper sup {font-size:18px;top: -18px;}
.vote-participants-wrapper .et_pb_row {width: 100% !important;margin-left: 0; margin-right: 0;} 
.vote-participants-wrapper .participant-pict {height: 360px !important}

@media (max-width: 500px) {
	.vote-participants-wrapper .participant-pict {height: 480px !important}
}

.vote-participants-wrapper .participant-pict:hover {cursor: pointer;}
.vote-participants-wrapper h4.participant-name {
	font-size: 18px !important;
	line-height: 1em !important;
	font-weight: 500;
}

.vote-participants-wrapper .et_pb_blurb_content {max-width:95%;}
.vote-participants-wrapper h4 span.votez-pour {font-size:12px !important;display: block;}

.gold-arrow:hover {position: relative; left: 5px !important}


/*	======================================================================
	Photo
========================================================================== */

.page-id-1500 h4 {color: #f5f3e7 !important}
a.btn-page-photos {color: #fff !important}

.et_pb_gallery_pagination {border-top: 1px solid #1d1d1b !important}
.et_pb_gallery_pagination a.active {text-decoration: underline}

/* Widget */
.page-template-default .module--infolettre.et_pb_module,
.page-template-page-partenaires .module--infolettre.et_pb_module,
.category .module--infolettre.et_pb_module,
.search-results .module--infolettre.et_pb_module,
.tax-vote .module--infolettre.et_pb_module,
.post-template-default.single .module--infolettre.et_pb_module,
.artistes-template-default .module--infolettre.et_pb_module {padding: 25px}
.module--infolettre h4 {color: #f5ecbf !important; font-weight: 500 !important}
.module--infolettre--form {text-align: center}
.module--infolettre input[type="text"] {color: #fff !important}
.module--infolettre input[type="email"] {color: #fff !important}
.module--infolettre input[type="submit"] {
    color: #223925 !important;
    font-weight: 600;
    background: #fff !important;
}
.module--infolettre input[type="submit"]:hover {color: #ff591b !important}
.module--infolettre label {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.programme-virtuel-banner {min-height: 180px}

.programmation-page .entry-content p {color: #1d1d1b !important}
.programmation-page h1,
.programmation-page h2,
.programmation-page h3 {color: #1d1d1b !important}


.page-template-default #main-content #left-area {padding-right: 20px; padding-bottom: 80px}
.home.page-template-default .entry-content{}

@media (max-width: 980px) {
	.page-template-default #main-content #left-area {padding-bottom: 20px}
	.page-template-default .entry-content {padding-bottom: 20px}
	.home.page-template-default .entry-content{}
}

/* patch ??? */
.artistes-template-default .module--infolettre.et_pb_module {margin-bottom: 7px !important;}

/* Page and sidebar proportions */
.page-template-default #left-area,
.page-template-page-partenaires #left-area,
.category #left-area,
.search-results #left-area,
.tax-vote #left-area,
.tax-les_21 #left-area,
.post-template-default.single #left-area { width: 66% !important; }

.page-template-default #sidebar,
.page-template-page-partenaires #sidebar,
.category #sidebar,
.search-results #sidebar,
.tax-vote #sidebar,
.tax-les_21 #sidebar,
.post-template-default.single #sidebar { width: 31% !important; }

@media (max-width: 980px) {
	.page-template-default #left-area,
	.page-template-page-partenaires #left-area,
	.category #left-area,
	.search-results #left-area,
	.tax-vote #left-area,
	.tax-les_21 #left-area,
	.post-template-default.single #left-area {width: 100% !important; margin-bottom: 25px;}
	.page-template-default #sidebar,
	.page-template-page-partenaires #sidebar,
	.category #sidebar,
	.search-results #sidebar,
	.tax-vote #sidebar,
	.tax-les_21 #sidebar,
	.post-template-default.single #sidebar {width: 100% !important; }
	h1.entry-title {font-size: 30px;}	
}

@media (max-width: 650px) {
	.post-1394 img {width: 100% !important; margin-bottom: 10px;}
	.post-3687 #attachment_1737 {width: 100% !important; max-width: none !important;}
	.porte-parole span {display: block; line-height: 1em; }
}

.page-template-default .entry-content li {margin-bottom: 10px;}

.wp-caption {border: 0;background-color: transparent;text-align: left;}
.wp-caption.alignleft {margin: 0 30px 0 0}

@media (max-width: 980px) {
	.wp-caption.alignleft {width: 100% !important;}
}

/* Page des partenaires */
.page-template-page-partenaires #main-content a {text-decoration: none}
.page-template-page-partenaires #main-content #left-area a:hover {text-decoration: underline}
.page-template-page-partenaires #main-content a:hover {text-decoration: none} /* les logos de reseaux sociaux... */
.page-template-page-partenaires #left-area ul {list-style-type: none !important; padding-left: 0}
.page-template-page-partenaires #left-area ul li a {color: #1d1d1b }

/*	======================================================================
	FOOTER
========================================================================== */

#main-footer {border-top: 1px solid #1d1d1b;}

/*	PARTENAIRES */
h1.partenaires-title {
	padding-top: 64px;
	font-size: 54px;
	font-weight: 500; 
	color: #1d1d1b !important;
	text-align: center;
	margin-bottom: 0;
}

/* partenaires or */
ul.partenaires.or {max-width: 1070px}
@media(min-width: 1370px) {
	ul.partenaires.or {max-width: 1440px}
}
ul.partenaires li img {
	vertical-align: middle;
	-webkit-filter: invert(100%); 
	filter: invert(100%);	
}
ul.partenaires {
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	margin: 0 auto;
}
ul.partenaires, li.partenaires  {
    display: table;
    height: 50px;
    line-height: 50px;
}
ul.partenaires li {
	display: inline-block;
	width: 100px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	margin: 6px;
	text-align: center;
    line-height:100px;
}
ul.partenaires li.x2 {
	border:0px solid #f00 !important;
	display: inline-block;
	width: 220px;
	height: 110px;
	padding: 0px;
	text-align: center;
	margin-left: 5px; 
	margin-right: 5px;
}

/* partenaires logos in _footerSlider.php */
#owl-carousel-or .owl-stage {}
#owl-carousel-or .owl-item {height: 250px; }
#owl-carousel-or .owl-item img {width:250px; }
#owl-carousel-argent .owl-stage {text-align: center !important; }
#owl-carousel-argent .owl-item {border: 0px solid #f00;}
#owl-carousel-argent .owl-item img {width:100px; margin:auto; -webkit-filter: invert(100%); filter: invert(100%);}
/* vertical-align logos in carousel */
.owl-carousel .owl-stage {display: flex;align-items: center;justify-content: center;}

@media (max-width: 981px) {.owl-dots {display: none !important}}
@media (min-width: 981px) {.owl-nav{display: none !important}}

/* ul.partenaires li {border:1px solid #f00;} */
ul.partenaires li img {max-width: 90px;}
ul.partenaires li.x1 img {max-width: 100px;}
ul.partenaires li.x2 img {max-width: 200px;}

.x1 img {width:90px !important;}
.x2 img {width:220px !important;}

/* Misc */
sup {bottom: 0.6em;font-size: 0.625em;}

.bordz { border: 1px solid #f00; }
.bordz02 { border: 1px solid #00f; }
.clear {float: none; clear: both;}
.bg-black {background: white;}
.txt-white {color: #fff; font-weight: bold; text-align: center; padding-top: 20px;}

.site-info {text-align: center; padding-top: 20px; font-size: 0.85em;color: #333 !important;}

/* page d'accueil de février 2019 on enleve le premier <p> */
.et_builder_inner_content.et_pb_gutters3 > p:first-child {display: none}

/* a reviser ...*/
/* #post-4820 .et_pb_gallery_pagination {border-top: 0px solid #333 !important;} */
#post-4936 .entry-content > p:first-child {padding-bottom: 0 !important;height: 1px;background: #444;}
#post-4897 .et-pb-controllers {display: none;}
/* .galerie-photos-accueil2 .et-pb-controllers {display: none;} */
/* not in use I guess, put it in the plugins'code for now*/
.no-padding {padding: 0 !important; padding-top: 0 !important;}

/* carousel at top of accueil */
.owl-carousel .owl-nav button.owl-prev, 
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel button.owl-dot {font-size:0px !important;background: transparent; border: 0;padding: 1px;}

.owl-theme .owl-dots .owl-dot span {background:#1d1d1b}
.owl-theme .owl-dots .owl-dot.active span {background:#666}
.owl-theme .owl-dots .owl-dot:hover span {background:#666}

.pllex-viewport {max-height: 550px !important}

/* force facebook app to constrain to container */
iframe {max-width: 100% !important; width: 100% !important; overflow:hidden !important}

#fbw_id-2 {display: table !important; overflow: hidden !important;max-width: 100% !important;}
.widget_fbw_id {margin-bottom: 0px !important;}
.facebook-elastic {padding-right: 0px;max-width: 100%;}

#u_0_1l {display: none !important; }

@media (max-width:  767px) {
	#accueil-socials-large .et_pb_widget_area {margin-left: 0px !important;}

}
#accueil-socials-verylarge {display: none; }
@media (max-width: 980px) {
	#accueil-socials-large .et_pb_column {
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
	
	#accueil-socials-large .et_pb_widget {
		float: none;
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
} 
@media (max-width: 1980px) {
	#accueil-socials-large .et_pb_column {
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
	
	#accueil-socials-large .et_pb_widget {
		text-align: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
} 
@media (min-width: 1550px) {
	#accueil-socials-verylarge {display: block; }
	#accueil-socials-large {display: none;}
}

/* reseaux sociaux dans la sidebar à l'accueil */
.reseaux-sociaux-accueil {text-align: center;}
.reseaux-sociaux-accueil .et-social-facebook,
.reseaux-sociaux-accueil .et-social-twitter,
.reseaux-sociaux-accueil .et-social-youtube,
.reseaux-sociaux-accueil .et-social-instagram,
.reseaux-sociaux-accueil .et-social-tiktok,
.reseaux-sociaux-accueil .et-social-spotify { margin-right: 6px; /* border: 1px solid #f00 !important; */}

.single-artistes .et-social-facebook,
.single-artistes .et-social-twitter,
.single-artistes .et-social-youtube,
.single-artistes .et-social-instagram,
.single-artistes .et-social-tiktok,
.single-artistes .et-social-spotify { margin-right: 0px}

.et_pb_social_media_follow li a.icon::before {}

@media (max-width: 1363px) and (min-width: 981px) {
	.reseaux-sociaux-accueil .et-social-facebook,
	.reseaux-sociaux-accueil .et-social-twitter,
	.reseaux-sociaux-accueil .et-social-youtube,
	.reseaux-sociaux-accueil .et-social-instagram,
	.reseaux-sociaux-accueil .et-social-tiktok,
	.reseaux-sociaux-accueil .et-social-spotify { margin-right: 6px;}
}
@media (max-width: 1100px) and (min-width: 981px) {
	.reseaux-sociaux-accueil .et-social-facebook,
	.reseaux-sociaux-accueil .et-social-twitter,
	.reseaux-sociaux-accueil .et-social-youtube,
	.reseaux-sociaux-accueil .et-social-instagram,
	.reseaux-sociaux-accueil .et-social-tiktok,
	.reseaux-sociaux-accueil .et-social-spotify { margin-right: 6px;}
}
@media (max-width: 980px) {
	.reseaux-sociaux-accueil .et-social-facebook,
	.reseaux-sociaux-accueil .et-social-twitter,
	.reseaux-sociaux-accueil .et-social-youtube,
	.reseaux-sociaux-accueil .et-social-instagram,
	.reseaux-sociaux-accueil .et-social-tiktok,
	.reseaux-sociaux-accueil .et-social-spotify { margin-right: 18px;}
}

.reseaux-sociaux-accueil .et-social-facebook a:before,
.reseaux-sociaux-accueil .et-social-twitter a:before,
.reseaux-sociaux-accueil .et-social-youtube a:before,
.reseaux-sociaux-accueil .et-social-instagram a:before,
.reseaux-sociaux-accueil .et-social-tiktok a:before,
.reseaux-sociaux-accueil .et-social-spotify a:before {  font-size: 28px !important}

@media (max-width: 500px)  {
	.et_pb_social_media_follow li a {width: 28px !important; height: 28px !important;}
}

.reseaux-sociaux-accueil .et-social-facebook a:hover:before,
.reseaux-sociaux-accueil .et-social-twitter a:hover:before,
.reseaux-sociaux-accueil .et-social-youtube a:hover:before,
.reseaux-sociaux-accueil .et-social-instagram a:hover:before,
.reseaux-sociaux-accueil .et-social-tiktok a:hover:before,
.reseaux-sociaux-accueil .et-social-spotify a:hover:before { 
	color: #fe7b60 !important;
}

/* Prix du public 2019 les images et noms artistes */
.prix-public-accueil h2.entry-title{ display: none;}

.prix-public-accueil .et_pb_text_inner {
	font-size: 18px;
	padding: 24px;
	padding-top: 12px;
}
.prix-public-accueil .et_pb_text_inner a {color: #fbfefc}
.prix-public-accueil .et_pb_text_inner a:hover {color: #6257a4}

/* ACCUEIL */
.accueil-artistes-soiree .et_pb_image_wrap  {
	max-width: 100%;
	overflow: hidden; 
}
.accueil-artistes-soiree .et_pb_image_wrap img {
	transition: transform 0.65s; /* Animation */
	overflow: hidden;
}
.accueil-artistes-soiree .et_pb_image_wrap img:hover {
	transform: scale(1.05);
}
@media (min-width: 981px) {

	.accueil-artistes-soiree.et_pb_row_inner>.et_pb_column_1_4 {
		margin-right: 1% !important;
	}
	.accueil-artistes-soiree.et_pb_row_inner>.et_pb_column_1_4:last-child  {
		margin-right: 0 !important;
	}
	.accueil-artistes-soiree.et_pb_row_inner>.et_pb_column_1_4:first-child {
		margin-left: 0 !important;
	}
}

@media (max-width: 980px) {
	.accueil-artistes-soiree .et_pb_image {	
		margin-right: 40px;
	}
}

.accueil-date-soiree h1 {color: #1d1d1d!important}
.achat-billet-accueil-soiree {color: #1d1d1d !important; font-weight: bold;}
.achat-billet-accueil-soiree a {color: #ff0000 !important; text-decoration: underline;}
.achat-billet-accueil-soiree a:hover {text-decoration: none}

.accueil-artistes-soiree .et_pb_text_inner:hover {color: #ff0000}

@media (min-width: 768px) {
	.accueil-artistes-row .et_pb_column_1_4 {
		width: 32% !important;
		margin-right: 2% !important;
	}
}

.prix-public-accueil  > .et_pb_post_cpt_artistes {
    height: 200px !important;
    max-height: 200px !important;
    min-height: 200px !important;
    position: relative;
}
.prix-public-accueil .et_pb_blog_grid {height: 200px !important; }
.prix-public-accueil img {max-height: 269px}
.prix-public-accueil .artistes { 
	height: 200px !important;
	width: 100%;
	overflow: hidden;
	border: 0 !important;
}
.prix-public-accueil .et_pb_column_inner {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.hovered-in-white {color: #fff !important;}

@media (min-width: 981px) {
	.prix-public-accueil .et_pb_column_1_4 {
		width: 32% !important;
		margin-right: 1.5% !important;
	}
	.prix-public-accueil .et_pb_column_1_4:last-child {
		width: 33% !important;
		margin-right: 0% !important;
	}
	.prix-public-accueil .et_pb_column_3_4 .et_pb_row_inner {
    	padding: 3.735% 0;
	}
	.header-prix-public-accueil {
    	padding-top: 20px !important;
    	padding-bottom: 0 !important;
	}
}

@media (max-width: 676px) {
	.header-prix-public-accueil {padding-bottom: 10px !important;}
}

.header-prix-public-accueil:hover {cursor: pointer;}
.header-prix-public-accueil h2 a {color: #fff !important}
.header-prix-public-accueil h2 a:hover {color: #fff !important;}

/* Page des videos edition 29H */
@media (max-width: 767px) {
	.page-id-4180 iframe {height: 200px !important}
}

/* Video de la cuvee à l'accueil */
#video_accueil {position: relative;}
#video_accueil h4 sup {font-size: 12px;}

.home .et_pb_video_overlay {background-color: #1d1d1b !important}

/* correction styles divi - à surveiller !!! */
#post-1410 p:not(.has-background):last-of-type {padding-bottom: 1em}

.et_pb_post_cpt_artistes-prix-public-accueil-item .et_pb_post_cpt_artistes {background-position-y: top !important;}

@media (max-width: 766px) and (min-width: 475px) {
	.et_pb_post_cpt_artistes-prix-public-accueil-item  {min-height: 360px !important;}
	.et_pb_post_cpt_artistes-prix-public-accueil-item .et_pb_post_cpt_artistes {min-height: 360px !important;}
}

@media (min-width: 1500px) {
	.et_pb_post_cpt_artistes-prix-public-accueil-item  {min-height: 270px !important;}
	.et_pb_post_cpt_artistes-prix-public-accueil-item .et_pb_post_cpt_artistes {min-height: 270px !important;}
}

/* tablepress */
#tablepress-3 img:hover {padding: 1px;background-color: #366e7f !important}
#tablepress-3 {border: 1px solid #ccc }
#tablepress-3 .column-1,
#tablepress-3 .column-2,
#tablepress-3 .column-3  {border-top: 1px solid #ccc; border-right: 1px solid #ccc}

/* SA -> ? */ 
.sa_hover_container {position: relative}
.sa_hover_container p {
	font-weight: bold; 
	color: #fff; 
	line-height: 1.3em;
	position: absolute; 
	bottom: 10%; 
	padding: 3px;
	background: url(images/one-pixel-black-transp50.png) repeat;
}

/* overlay plus sign color */
#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et_toggle_slide_menu:after, .et-social-icon a:hover, .et_pb_sum, .et_pb_pricing li a, .et_pb_pricing_table_button, .et_overlay:before, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .et_pb_member_social_links a:hover, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .et_pb_widget li a:hover, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active, .wp-pagenavi span.current, .wp-pagenavi a:hover, .nav-single a, .posted_in a {
    color: #fff;
}

/* corrections layout position y de la boite de news et sidebar en accueil*/
@media (min-width: 981px) {
	.sidebar-container-accueil {
		padding-top: 35px !important;
	}	
}

/* .pagination a {color: #e6e6e6} */
.pagination a:hover {text-decoration: underline}
a.more-link:first-letter {text-transform: capitalize; }

.hidden {display: none !important}
.soiree-header sup {text-transform: lowercase; top: -6px}
.search-results h4 a {color: #fe7b60 !important; font-size: 28px !important}
.search-results h4 a:hover {color: #1d1d1b !important}
.search-results .et_pb_post {margin-bottom: 30px;}
.et-search-form {height:40px !important}

/* covid-19 adaptations */
.facebook-accueil-widget {margin-bottom: 0%;}
.instagram-accueil-widget {margin-bottom: 20px; background-color: white; margin-top: -50px;}
.instagram-accueil-widget .widgettitle {padding: 5px !important;}

/* backend login password field correction */
.js.login input.password-input, .js.login-action-rp form .input, .js.login-action-rp input[type=text] {
    padding-right: 5px !important;
}

@media (min-width: 981px) {
	.et_pb_gutters2 .et_pb_column_3_4, 
	.et_pb_gutters2.et_pb_row .et_pb_column_3_4 {
    	width: 63% !important;
	}
	.et_pb_gutters2 .et_pb_column_1_4, .et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
    	width: 31% !important;
	}
}

.et-top-navigation-container{
	width:100%;
	max-width:1400px;
	margin:auto;
	position:relative
}

@media(max-width: 980px){
	.et_mobile_menu {margin-left: -15px}
}

#et-top-navigation ul.sub-menu li a {font-size: 16px;}

/* Offre EMPLOI */
.encadre-offre-emploi { border: 1px solid #000; padding-top: 20px; padding-bottom: 20px}
.page-template-page-pleine-largeur ul li {/* font-family: 'founders_groteskregular', sans-serif; */}

/* Instagram widget */
.instagram-social-btn-top {
	width: 100% !important; 
	border-radius: 0 !important; 
}
.instagram-social-btn-top h4 {padding-top: 10px}

/* correction table service de comm */
.services-de-comm tr td {border: 1px solid #683142 !important}

/* bug réseaux sociaux */
.facebook-accueil-widget,
.instagram-accueil-widget {display: none !important}

/* J'aime mes ex */
.mes-ex-list .et_pb_column {width: 30% !important; margin-right: 3% !important}

@media (max-width: 767px) {
	.mes-ex-list .et_pb_column {width: 100% !important; margin-right: 0% !important}
}

.page-template-page-programmation #content-area {padding-bottom: 120px !important}

@media (max-width: 981px) and (min-width: 768px) {
	#sidebar .et_pb_widget {
		max-width: 360px; 
		text-align: center; 
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 981px) {
	.error404 #left-area {width: 66%}
	.error404 #sidebar {width: 31%}
	.search #left-area {width: 66%}
	.search #sidebar {width: 31%}
}

/* Damier vote accueil */
.damier-vote-accueil .et_pb_column {width: 29% !important; border: 0;}
.damier-vote-accueil .et_pb_column:first-child {margin-left: 2%}
.damier-vote-accueil {
/* 	display: none; */
	border: 0px solid #f00;
	text-align: center;
}

@media(max-width: 767px) {
	.damier-vote-accueil .et_pb_column {width: 93% !important; border: 0;}
	.damier-vote-accueil .et_pb_column:first-child {margin-left: 4%}
	.damier-vote-accueil .et_pb_column {margin-left: 4%}
}

/* header correction on mobile */
@media (max-width: 980px){
		#main-header .container {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
		#main-header .header_row {
			padding-left: 20px !important;
			padding-right: 20px !important;
		}
}

/* J'aime mes EX page title decoration */
#post-11154 #widget_sp_image-19,
#post-11154 #widget_sp_image-27,
#post-11154 #palmareswidget-8 {margin-bottom: 30px !important;}

/* background color pour j'aime mes ex */
#post-11154,
#post-1500 {background-color: #e6e6e6}

#sidebar #widget_sp_image-19 {margin-top:0}

/* Les box autres que la page d'accueil et J'aime mes EX */
#widget_sp_image-26 {background-color: #1d1d1b !important; padding: 10px;}
.single-artistes .artiste-page-widget:nth-child(2) {
	text-align: center;
	margin: auto;
	margin-bottom: 30px;
}
.single-artistes .artiste-page-widget:nth-child(3) {
	text-align: center;
	margin: auto;
	margin-bottom: 30px;
	padding: 10px;
}

#widget_sp_image-30 {
	background-color: #f4ecbe !important; 
	max-width: 286px !important;
	text-align: left;
	margin: auto;
	margin-left: 0;
	margin-bottom: 30px;
	padding: 10px;
}

/* correction pour banniere Complianz et z-index des elements de l'entete */
#main-header {z-index: 9988 !important}

/* More link and More Photos */
.more-link, a.more-link,
.et_pb_blog_0 .et_pb_post div.post-content a.more-link {color: #FE7B60 !important; margin-top: 20px;}
.post-content a.more-link {color: #FE7B60 !important;}

.more_photos_btn {font-weight: 500 !important; font-family: 'roboto_condensedregular', sans-serif !important;}

/* correction accueil pour iPad portrait */
@media (min-width: 768px) and (max-width: 1023px) {
	.accueil-artistes-soiree .et_pb_column {
		border: 0px solid #fff;
		width: 33%;
	}
	.artistes-accueil-invite {
		padding-top: 10px !important;
		padding-bottom: 20px !important;
	}
	#post-5796 .et_pb_section .et_pb_row {
		width: 90% !important;
	}
	.accueil-sidebar .et_pb_module {
		max-width: 500px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.accueil-sidebar .et_pb_module.et_pb_image_9 {margin-bottom: 0 !important}
}
@media (max-width: 1023px) {
	.accueil-sidebar .et_pb_module.et_pb_image_9 {margin-bottom: 0 !important}
}

/* correction couleur de fond des article en single */
.single-post .hentry {background-color: #e6e6e6; padding: 20px;}

/* corrections Les 21 : liens */
#video_player21 a {text-decoration: none}
#video_player21 a:hover {text-decoration: underline; text-decoration-color: #fff;}


/* Correction top-header menu sur Safari */
@media (min-width: 991px) {
	#top-header {direction: rtl}
	#et-secondary-menu {
		float: none;
		display: flex;
		padding-top: 0px;
		justify-content: flex-start;
	}
	#et-secondary-nav {direction: ltr}
}

.css-number {
	border: 1px solid #fff;
	border-radius: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 66%;
}
.css-number.black {
	border: 1px solid #1d1d1b;
}
.css-sup {
	font-size:50%;
	vertical-align: super;
}

/* Corrections css */
.et_pb_text_0 h2 {
	font-family: 'adapter_hebrew', sans-serif;
	text-transform: none;
	color: #1d1d1b !important;
}

.et_pb_blog_0 .et_pb_post div.post-content a.more-link {
	-webkit-text-decoration-color: transparent !important;
	text-decoration-color:transparent !important;
}

#et-secondary-nav .menu-item-has-children > a:first-child:after,
#top-menu .menu-item-has-children > a:first-child:after {
	content: "\25be"; /* Unicode for plus sign */
	font-size: 20px;
	margin-top: -5px;
}

@media (max-width: 980px) {
	.et_close_search_field::after {color: #1b1b1a !important}
}


.programmation.preliminaire .soiree-header-wrapper, .programmation.preliminaire .soiree-invite-wrapper, .programmation.preliminaire .achat-billet-wrapper {
	background-color: #5538e5;
	min-height: 46px;
}

.programmation-page h1, .programmation-page h2, .programmation-page h3 {
	color: #fe7b60 !important;
}

/* Patchs site temp 30e edition */

.accueil-artistes-3col .et_pb_column {
	width: 30.63973%;
	margin-right: 3.5% !important;
}