/*
Theme Name: ECTC
Description: Theme enfant du theme Divi. Vous pouvez desormais le personnaliser sans risquer de perdre vos modifications
Author: Cyrielle Plion & Mathieu Monfourny
Author URI: https://wpmarmite.com
Template: Divi
Version: 1.0
*/

/* ::::::::::::::::::::::::::: FONTS ::::::::::::::::::::::::::: */
/* Déclarer les polices du site */
@font-face {
    font-family: 'stCarmenBoldBold';
    src: url('font/stCarmenBoldBold.ttf');
}

@font-face {
  font-family: "Flaticon";
  src: url("font/Flaticon.ttf");
}

.flaticon-ticket:before { content: "\f100"; }
.flaticon-files-and-folders:before { content: "\f101"; }
.flaticon-telephone:before { content: "\f102"; }
.flaticon-email:before { content: "\f103"; }
.flaticon-wind-sign:before { content: "\f104"; }
.flaticon-speed:before { content: "\f105"; }
.flaticon-idea:before { content: "\f106"; }
.flaticon-declaration-of-independence:before { content: "\f107"; }
.flaticon-box:before { content: "\f108"; }
.flaticon-group:before { content: "\f109"; }
.flaticon-compass:before { content: "\f10a"; }
.flaticon-talk:before { content: "\f10b"; }
.flaticon-partner:before { content: "\f10c"; }

/* ::::::::::::::::::::::::::: FONT STYLE ::::::::::::::::::::::::::: */

h1 {
}

h2 {
font-family: Rakkas;
font-size: 2.5rem!important;
color: #160f66; 
}

h3 {
font-family: Rakkas;
font-size: 1.9rem;
color: #ee4323!important; 	
}

h4 {
}

h5 {
}

h6 {
}

/* ::::::::::::::::::::::::::: ELEMENTS STYLE ::::::::::::::::::::::::::: */
/*hr*/
hr {
font-size: 1px;
color: #160f66;
}

/* ::::::::::::::::::::::::::: BTN STYLE ::::::::::::::::::::::::::: */
/*Bouton class cta-portfolio-btn*/
.cta-portfolio-btn {
font-family:rakkas;
font-weight: 500;
font-size: 16px;
color: #ee4323;
background-color: rgba(255,255,255,0.48);
border:1px solid #ee4323;
letter-spacing: 2px;
line-height: 1.7em;
border-radius: 3px;
padding: .3em 1em;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;
}
.cta-portfolio-btn:hover {
 background-color: #ee4323;
border-color:#ee4323;
color:#FFF;
}

/* ::::::::::::::::::::::::::: SOCIAL FOLLOW ::::::::::::::::::::::::::: */

/*Google +*/
.et-social-google-plus a.icon::before {
    content: "\e093"!important;

}

/* ::::::::::::::::::::::::::: HEADER ::::::::::::::::::::::::::: */
/* ----- Main-header ----- */
/*empécher les sous menus de s'ouvrir pour laisser le divi mega menu s'ouvrir*/
ul.sub-menu {
	display: none !important;
	visibility: hidden !important;
}
#main-header h1 {
	font-family:'stCarmenBoldBold';
	font-size:20px!important;
	color: #fff!important;
	background: #ee4323!important;
	position:absolute;
	padding: 0px!important;
	top:27px;
}

/* ----- Top-header ----- */
/* CSS régler position icon newsletter sur ordinateur */
#top-header .et-social-icons { float: right; }
@media screen and (max-width: 980px) {
.newsletter-icon {
	width: 100%!important; 
	}
.newsletter-icon::before {
	margin-top: 8px;
	padding-left: 5%;
	padding-right: 6px;
	}
	#top-header .et-social-icons{
	margin-right:0;
}
}

/*Aligner avec la loupe*/
#et-secondary-menu .et-social-icons {
	margin-right: 0!important;
}

/*Icon billetterie Menu secondaire header*/
.billetterie-icon{
	width: 121px!important;
}

.billetterie-icon a {
color:#160f66;
font-size: 12px!important;
}

.billetterie-icon:before {
display: block;
font-family: 'Flaticon'!important;
content:"\f100";
font-size:16px;
float:left;
color: #fff;
}

.billetterie-icon:hover{
opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/*Icon Newsletter Menu secondaire header*/
.newsletter-icon{
	width: 123px!important;
}

.newsletter-icon a {
color:#160f66;
font-size: 12px!important;
}

.newsletter-icon:before {
display: block;
font-family: 'Flaticon'!important;
content:"\f101";
font-size:15px;
float:left;
color:#fff!important;
}

.newsletter-icon:hover{
opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/*Icon En Mouvement Menu secondaire header*/
.mouvement-icon{
	width: 160px!important;
}

.mouvement-icon a {
color:#160f66;
font-size: 12px!important;
}

.mouvement-icon:before {
display: block;
font-family: 'Flaticon'!important;
content:"\f105";
font-size:15px;
float:left;
color:#fff;
}

.mouvement-icon:hover{
opacity: .7;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/* ::::::::::::::::::::::::::: MEGA MENU ::::::::::::::::::::::::::: */

/*-- Saison --*/
/* Saison */
.sub-saison{
	font-family:Rakkas;
	letter-spacing:1px;
	line-height:2;
	border-bottom: 1px solid #160f66;
	font-size: 16px;
}

#menu-sous-menu-saison-1 li a {
	color:#160f66!important;
}

.sub-saison:hover {
	border-bottom: 1px dotted!important;
	color:#160f66!important;
}
.de-mega-menu-container #saison .et_pb_widget {
	margin-bottom:0!important;
}
.de-mega-menu-container #saison .et_pb_post{
	margin-bottom:0!important;
}
/* Cat. Saison */
#menu-sous-menu-type-spectacle-saison-1 li {
	font-family:Rakkas;
	letter-spacing:1px;
	line-height:2;
	border-bottom: 1px solid #160f66;
	color:#160f66!important;
}
#menu-sous-menu-type-spectacle-saison-1 a {
color:#160f66!important;
}

#menu-sous-menu-type-spectacle-saison-1 li:hover {
	border-bottom: 1px dotted;
	color:#160f66;
}

/* Specacle à la une */ 
.de-mega-menu-container #saison .et_pb_portfolio_filters {display:none;
}
.de-mega-menu-container #saison .et_portfolio_image {
 padding-top: 118%;
 }
.de-mega-menu-container #saison .et_portfolio_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 object-fit: cover;
 }
.de-mega-menu-container #saison h2{
	color:#FFF;
	position:absolute;
 left: 5%;
 right: 5%;
 bottom: 5%;
padding-bottom:0;
}
/*-- Cinéma --*/
/*Menu cineam*/
.sub-cinema{
	font-family:Rakkas;
	letter-spacing:1px;
	line-height:2;
	border-bottom: 1px solid #160f66;
	color:#160f66;
}
#menu-sous-menu-cinema-1 {
font-size: 16px!important;
}
#menu-sous-menu-cinema-1 li a {
color:#160f66!important;
}

.sub-cinema:hover {
	border-bottom: 1px dotted;
	color:#160f66!important;
}
.de-mega-menu-container #cinema #nav_menu-3 {
	margin-bottom:0!important;
}

/* Modifier le padding des colones pour le mega menu cinéma */
#cinema .et_pb_column_3_5 .et_pb_widget {
	width: 100%!important;
	margin-right:0!important;
	margin-bottom:0!important;
}
#cinema .et_pb_widget_area_left {
	border-right: 0!important;
}
#cinema .et_pb_widget_area_left {
	padding-right:0!important;
}

/*Flux Rss Cinema*/
#flux-rss-cine-module .rss-widget-icon{
	display:none;
}
#flux-rss-cine-module #rss-3 ul li {
	border-bottom: 1px solid #160f66;
	font-size:12px!important;
}

#flux-rss-cine-module #rss-4 ul li {
	border-bottom: 1px solid #160f66;
		font-size:12px!important;
}
#flux-rss-cine-module #rss-3 ul li:hover {
	border-bottom: 1px dotted;
}

#flux-rss-cine-module #rss-4 ul li:hover {
	border-bottom: 1px dotted;
}

#flux-rss-cine-module #rss-3 {
	margin-bottom:0!important;
}

#flux-rss-cine-module #rss-4 {
	margin-bottom:0!important;
}
#flux-rss-cine-module h3 {
	padding-bottom:0!important;
}
#flux-rss-cine .widgettitle a {
	font-family:Roboto!important;
	font-size:14px;
	text-transform: uppercase;
	letter-spacing:1px
}
#flux-rss-cine .et_pb_widget li a {
	color: #160f66;
	}

/*-- ECTC --*/
/*mega menu ECTC ajustement */
/*Taille colonne*/
#sub-mega-ECTC .et_pb_column {
	margin-right: 3%;
}
#sub-mega-ECTC .et_pb_column .et-last-child {
	margin-right: 0%;
}
#sub-mega-ECTC .et_pb_column {
	width: 14.15%!important;
}

.post-747 .main_title { 
	margin-bottom: 0px!important; 
}
#sub-mega-ECTC .et_pb_module_header a{
font-size: 16px;
color:#160f66;
}

/*Icon style*/
/*Projet*/
#projet-icon
.et_pb_main_blurb_image {
	margin-bottom:15px!important;
}
#projet-icon .et_pb_divider {
	margin-bottom:0px!important;
}
/*Histoire*/
#histoire-icon
.et_pb_main_blurb_image {
	margin-bottom:15px!important;
}
#histoire-icon .et_pb_divider {
	margin-bottom:0px!important;
}
/*Archive*/
#archive-icon
.et_pb_main_blurb_image {
	margin-bottom:15px!important;
}
#archive-icon .et_pb_divider {
	margin-bottom:0px!important;
}
/*Equipe*/
#equipe-icon
.et_pb_main_blurb_image {
	margin-bottom:15px!important;
}
#equipe-icon .et_pb_divider {
	margin-bottom:0px!important;
}
/*CA*/
#ca-icon  .et_pb_module {
margin-bottom: 7.5%!important;
}
#ca-icon
.et_pb_main_blurb_image {
	margin-bottom:15px!important;
}
#ca-icon .et_pb_divider {
	margin-bottom:0px!important;
}
/*Assos*/
#asso-icon  .et_pb_module {
margin-bottom: 5.7%!important;}

#asso-icon
.et_pb_main_blurb_image {
	margin-bottom:15px!important;
}
#asso-icon .et_pb_divider {
	margin-bottom:0px!important;
}
#Titre-Mega-ECTC .et_pb_column_1_5 .et_pb_divider_5{
	margin-bottom:-23px;
}
#Titre-Mega-ECTC .et_pb_column_1_5 .et_pb_text_2 a {
	font-family:Roboto;
	color: #666!important;
}
#Titre-Mega-ECTC .et_pb_column_1_5 .et_pb_text_2 a:hover {
	font-family:Roboto;
	color: #3f46a7!important;
}
/*Sub sub style*/
#asso-icon .et_pb_blurb_container{
	margin-bottom:12px!important;
}
#Titre-Mega-ECTC .et_pb_module .et_pb_text_inner p {
	border-bottom: 1px solid #160f66  ;
}
#Titre-Mega-ECTC .et_pb_module .et_pb_text_inner p:hover {
	border-bottom: 1px dotted #160f66 ;
}
#asso-icon {
	margin-bottom:0;
}

/*-- Expos --*/
#expos .et_pb_module_header a {
	font-size: 30px;
	color:#fff;
}
#expos .et_pb_module_header a:hover {
	text-shadow: 0.08em 0.08em 0em #ee4323;
}

/*Partenaires*/
#partenaire-icon
.et_pb_main_blurb_image {
	margin-bottom:15px!important;
}
#partenaire-icon .et_pb_divider {
	margin-bottom:0px!important;
}

/*Partenaires*/
#pro-icon
.et_pb_main_blurb_image {
	margin-bottom:15px!important;
}
#partenaire-icon .et_pb_divider {
	margin-bottom:0px!important;
}

/*-- Vous --*/
#vous .et_pb_module_header a {
	font-size: 30px;
	color:#fff;
}
#vous .et_pb_module_header a:hover {
	text-shadow: 0.08em 0.08em 0em #ee4323;
}
/*Scolaire*/
#scolaire-btn-mega .et_pb_blurb_container{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  	display: flex;
    align-items: center;
  	justify-content:center;
}
#scolaire-btn-mega .et_pb_blurb_container .et_pb_blurb_description{
  display:none;
}
#scolaire-btn-mega  .et_pb_blurb_container .et_pb_module_header { 
  vertical-align: middle;
}
#scolaire-btn-mega .et_pb_main_blurb_image{
margin-bottom:0!important;	
}
#scolaire-btn-mega :hover {
	filter: drop-shadow(0.4em 0.4em 0em #ee4323);
}
/*famille*/
#famille-btn-mega .et_pb_blurb_container{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  	display: flex;
    align-items: center;
  	justify-content:center;
}
#famille-btn-mega .et_pb_blurb_container .et_pb_blurb_description{
  display:none;
}
#famille-btn-mega  .et_pb_blurb_container .et_pb_module_header { 
  vertical-align: middle;
}
#famille-btn-mega .et_pb_main_blurb_image{
margin-bottom:0!important;	
}
#famille-btn-mega :hover {
	filter: drop-shadow(0.4em 0.4em 0em #ee4323);
}
/*HLM*/
#hlm-btn-mega .et_pb_blurb_container{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  	display: flex;
    align-items: center;
  	justify-content:center;
}
#hlm-btn-mega .et_pb_blurb_container .et_pb_blurb_description{
  display:none;
}
#hlm-btn-mega  .et_pb_blurb_container .et_pb_module_header { 
  vertical-align: middle;
}
#hlm-btn-mega .et_pb_main_blurb_image{
margin-bottom:0!important;	
}
#hlm-btn-mega :hover {
	filter: drop-shadow(0.4em 0.4em 0em #ee4323);
}
/*-- Infos --*/

/* Modifier le bouton radio dans le formulaire méga menu*/
.et_pb_contact_field * {
    display: flex;
	flex-direction: row;
}

/*Mise en form sub menu infos*/
#menu-sous-menu-infos a {
	color: #160f66;
}

#infos #nav_menu-7 {
	margin-bottom:0!important;
}

#infos .et_pb_widget_area_left {
	border-right:0;	
	padding-right:0;
}
#infos .et_pb_sidebar_5 {
	padding-right:0px;
}


#menu-sous-menu-infos li {
	font-family:Rakkas;
	letter-spacing:1px;
	line-height:2;
	border-bottom: 1px  solid #160f66;
	font-size: 16px;
}

#menu-sous-menu-infos li:hover {
	border-bottom: 1px dotted!important;
	color:#160f66!important;
}
.de-mega-menu-container #saison #nav_menu-4 {
	margin-bottom:0!important;
}
/*Mise en forme horaires d'ouverture*/
#Horaires-accueils-mega-menu #horaires-accueils {
	width:100%!important;
}
#Horaires-accueils-mega-menu  .et_pb_text_inner li {
	border-bottom: 1px  solid #160f66;
	font-size:12px!important;
}
.et_pb_text_inner li:hover {
	border-bottom: 1px dotted;
	font-size:12px!important;
}
#Horaires-accueils-mega-menu hr {
border-bottom: 1px  solid #e2e2e2 !important;
}
#Horaires-accueils-mega-menu .et_pb_text_inner p {
    font-family: Roboto !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Formulaire */
/*supprimer doublon service*/
#infos .et_pb_contact_form .et_pb_contact_field_options_title {
	display:none;
}
/*CSS bouton radio*/
#infos .et_pb_contact_field_radio {
	margin-right:5%;
}
#infos .et_pb_contact_form .et_pb_contact_field_radio label {
	display:flex!important;
}
#infos .et_pb_contact_form .et_pb_contact_field_4 {
	position:absolute;
	max-width:320px;
}
/*supprimer Nouveau champs RGPD*/
#infos .et_pb_contact_form .et_pb_contact_field_4  .et_pb_contact_form_label {
	display:none;
}
/*CSS lign*/
#infos .et_pb_contact_form .et_pb_contact_field_4 .et_pb_contact_field_options_list label {
	display:flex;
}
.et_pb_contact_field_options_list label a {
	margin-top:-3px;
}


/* ::::::::::::::::::::::::::: BODY ::::::::::::::::::::::::::: */

/* ---- Fleche de defilement vers le bas bouge ---- */
@-webkit-keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
#scroll-down-icon { 
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/*CSS Scroll-down-Icon */
#scroll-down-icon {
z-index: 999997 !important;
margin-top:-25vh;
position: absolute;
width: 100%;	
}
#scroll-down-icon .et-pb-icon {
	font-size:70px;
}

/* -----  billetterie bouge -----  */
@-webkit-keyframes UP {
100% {
    transform: rotate(360deg);
}
40% {
transform: rotate(0deg);
	}
}
@keyframes UP {
100% {
    transform: rotate(360deg);
}
20% {
transform: rotate(0deg);
	}
40% {
transform: rotate(360deg);
	}
}

#billetterie-CTA span { 
-webkit-animation-name: UP;
animation-name: UP;
-webkit-animation-duration: 1s;
animation-duration: 3s;Basi
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/* ----- Divi Pro Blog plugin ----- */
/* formater l'affichage des dates sur le Divi Pro Blog plugin */
p.et_start_date {
	font-weight:bold;
	margin-bottom:6px;
	font-size: 1.25rem;
}
.et_start_date{
padding-bottom: 5px!important;
}

/* ----- Time line calendar plugin ----- */
/* Graphisme de la time line */
#calendar-sticky {
  position:fixed;
  bottom:0;
  z-index:999990;
  max-width: 100%;
}

/* Graphisme de la time line */
/*Graphisme générale*/
.TimleLIne_TS_Cal_wrap {
	display:flex;
	order:1;
	height:200px;
	}

.TimleLIne_TS_Cal_9 .month-year-bar{
order:2;
background-color:#f6c343 !important; 
}

.TimleLIne_TS_Cal_9 .dates-bar {
	order:3;
}

.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap {
	height:20px;
	animation: bounce;
}

.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap:hover {
	height:100%;
	max-height: 400px;
	}

.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap:click {
	height:100%;
	max-height: 400px;
	}

.TimleLIne_TS_Cal_9::before, .TimleLIne_TS_Cal_9::after {
	display: none;
}

.TimleLIne_TS_Cal_9 {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	max-width: 100%!important;
	margin:0!important;
}
/*Barre Année & mois*/
.TimleLIne_TS_Cal_9 .month-year-bar{
	height:25px!important;
}
/*Année*/
.TimleLIne_TS_Cal_9 .month-year-bar .year::before {
	content:"L'agenda";
	font-family:Rakkas;
	color:#160f66;
	line-height:1.8;
	letter-spacing:1px;	
	padding-left:12px;
}

.TimleLIne_TS_Cal_9 .month-year-bar .year {
    margin-top: -10px !important;
    height: 25px;
	display:flex;
}

.TimleLIne_TS_Cal_9 .month-year-bar .year span {
	margin-top:7px!important;
font-family: 'Roboto'!important;
	font-weight: 400;
	font-size:14px;
}
.TimleLIne_TS_Cal_9 .month-year-bar .prev, .TimleLIne_TS_Cal_9 .month-year-bar .next {
font-size:16px!important;
margin-top:5px;
}
.totalsoft-long-arrow-left::before {  
	content: "\f060"!important;
font-weight: 100;
}
.totalsoft-long-arrow-right::before {
	content: "\f061"!important;
font-weight: 100;
}

/*Mois*/
.TimleLIne_TS_Cal_9 .month-year-bar .month {
margin-top: -5px;	
font-family:'Rakkas';
}
.TimleLIne_TS_Cal_9 .month-year-bar .month span {	
font-family:'Rakkas';
}

/*Barre Date*/
.TimleLIne_TS_Cal_9 .dates-bar
{
	height:33px!important;
}
.TimleLIne_TS_Cal_9 .dates-bar a {
	height:33px!important;
}
.TimleLIne_TS_Cal_9 .dates-bar a.selected > span.date {
	-webkit-transform: scale(1.1, 1.1)!important;
	margin-top: -2px !important;
}

.TimleLIne_TS_Cal_9 .dates-bar a.selected > span.month {
	margin-top:-6px!important;
}

.TimleLIne_TS_Cal_9 .dates-bar a span.date {
	margin-bottom: -4px !important;
	margin-top: 0px !important;
}

.TimleLIne_TS_Cal_9 .date {
font-family:'Roboto';
font-size:15px!important;
}

.TimleLIne_TS_Cal_9 .totalsoft-caret-left::before {
    content: "\f104";
	font-weight: 900;
}
.TimleLIne_TS_Cal_9 .totalsoft-caret-right::before {
    content: "\f105";
	font-weight: 900;
}
.TimleLIne_TS_Cal_9 .dates-bar .month {
	font-family:'Roboto';
	font-size:13px!important;
}
.TimleLIne_TS_Cal_9 .dates-bar a span.month {
	color: #160f66!important;
}
.TimleLIne_TS_Cal_9 .dates-bar a.selected >span.month {
	color: #bb0000!important;
}

.TimleLIne_TS_Cal_9 .dates-bar a.prev, .TimleLIne_TS_Cal_9 .dates-bar a.next {
	padding-top:3px;}

.TimleLIne_TS_Cal_9{
	display:flex;
	flex-direction:column;
}
.TimleLIne_TS_Cal_9 .dates-bar a.noevent::before {
	display:block!important;
	font-family:'Flaticon'!important;
	content:'\f104'!important;
	margin-top:4px;
}

/*graphisme du wrap du time line calendar*/
.TimleLIne_TS_Cal_wrap{
	background-color: #fff0;
	padding-left: 0.7em;
}

.TimleLIne_TS_Cal_event.selected{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px; 
}
.TimleLIne_TS_Cal_event.selected {
	background-color: #fff;
}
.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap .TimleLIne_TS_Cal_event.selected .date
{
	display: none;
}
.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap .TimleLIne_TS_Cal_event.selected {
	display:flex!important;
	flex-direction: column;
	
}
.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap .TimleLIne_TS_Cal_event > .layout1 {
	display:flex!important;
	flex-direction:column;
	align-items: center;
	padding:0px!important;
}
.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap .TimleLIne_TS_Cal_event > .layout1 div {
	order:2;
	padding-top:5px;
	margin:0px!important;
}
.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap .TimleLIne_TS_Cal_event > .layout1 .h3 {
	order:1;
}

/*modification éléments du wrap du time line calendar */
/*Titre evenement*/
.TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap .TimleLIne_TS_Cal_event h3 {
font-size:16px!important;
font-family:"Rakkas"!important;
font-style:italic;
border-top-left-radius: 3px!important;
border-top-right-radius: 3px!important;
background-color: #6121f5!important;
color: #FFF!important	
}
/*ajouter flèche fin titre */
.TimleLIne_TS_Cal_wrap h3::before {
    font-family: ETmodules;
    font-size: 16px;
    font-weight: 900;
    content: "6";
		padding-right:3px;
		margin-bottom:-3px!important;
		color:#f6c343;
}

/*Infos evenement*/ .TimleLIne_TS_Cal_9 .TimleLIne_TS_Cal_wrap .TimleLIne_TS_Cal_event p {
margin-top:2px!important;	
margin-bottom:2px!important;
font-family:'Roboto';
text-align:center;
}

/*Btn Infos plus*/
.TimleLIne_TS_Cal_9 .TotalSoftcalEvent_Link_9 {
	border-radius: 3px!important;
	padding-top:3px!important;
	font-family: 'Roboto'!important;
border:1px solid #ee4323!important;
}

.TimleLIne_TS_Cal_9 .TotalSoftcalEvent_Media_9 {
	padding-top:4;
}

/* ---- Fleche de defilement vers le haut bouge ---- */
@-webkit-keyframes bounce {
0%, 100% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
40% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounce {
0%, 100% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
40% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
#scroll-top-icon { 
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/*CSS Scroll-top-Icon */
#scroll-down-icon .et-pb-icon {
	font-size:70px;
}

/* ---- Fleche de defilement vers le haut bouge EVENT ---- */
@-webkit-keyframes bounce {
0%, 100% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
40% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounce {
0%, 100% {
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
40% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
#scroll-top-icon-event-section { 
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/*CSS Scroll-top-Icon */
#scroll-down-icon-event .et_pb_image_wrap span {
	font-size:70px!important;
}

/*Section coller au dessus du footer*/
#scroll-top-icon-event-section {
    position: absolute!important;
    bottom: 0;
    margin-bottom: -35px!important;
    width: 100%;

}

/*****************************************************************
Style Archive Pages DiviTutorials.co.uk
 *****************************************************************/
 
/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before,
.blog #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area,
.blog #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar,
.blog #sidebar {
    display: none;
}
  
/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area,
.blog #left-area {
     display: grid;
     grid-gap: 10px;
     grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
}
  
.archive .et_pb_post > a,
.search .et_pb_post > a,
.blog .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
  
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post,
.blog #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
}
  
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2
.blog #left-area .et_pb_post h2 {
    font-size: 20px !important;
}
  
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio,
.blog #left-area .et_pb_post.format-link,
.blog #left-area .et_pb_post.format-quote,
.blog #left-area .et_pb_post.format-audio{
    padding: 0;
}
  
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider,
.blog .et_pb_post .et_pb_image_container,
.blog .et_pb_post .et_main_video_container,
.blog .et_pb_post .et_audio_content,
.blog .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
  
.archive .et_pb_post.format-audio .et_audio_content,
.blog .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
  
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide,
.blog .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
  
.archive .pagination,
.search .pagination,
.blog .pagination {
    padding: 20px 0;
}
  
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area,
    .blog #left-area {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 60px;
        column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area,
    .blog #left-area {
        -moz-column-count: 1;
        column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content,
    .blog .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .blog #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .blog #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}
/*****************************************************************
End 
 *****************************************************************/

/* ::::::::::::::::::::::::::: FOOTER ::::::::::::::::::::::::::: */
/* ----- Footer ----- */
/* obliger le footer à être en bas de page sur tout le site */
 #main-footer {
position: relative;
bottom: 0;
width: 100%;
background-image: linear-gradient(8deg,#6121f5 13%,#160f66 100%) !important;
z-index: 999994;
}

/*Widget 1*/
#footer-widgets{
	padding-top:2.2em;
	padding-bottom: 0!important;
}
@media screen and (min-width: 981px) {
.et_pb_gutters3 .footer-widget {
    margin-bottom: 2%!important;
	}
}
@media screen and (max-width: 480px) {
#et-footer-nav .bottom-nav {
	text-align:left!important;
	}
}
#main-footer .textwidget td{
	padding-right:12%;
}
#main-footer #text-2 {
	width:100%!important;
}
#main-footer #text-2 table {
	width:100%!important;
}
#main-footer #text-2 h4{
	font-family:'stCarmenBoldBold'
}
#main-footer #text-2 tbody tr{
	border: 0px!important;
}
#footer-widgets hr{
	border-bottom: 1px solid #FFF!important;
}
.flaticon-telephone:before {
font-family: 'Flaticon'!important;
content:"\f102";
float:left;
margin-left:0;
padding-right:6px;
line-height: 1.7em!important;
}
.flaticon-email:before {
font-family: 'Flaticon'!important;
content:"\f103";
float:left;
margin-left:0;
padding-right:6px;
line-height: 1.7em!important;
}


/*Widget 2 & 3*/
#main-footer li {
	padding-bottom : 0.8em!important;
}
#main-footer #nav_menu-2 .de-mega-menu-item.menu-item-has-children > a::after {
	display:none;
}

#main-footer #footer-widgets .footer-widget li {
	padding-left:0;
}
@media screen and (max-width: 768px) {
	#main-footer li {
	padding-bottom: 0!important;
}
	#main-footer #nav_menu-2 h4 {
	display:none;	
	}	
	#main-footer #nav_menu-8 h4 {
	display:none;	
	}	
}


/*Widget 4*/
#footer-widgets .footer-widget li::before {display:none;}

.footer-widget .et_pb_widget div
#text-3 {width:33%!important;
	height:33%!important;
}

#text-3 .et_pb_module_inner {
	height:187px!important;
	margin-top: 5px;
}
#text-3 .et_pb_portfolio_items {
	height:100%!important;
}

#text-3 .et_pb_portfolio_items .et_pb_grid_item {
	width:33%!important;
	height:33%!important;
}
#text-3 h4 {
font-family : 'stCarmenBoldBold';
	font-style: italic!important;
}

/* ---- Cookie Notification ----*/
/* Barre */
#tarteaucitronRoot{
	font-family: Roboto !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
    background:#5d5d5db8!important;
    color: #160f66;
    font-family: 'Roboto'!important;
    font-size: 12px !important;
    padding: 5px 5%; /*marge interne: modifiez ou non suivant la taille de la barre souhaitée*/
}

#tarteaucitronAlertBig #tarteaucitronPersonalize {
   border-radius: 3px;
   background-color: green;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
 font-family: 'Roboto'!important;

}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    border-radius: 3px;
    padding: 5px 10px; /*marge interne: modifiez ou non suivant la taille de la barre souhaitée*/
}

#tarteaucitronAlertSmall {
	display: none!important;
}

/* --- Personnalisation CSS de la page login d'une page privée --- */
.post-password-required .et_password_protected_form {
    padding-top: 40vh;
    width: 40%;
    margin: auto;
    height: 100vh;
}

.post-password-required .et_password_protected_form p {
    text-align: center;
    font-size: 22px;
}

.et_password_protected_form .et_submit_button, .form-submit .et_pb_button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit {
    background: green;
    color: #fff;
    padding: .3em 2em;
}

.et_password_protected_form .et_submit_button:hover, .form-submit .et_pb_button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover {
    background: blue;
    color: #fff;
    padding: .3em 2em;
}

bou
/* ::::::::::::::::::::::::::: RESPONSIVE CSS ::::::::::::::::::::::::::: */
/* ----- header ----- */
/* CSS refermer les sous-menus sur téléphone */
#main-header .et_mobile_menu .menu-item-has-children > a { 
	background-color: transparent;
	position: relative; 
}
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-family: 'ETmodules';
	text-align: center;
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute; 
}

#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-size: 16px;
	content: '\3d';
	top: 13px;
	right: 10px; 
}
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { 
	content: '\3b'; 
}
#main-header .et_mobile_menu ul.sub-menu { 
	display: none !important;
	visibility: hidden !important;
	transition: all 1.5s ease-in-out;
}
#main-header .et_mobile_menu .visible > ul.sub-menu { 
	display: block !important;
	visibility: visible !important; 
}

/* Obliger le logo text header à ce mettre sur deux lignes à partir d'un point de rupture */
@media screen and (max-width: 1250px) {
  .logo_container{
    padding-top:18px;
	width: 300px!important;
	height:30px!important;
  }
 #main-header h1 {
	padding: 0px!important;
	width: 178px!important;
	top:18px;
}
}


/* ----- Sub menu header ----- */
/* CSS régler position icon billetterie sur téléphone */
@media screen and (max-width: 980px) {
.billetterie-icon {
	width: 100%!important;
	}et_pb_button
.billetterie-icon::before {
	margin-top: 8px;
	padding-left: 5%;
	padding-right: 6px;
	color: #160f66;
}
}
/* CSS régler position icon newsletter sur téléphone */
@media screen and (max-width: 980px) {
.newsletter-icon {
	width: 100%!important;
	}
.newsletter-icon::before {
	margin-top: 8px;
	padding-left: 5%;
	padding-right: 6px;
	color: #160f66!important;
}
}
/* CSS régler position icon newsletter sur téléphone */
@media screen and (max-width: 980px) {
.mouvement-icon {
	width: 100%!important;
	}
.mouvement-icon::before {
	margin-top: 11px;
	padding-left: 5%;
	padding-right: 6px;
	color: #160f66;
}
}

/* ----- Divi Mega Menu header ----- */
/* CSS faire disparaitre le mega menu sur téléphone */
@media screen and (max-width: 980px) {
	#saison{
	display: none!important;
	}
	#cinema{
	display: none!important;
	}
	#ectc{
	display: none!important;
	}
	#vous{
	display: none!important;
	}
	#infos{
	display: none!important;
	}
	}



/* ---- Correctif The Event Calendar PRO */
/* Page single event*/
#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template {
	padding: 0px !important;
}