@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

@font-face {
    font-family: CatarataOne;
    src: url(../images/2024/CatarataOne.ttf);
}

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
  margin:0px;
  padding:0px;
  background-color:#FFF;
}



.monchamp {
 display:none;
}

#item {
  
}
  #item_texte {
  
  }
  #item_infos {
    width:25%;
    float:right;
    margin-left:1%;
  }
  
#contenu_boutons_droite {
  float:right;  
}
#contenu_boutons_droite a {
  display:block;
  padding:10px;
  text-align:center;
  color:#fff;
  background-color:#444;  
}

.contenu_boutons_droite_st {
 text-align:center;
 color:#444;  
 font-weight:700;
}



/******** forms *********/
input, select, textarea {
  padding:4px 6px;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  border:1px solid #888;
}

.form_element {
  margin:5px 0 10px 0;
}
.form_element div {
  margin:3px 0;
}

textarea {
  width:auto;
  max-width:100%!important;
}

.input_titre {
  width:500px;
  max-width:100%!important;
}
.textarea_resume {
  width:500px;
  height:100px;
  max-width:100%!important;
}
.textarea_texte {
  width:800px;
  max-width:100%!important;
}
input.dater, input.datermin {
  text-align:center;
  width:100px;
}
input.timer {
  text-align:center;
  width:60px;
}
.obligatoire {
  
}
.obligatoire:after {
  content: " *";
  color:#a00;
}
.form-date-label {
  min-width:20px;
  width:auto;
  text-align:center;
  display:inline-block;
}


input[type=submit], a.a_btn, a.a_btn_annuler {
    display: inline-block;
    text-align: center;
    width: auto;
    transition: 0.2s ease;
    text-transform: uppercase;
    color: #f9d72e!important;
    font-weight: 500;
    cursor:pointer;
    background-color: #000;
    text-decoration: none!important;
    border:0;
    padding: 4px 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;    
}

a {
	transition: all 0.2s ease;
}

a.a_btn {
  background-color: #000!important;
  color:#f9d72e;
}
input[type=submit]:hover {
  background-color: #000!important;
  color:#f9d72e;
    
}
a.a_btn:hover {
    background-color: #000!important;
    color: #fff!important;
    text-decoration: none!important;
}

.a_btn_annuler {
 background-color: #777!important;
}
.a_btn_annuler:hover {
 background-color: #777!important;
}

#milieu a {
  color:#444444;
}
#accueil_milieu > .conteneur,
#milieu > .conteneur {
	position: relative;
	z-index: 1;
}
#milieu a:hover {
  color:#f9d72e;
  text-decoration:underline;
}



h1 { /* titre de la page */

  /* defaut : */
  color:#000000;
}

h2 {
	color: #000000!important;
}

.contenu_boutons_droite a {
    background-color: #000000!important;
    border: 2px solid #000000!important;
    transition: 0.2s ease!important;
}

.contenu_boutons_droite a:hover {
    background-color: #000000!important;
    color:#f9d72e;
}


/** structure **/
.conteneur {
  width:1000px;
  margin:auto;
}




/************** structure **************/




#header {
  height:335px;
  background-repeat:repeat-x;
  background-image:url(../images/background_header.png);
  z-index:999;
  
}
#header .conteneur{
  position:relative;
}

#event_pastille_detail {
  background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
  position:absolute;
  right:55px;
  top:180px;
  width:100px;
  height:150px;
  
}

#header_menu {
	width:135px;
	height:45px;
	float:left;
	font-size:25px;
	font-family: 'CatarataOne', sans-serif;
	text-transform:uppercase;
	color:#231f20;
	filter: brightness(0);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:35px;
	padding-top:8px;
	background-image:url(../images/2022/icon-menu.svg);
	background-size: 26px 26px;
  cursor:pointer;
  transition:0.2s ease;
}
/*#header_menu:hover {
	filter: brightness(80%);
}*/
#header_recherche{
	width:245px;
	height:45px;
	float:left;
	border:none;
	background-color:#e1e1e1;
	margin:0 5px 0 0;
}
.header_recherche_texte{
	height:45px;
	width:200px;
	border:none;
	margin:0px;
	padding:6px;
	background-color:transparent;
	color:#000;
	font-size:14px;
	float:left;
}
.header_recherche_btn{
	float:left;
	height:45px;
	width:45px!important;
  background-size:24px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/picto_recherche_header.png);
	background-color:#e1e1e1!important;
	border:none;
	padding:0px;
	margin-bottom:0px;
}
.header_recherche_btn:hover{
	opacity:0.5;
}
.header_btn {
	width:26px;
	float:left;
	height:45px;
	margin: 0 5px;
	background-repeat:no-repeat;
	background-position:center;
	transition:0.2s ease;
}
#header_facebook {
	/*background-image:url(../images/header_icon_facebook.png);*/
  background-image:url(../images/header_icon_facebook_bleu.png);
}
#header_instagram {
	background-image:url(../images/2021/rs-instagram-color.png);
}
#header_youtube {
	background-image:url(../images/rs-youtube.svg);
}
#header_contact{
	background-image:url(../images/header_icon_email.png);
}
#header_newsletter{
	background-image:url(../images/header_icon_newsletter.png);
}
#header_btn_recherche{
	background-image:url(../images/picto_recherche_header.png);
  display:none;
}
.header_btn:hover{
	opacity:0.5;
}

#header_c2n {
	position: absolute;
	z-index: 1000;
	top: 90px;
	right: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#header_c2n img {
	flex: none;
	width: 70px;
}

#header_billetterie {
	position: relative;
  top: 8px;
  height: 119px;
  width: 280px;
  font-family: 'CatarataOne', sans-serif;
  float: right;
  text-align: center;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-image: url(../images/2024/arrow.png);
  background-size: 80%;
  font-size: 24px;
  text-transform: uppercase;
  padding-top: 6px;
  transition: all 0.2s ease;
  display: block;
  z-index: 1000;
}

#header_billetterie::after {
	content: '';
    background-image: url(../images/2024/arrow-hover.png);
    background-size: 80%;
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}

#header_billetterie:hover{
	color: #F9D72E;
   text-shadow: 0 0 2px #dec029cc;
}

#header_billetterie:hover:after {
	opacity: 1;
	visibility: visible;
}

#logo-2019 {
	height:220px;
	width:220px;
	position:absolute;
	top: 140px;
	left: 40px;
	z-index: 1000;
}

#logo-2019.page {
	height:200px;
	width:200px;
	top: 80px;
}


/*.logo-illustration {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}*/

/*.logo-illustration::after {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/2023/fleur-logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
	margin: auto;
	opacity: 0;
	border-radius: 500px;
	transition: all 0.6s ease;
}*/

/*#logo-2019:hover .logo-illustration::after {
	opacity: 1;
	transform: rotate(270deg);
}*/
div#logo-2019:after {
	content: "";
    background-image: url(../images/2024/cable-logo.png);
    width: 50px;
    height: 128px;
    position: absolute;
    top: -96px;
    left: 85px;
    z-index: -1;
}
@media (max-width: 800px) {
  div#logo-2019:after {
    display: none
  }
}
.header_logo {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	/* border-radius: 100%;
	background-color: rgba(41,45,66,0.4);
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); */
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 1s ease;
	overflow: hidden;
	transform-origin: center;
	cursor: pointer;
	background-color: rgba(255,255,255,1);
	filter: brightness(1);
    border-radius: 500px;
}
.header_logo:hover {
  background-image: url(../images/2024/logo-hover.svg);
  -webkit-animation: glowing 1s ease-in-out infinite alternate;
  -moz-animation: glowing 1s ease-in-out infinite alternate;
  animation: glowing 6s ease-in-out infinite alternate;
  background-size: cover;
}
.header_logo:hover .logo-img {
    transition: 0.2s ease;
    filter: grayscale(1) drop-shadow(0px 0px 1px #10101077);
}
@keyframes glowing {
  from {
    box-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #F9D72E, 0 0 30px #F9D72E, 0 0 40px #ebc922 ;
  }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #ebc922, 0 0 40px #ebc922;
  }
}
/*#logo-2019:hover .header_logo {
	background-color: rgba(255,255,255,0);
	filter: brightness(100);
}*/

/* .header_logo::before {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../images/2020/LOGO-3C-LE-CUBE-BLANC.svg);
	background-size: 75%;
	transform-origin: center;
	background-color: rgba(0,0,0,0.25);
    border-radius: 500px;
	transition: all 0.2s ease;
} */

.header_logo .logo-img {
	width: 70%;
	transition: 0.2s ease;
	    filter: grayscale(1);
}

/************** page accueil **************/
div#accueil_slider {
    background-image: url(../images/2024/ban-complet-2024.jpg);
}

#accueil_slider{
	position: relative;
	height:600px;
	width:100%;
  background-color:#444;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin-top:-290px;
	display:block;
  z-index:888;
}
#accueil_slider .bloc-titre-home {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  margin:auto;
}


#accueil_slider_titre_gen{
	position: relative;
	height:auto;
	display:block;
  backdrop-filter: blur(4px);
	transition: all 0.2s ease;
	background-color: #f9d72e;
}

#accueil_slider_categorie {
	left: 0px;
	bottom: 100%;
	position: absolute;
	display: inline-block;
	height:auto;
	background-color:#231F20 !important;
	font-size:16px;
	font-family: 'CatarataOne', sans-serif;
	text-transform:uppercase;
	font-weight:400;
	color:#FFF;
	border-radius: 0px 4px 0 0;
	padding:3px 10px;
}
#accueil_slider_titre {
	height:auto;
	transition:0.2s ease;
	display:flex;
	max-width: 1000px;
	margin: auto;
} 

#accueil_slider_titre::after {
	content: '';
	position: absolute;
	top: 0;
	transform: translateX(-150%);
	bottom: 0;
	width: 75px;
	background-image: url(../images/2024/etiquette.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#accueil_slider_date {
	display: flex;
	flex:none;
	width: 200px;
	height:auto;
	font-size:18px;
	font-weight:600;
	color:#231F20;;
}

.accueil_slider__date-lieu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 10px;
}

.accueil_slider__date-lieu > * {
	margin: 5px 0;
}

.accueil_slider_date_heure {
	font-size:18px;
	font-weight:300;
	color:#231f20;
	margin: 0 0 0 4px;
}

.accueil_slider_soustitre {
	font-size: 18px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 5px;
	font-style: italic;
}

#accueil_slider_description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:auto;
	color:#FFF;
	padding: 10px;
}

.accueil_slider_description_titre {
	font-size:28px;
	font-weight:700;
	color: #231F20;
	font-family: 'CatarataOne', sans-serif;
}

.accueil_slider_description_auteur {
	position: relative;
	left: -4px;
	font-size:20px;
	font-weight:400;
	color:#000;
}

.event_resa_titre_btn {
	color: #f9d72e!important;
	font-family: 'CatarataOne', sans-serif;    
}

.accueil_slider_description_lieu{
	font-size:18px;
	font-weight:600;
	color: #000;
}
.accueil_slider_colonnes p{
	padding:0px;
	margin:0px;
	color: #000;
}
#btn_newsletter_gen {
	position: relative;
	width:100%;
	height:40px;
	background-color:#000;
}
#btn_newsletter_gen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 32px;
	bottom: 0;
	display: block;
	width: 72px;
	height: 100%;
	margin: auto;
	/*background-image:url(../images/2023/fleur-horizontal.png);*/
	background-position: center left;
	background-size: contain;
	background-repeat: no-repeat;
}
#btn_newsletter{
	height:40px;
	float:right;
	padding-left:50px;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	background-repeat:no-repeat;
	background-position:left;
	background-image:url(../images/picto_newsletter.png);
	padding-top:10px;
}
#btn_newsletter:hover{
	opacity:0.5;
}
#accueil_milieu{
	position: relative;
	z-index: 1000;
	min-height: 200px;
	padding: 40px 0;
}

/* DECO MILIEU THEME 2020 */
#accueil_milieu::after,
#milieu::after {
	content: '';
	display: block;
	width: 10vw;
	max-width: 52px;
	height: 110px;
	position: absolute; 
	z-index: 1;
	left: 5%;
	bottom: 0;
	/*background-image: url(../images/2023/content-bottom.png);*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	transition: all 0.2s ease;
	pointer-events: none;
}

#accueil_milieu::before,
#milieu::before {
	content: '';
	display: block;
	width: 10vw;
	max-width: 240px;
	height: 110px;
	position: absolute; 
	z-index: 2;
	right: 5%;
	top: 0;
	/*background-image: url(../images/2023/content-top.png);*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
	transition: all 0.2s ease;
	pointer-events: none;
}



@media only screen and (max-width: 1200px) {
#footer_contact_gen::after,
	#footer_contact_gen::before {
		opacity: 0.2;
		min-width: 100px;
	}
	#accueil_milieu::after,
	#milieu::after {
		opacity: 0;
		visibility: hidden;
	}
	#header_billetterie {
		background-image: none;
	}
}

/*
.accueil_actu_gen{
	width:474px;
	height:255px;
	float:left;
	margin:13px;
}
.accueil_actu_photo_gen{
	float:left;
	width:230px;
	margin-right:16px;
	display:block;
}
.accueil_actu_texte_gen{
	float:left;
	width:228px;
}
.accueil_actu_texte_gen p{
	font-size:12px;
}
.accueil_actu_categorie{
	height:75px;
	widÿ:2 ??;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
	background-position:bottom center;
	background-repeat:no-repeat;
	display:block;
	z-index:10;
	position:absolute;
}
.accueil_actu_categorie_theatre{
	color:#3e78e1;
	background-image:url(../images/accueil_categorie_theatre.png);
}
.accueil_actu_categorie_musique{
	color:#3ecce1;
	background-image:url(../images/accueil_categorie_musique.png);
}
.accueil_actu_categorie_danse{
	color:#f33062;
	background-image:url(../images/accueil_categorie_danse.png);
}
.accueil_actu_categorie_cirque{
	color:#fb4f3d;
	background-image:url(../images/accueil_categorie_cirque.png);
}
.accueil_actu_categorie_expos{
	color:#6bc249;
	background-image:url(../images/accueil_categorie_expos.png);
}
.accueil_actu_categorie_public{
	color:#fbd41c;
	background-image:url(../images/accueil_categorie_public.png);
}
.accueil_actu_categorie_centre{
	color:#7076b5;
	background-image:url(../images/accueil_categorie_centre.png);
}
.accueil_actu_categorie_ecole{
	color:#f38130;
	background-image:url(../images/accueil_categorie_ecole.png);
}
.accueil_actu_photo{
	width:230px;
	height:230px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/image_actu.jpg);
	z-index:0;
	position:relative;
	top:30px;
}
.accueil_actu_titre{
	font-size:18px;
	margin-top:25px;
}
.accueil_actu_date_gen{
	width:218px;
	height:100px;
}
.accueil_actu_date{
	font-size:18px;
	font-weight:700;
	width:75px;
	float:left;
	height:90px;
	line-height:25px;
	padding:5px 7px;
}
.accueil_actu_heure{
	font-size:18px;
	font-weight:400;
}
.accueil_actu_lieu{
	width:130px;
	font-size:15px;
	font-weight:700;
	float:left;
	padding:5px 7px;
}

*/




/************** déclinaison couleur **************/

.ecriture_theatre{
	color:#0D2A59;
}
.ecriture_musique{
	color:#2B8DA8;
}
.ecriture_danse{
	color:#99004C;
}
.ecriture_cirque{
	color:#A94F58;
}
.ecriture_expos{
	color:#288D6F;
}
.ecriture_public{
	color:#B76019;
}
.ecriture_centre{
	color:#272A3E;
}
.ecriture_ecole{
	color:#C70E1E;
}


.background_theatre{
	background-color:#154594;
}
.background_musique{
	background-color:#5FBBC7;
}
.background_danse{
	background-color:#CB0065;
}
.background_cirque{
	background-color:#C8868E;
}
.background_expos{
	background-color:#51B071;
}
.background_public{
	background-color:#D19010;
}
.background_centre {
    background-color: #2797AC;
}
.background_ecole{
	background-color:#D06B17;
}
.background_autre{
	background-color:#e0e0e0;
}


.bordure_theatre{
	border:5px solid #154594;
}
.bordure_musique{
	border:5px solid #5FBBC7;
}
.bordure_danse{
	border:5px solid #CB0065;
}
.bordure_cirque{
	border:5px solid #C8868E;
}
.bordure_expos{
	border:5px solid #51B071;
}
.bordure_public{
	border:5px solid #D19010;
}
.bordure_centre{
	border:5px solid #2797AC;
}
.bordure_ecole{
	border:5px solid #D06B17;
}


.separateur_theatre{
	border-right:2px solid #154594;
}
.separateur_musique{
	border-right:2px solid #5FBBC7;
}
.separateur_danse{
	border-right:2px solid #CB0065;
}
.separateur_cirque{
	border-right:2px solid #C8868E;
}
.separateur_expos{
	border-right:2px solid #51B071;
}
.separateur_public{
	border-right:2px solid #D19010;
}
.separateur_centre{
	border-right:2px solid #2797AC;
}
.separateur_ecole{
	border-right:2px solid #D06B17;
}


.puce_theatre{
	background-image:url(../images/puce_h1_theatre.png);
}
.puce_musique{
	background-image:url(../images/puce_h1_musique.png);
}
.puce_danse{
	background-image:url(../images/puce_h1_danse.png);
}
.puce_cirque{
	background-image:url(../images/puce_h1_cirque.png);
}
.puce_expos{
	background-image:url(../images/puce_h1_expos.png);
}
.puce_public{
	background-image:url(../images/puce_h1_public.png);
}
.puce_centre{
	background-image:url(../images/puce_h1_centre.png);
}
.puce_ecole{
	background-image:url(../images/puce_h1_ecole.png);
}



.lien_theatre{
	background-image:url(../images/puce_lien_theatre.png);
}
.lien_musique{
	background-image:url(../images/puce_lien_musique.png);
}
.lien_danse{
	background-image:url(../images/puce_lien_danse.png);
}
.lien_cirque{
	background-image:url(../images/puce_lien_cirque.png);
}
.lien_expos{
	background-image:url(../images/puce_lien_expos.png);
}
.lien_public{
	background-image:url(../images/puce_lien_public.png);
}
.lien_centre{
	background-image:url(../images/puce_lien_centre.png);
}
.lien_ecole{
	background-image:url(../images/puce_lien_ecole.png);
}

#accueil_btn_actus:hover{
	opacity:0.5;
}


#bande_bas_gen {
	position: relative;
	width:100%;
	height:40px;
	background-color:#231F20;
}

#bande_bas_gen::before {
	content: '';
	position: absolute;
	top: 0;
	right: 32px;
	bottom: 0;
	display: block;
	width: 72px;
	height: 100%;
	margin: auto;
	/*background-image:url(../images/2023/fleur-horizontal.png);*/
	background-position: center left;
	background-size: contain;
	background-repeat: no-repeat;
}

.haut_a_btn {
	height:40px;
	padding-left:35px;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	background-repeat:no-repeat;
	background-position:left;
	margin-left:10px;
	transition:0.2s ease;
	display: flex;
	align-items: center;
	font-family: 'Calibri light', sans-serif;
}

#links a {
	color: #FFF;
	text-transform: uppercase;
	margin-right: 10px;
	font-size: 16px;
	transition: all 0.2s ease;
	font-family: 'Calibri light', sans-serif;
}

#links a:hover {
	opacity:0.7;
}

ul.menu-interne {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 20px 0 0 0;
}

ul.menu-interne li {
	margin: 0 10px 10px 0;
}

ul.menu-interne li a {
	display: block;
	padding: 10px;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.2s ease;
	border-width: 4px;
	border-style: solid;
}

ul.menu-interne li a:hover {
	filter: brightness(80%);
	text-decoration: none!important;
}

.haut_a_btn:hover{
	opacity:0.7;
}
#accueil_btn_actus {
	color: #FFF;
	background-image:url(../images/2021/icon-more.svg);
	float:left;
	margin-left:0px;
}

#accueil_btn_telechargement {
	color: #FFF;
	background-image:url(../images/2021/icon-download.svg);
}

#accueil_btn_video {
	background-image:url(../images/2023/picto_video.png);
	background-position-x: -4px;
	color: white;
}






/************** page menu **************/



#menu_fond_global{
	width:100%;
	height:100%;
	background-color:RGBA(0,0,0,0.8);
	display:none;
	background-size:cover;
  
  position:absolute;
  top:0;
  left:0;
  overflow-y:scroll;
  
  z-index:9999;
}
#menu_titre{
	font-size:48px;
	text-transform:uppercase;
	font-weight:700;
	float:left;
	margin:55px 0px 0px 0px;
	display:block;
	color:#FFF;
}
#menu_close{
	width:66px;
	height:66px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/picto_close.png);
	float:right;
	display:block;
	margin-top:50px;
  cursor:pointer;
}
#menu_close:hover{
	opacity:0.5;
}
.menu_sous_titre{
	height:57px;
	margin:30px 0px 10px 0px;

	display:inline-block;
	border:5px solid #FFF;
	color:#FFF;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	padding:10px 15px;
	background-color:rgba(0,0,0,0.7);
}

.menu_sous_titre:hover{
  background-color:#000;
  color:#FFF;
}

.menu_categorie{
	width: calc(20% - 20px);
	height:86px;
	display: flex;
    align-items: center;
	float:left;
	margin:10px 20px 10px 0px;
	padding:10px;
	font-size:18px;
	font-weight:700;
	color:#FFF;
	text-transform:uppercase;
	transition: all 0.2s ease;
}
.menu_categorie:hover{
	opacity:0.8;
}

.menu_categorie.teaser {
	color: #FFF;
	border: solid 4px #FFF;
}


#menu_btns {
  display: flex;
  justify-content:space-between;
  margin:30px 0;
}

.menu_btn{
	width:31%;
	height:auto;
	display: flex;
  align-items: center;

	padding:10px;
	font-size:30px;
	font-weight:600;
	color:#FFF;
	text-transform:uppercase;
	border:5px solid #FFF;
	background-color:#000;
	line-height: 1.2;
	transition: all 0.2s ease;
}
.menu_btn:hover{
	opacity:0.5;
	color:#FFF;
}






/************** page interieure **************/

#milieu{
	position: relative;
	padding:30px 0px;
	min-height:200px;
}
#fil_ariane{
	height:40px;
	font-size:14px;
	font-weight:600;
	padding:8px 0px;
	text-transform:uppercase;
	float:left;
	color:#FFF;
}
#fil_ariane a {
	display: inline-block;
	color: #000;
	background-color: #FFF;
	padding: 2px 5px;
	font-size:14px;
	font-weight:500;
	margin:0px 5px;
}
#fil_ariane a:hover{
	opacity: 0.6;
}
#milieu p{
	/*line-height:30px;*/
}

.lien_gen{
	height:48px;
	display:block;
	float:left;
	margin:10px 0px;
}
.lien_puce{
	width:38px;
	height:38px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
}
.lien_texte{
	float:left;
	padding:7px 10px;
	font-size:16px;
	font-weight:700;
}
.lien_gen:hover{
	opacity:0.5;
}




/************** FOOTER **************/

#footer_contact_gen{
	position: relative;
	height:auto;
	background-color:#ededeb;
	padding:40px 0px;
	overflow: hidden;
}

/* PERROQUET LEFT THEME 2020 */ 
#footer_contact_gen > .conteneur {
	position: relative;
}
#footer_contact_gen > .conteneur::after {
	content: '';
	position: absolute;
	bottom: -40px;
	right: calc(-240px + -5vw);
	display: block;
	width: 184px;
	height: 356px;
	/*background-image: url('../images/2023/fleur-footer.png');*/
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

/*
#footer_contact_gen::before {
	content: '';
	display: block;
	width: 158px;
	height: 127px;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../images/feuille-gauche.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	transition: all 0.2s ease;
}

#footer_contact_gen::after {
	content: '';
	display: block;
	width: 154px;
	height: 122px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-image: url(../images/feuille-droite.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	transition: all 0.2s ease;
}
*/


#footer {
  display:flex;
  justify-content:space-between;
}
#footer_contact_btn_billetterie_gen{
	position: relative;
	height:auto;
	width:322px;
	border:7px solid #ffffff;
	background-color: #231f20;
	margin-right:20px;
	display:block;
  transition:0.2s ease;
}
#footer_contact_btn_billetterie_gen:hover{
	/*opacity:0.5; */
	border:7px solid rgba(255,255,255,0.5);
	background-color: #F9D72E;
	box-shadow: 0px 0px 20px -2px #F9D72E;
}
#footer_contact_btn_billetterie_gen:hover #footer_contact_btn_reserver {
	/*opacity:0.5; */
	border-bottom-color: rgba(255,255,255,0.5);
}
#footer_contact_btn_billetterie_gen:hover #footer_contact_btn_reserver, #footer_contact_btn_billetterie_gen:hover #footer_contact_btn_billeterie {
    color: #231f20;
}


#footer_contact_btn_reserver {
	position: relative;
	height:auto;
	border-bottom:4px solid rgba(255,255,255,1);
	color:#ffffff;
	texÿal ?? left;
	text-transform:uppercase;
	font-size:28px;
	padding:10px 10px;
	line-height:35px;
	transition:0.2s ease;
	font-family: 'CatarataOne', sans-serif;
}

#credits_coeurdenacre {
	display: block;
	width:322px;
	height:52px;
	font-size:12px;
	margin-top:15px;
	padding-left:142px;
	text-align:justify;
	color:#231F20;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(../images/2024/Logo_Noir-footer.png);
	background-size:132px auto;  
	/*
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);  
	*/
}

#footer_contact_btn_billeterie{
	color:#FFF;
	text-transform:uppercase;
	font-size:24px;
	font-weight:600;
	padding:10px 10px;
	line-height:30px;
	font-family: 'Calibri light', sans-serif;
}
#footer_contact_plan{
	width:240px;
	height:240px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/2023/plan-acces.svg);
	background-size: contain;
	margin-right:20px;
}
#footer_contact_adresse{
	height:272px;
	width:220px;
	margin-right:20px;
	color: #231F20;
}
.footer_contact_adresse_unite {
	position: relative;
	width:220px;
	margin-bottom: 40px;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../images/2021/icon-pin.svg);
	background-size: 36px 36px;
	filter: brightness(0);
	font-size:16px;
	display:block;
	color:#231F20;
	transition: all 0.2s ease;
}
a#footer_contact_plan {
    filter: brightness(0);
}
.footer_contact_adresse_unite b {
	text-align: left;
	display: block;
	padding: 7px 0 7px 45px;
	font-family: 'Calibri light', sans-serif;
	margin-bottom: 4px;
}

.footer_contact_adresse_unite.facebook {
	padding: 10px 0 10px 45px;
	margin-bottom: 10px;
	background-position:left center;
	background-image:url(../images/2021/rs-facebook.svg);
}
.footer_contact_adresse_unite.instagram {
	padding: 10px 0 10px 45px;
	margin-bottom: 10px;
	background-position:left center;
	background-image:url(../images/2021/rs-instagram.svg);
}
.footer_contact_adresse_unite.youtube {
	padding: 10px 0 10px 45px;
	margin-bottom: 10px;
	background-position:left center;
	background-image:url(../images/rs-youtube-footer.svg);
}

.footer_contact_adresse_unite.facebook b,
.footer_contact_adresse_unite.instagram b,
.footer_contact_adresse_unite.youtube b {
	padding: 0;
	margin: 0;
}

#footer_contact_btn_newsletter {
	position: relative;
	height:124px;
	width:144px;
	border:7px solid rgba(255,255,255,1);
	background-color: #231f20;
	display:block;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(../images/picto_newsletter_footer.png);
	margin-bottom:15px;
	padding:50px 10px 0px 10px;
  cursor:pointer;
  transition:0.2s ease;
}

#footer_contact_btn_newsletter:hover{
border: 7px solid rgba(255, 255, 255, 0.5);
    background-color: #F9D72E;
    box-shadow: 0px 0px 20px -2px #F9D72E;
    color: #231f20;
    background-blend-mode: difference;

}


#footer_contact_btn_numero{
	height:123px;
	width:136px;
	float:left;
	font-size:14px;
	position: relative;
	z-index: 1;
	color:#231f20;
}

#footer_contact_btn_numero span {
	display: inline-block;
	margin-bottom: 10px;
}

#footer_contact_btn_numero a {
	color:#231f20;
}

#footer_credit_gen {
	position: relative;
	width:100%;
	height:40px;
	background-color:#ffffff;
}

#footer_credit_gen::before {
	/*content: '';
	position: absolute;
	top: 0;
	left: 32px;
	bottom: 0;
	display: block;
	width: 72px;
	height: 100%;
	margin: auto;
	background-image:url(../images/2023/fleur-vertical-footer.png);
	background-position: center left;
	background-size: contain;
	background-repeat: no-repeat;*/
}

#footer_credit_gen a {
	color: #000;
}

#footer_credit_gen a:hover {
	color: #727272;
	opacity: 1;
}

#footer_credit_gen .conteneur {
	display:flex;
	justify-content:space-between; 
}

#footer_credit_gauche {
	padding-top:10px;
}

#footer_credit_gauche a {
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	margin-left:10px;
}

#footer_credit_droit{
	padding-top:12px;
}

#footer_credit_droit a {
	font-size:12px;
	font-weight:400;
}

/* decos uniquement pour grands écrans */
#deco_gauche, #deco_droite {
  display:none;
}

@media (min-width: 1600px) {
  #deco_gauche, #deco_droite {
    position:fixed;  
	  background-repeat:no-repeat;
	  background-position:center;
    background-size:cover;	      
    width:270px;
    height:299px;
    /*display:block;*/
  }
  #deco_gauche {
    left:2%;
    top:50%;
    background-image:url(../images/oiseau_deco_gauche.png);
    z-index:555;    
  }
  #deco_droite {
    right:2%;
    bottom:5%;
    background-image:url(../images/oiseau_deco_droite.png);    
  }  
}

#saison_video_programme {
    display:flex;
    justify-content: space-between;
    align-items: center;    
}

/*******************************************************************/
/* ------- @NOTE MEDIA RESPONSIVE ------------------------------- */

@media only screen and (max-width: 1440px) {
	#footer_contact_gen > .conteneur::after {
		display: none;
	}
	#accueil_milieu::before, #milieu::before {
		display: none;
	}
	#accueil_milieu::after, #milieu::after {
		display: none;
	}
	#footer_credit_gen::before,
	#bande_bas_gen::before,
	#btn_newsletter_gen::before {
		display: none;
	}
}

@media (max-width: 800px) {
	.menu_categorie{
		width: calc(20% - 20px);
	}
  img {
    max-width:98%;
    height:auto!important;
  }
  #item_infos {
    width:100%;
    float:none;
    margin:1% 0;
  }

  .header_btn {
  	margin: 0 5px;
  }
  
  #event_pastille_detail {
    display:none;
  }
    
  .conteneur {
    width:100%;
    margin:auto;
  }
  
  #header {
    position:relative;
	height: 44px;
    background-image:url(../images/banner-vide.png);    
    background-color:#f9d72e;
  }

  #header.page {
    position:relative;
	height: 200px;
  }
  
  #header_menu {
    width:26px;
    background-position: center;
  }
  #header_recherche {
    display:none;
    position:absolute;
    top:45px;
    left:0;
    width:100%;
  }
  
    .header_recherche_texte {
      width:90%;
    }
    .header_recherche_btn {
      width:10%!important;
    }
  
  #header_btn_recherche {
    display:block;
  }
  
  .header_btn {
    width:26px;
    background-position: center;
  }
  .header_btn_label {
    display:none;
  }

  #header_billetterie {
      height: auto;
      width: auto;
      float: right;
      text-align: right;
      background-image:none!important;
      font-size: 20px;
      padding: 9px;
  }
  #header_billetterie::after {
  	bottom: -45px;
  	background-size: 100% 100%;
  }
  
  #accueil_slider_titre,
  #accueil_slider_description {
  	flex-flow: column;
  }

  #logo-2019 {
  	height: 130px;
  	width: 130px;
  	left: 10px;
  	top: 60px;
  }
  #logo-2019.page {
	height: 130px;
	width: 130px;
	top: 60px;
  }
  
  #accueil_slider {
    /*margin-top:-200px;*/
    margin-top:0px;
  }
  
  .accueil_slider_colonnes{
    width:auto;
  }
  
  #accueil_slider_resume {
    font-size: 14px;
  }
  .accueil_slider_soustitre {
  	font-size: 14px;
  }
  .accueil_slider__date-lieu {
	  padding-bottom: 0;
  }
  #accueil_slider_date {
  	width:100%;
  	height:auto;
  	font-size:18px;
  }
  .accueil_slider_date_heure {
  	font-size:20px;
  	font-weight:300;
  }  
  .accueil_slider_description_titre {
      font-size: 24px;
      font-weight: 300;
      display: inline-block;
      margin-right: 15px;
  }  
  .accueil_slider_description_auteur {
      font-size: 20px;
      font-weight: 800;
      margin-right: 15px;
      display: inline-block;
  }
  .accueil_slider_description_lieu {
      font-size: 16px;
      font-weight: 400;
      display: inline-block;
  }    
  #btn_newsletter_gen {
    /*display:none;*/
        height: auto;
        padding: 20px;    
  }
  #btn_newsletter_gen #links {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
  }  
  #btn_newsletter_gen #links  a {
      margin:0;  
      width: 100%;
      display: block;
  }  
  
  #saison_video_programme {
    flex-direction:column;
  }
  
  .haut_a_btn {
    padding-left: 45px;
    }
    
  .inter_header_gen #btn_newsletter_gen_conteneur {
    flex-direction:column-reverse;
  }  
  .inter_header_gen #saison_video_programme {
    display:none;
  }
  #btn_newsletter_gen.inter_header_gen {
    /*display:none;*/
        height: auto;
        padding: 5px;    
  }  
  
  /* footer */
  #footer {
    display:flex;
    justify-content:space-between;
    flex-direction:column;
    padding:0 5%;
    gap:15px;
  }
  
  #footer_contact_btn_newsletter {
    padding: 20px 20px 20px 50px;
    height: auto;
    background-position: left 0px;
  }
  
  #footer_contact_btn_billetterie_gen {
      height: auto;
      width: auto;
      margin: 10px 0;
      
  }  
  #footer_contact_plan {
      width: auto;
      height: 245px;
      margin: 10px 0;
  } 
  #credits_coeurdenacre {
	  margin: 20px auto;
  }
  #footer_contact_adresse {
      width: auto;
      height: auto;
    display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
  }
  
  #footer_newsletter_tels {
    display:flex;
	flex-direction: column;
  } 
  #footer_contact_btn_newsletter {
	  width: 100%;
  }

  #footer_contact_btn_numero {
	width: 100%;
    text-align: center;
  }
  
  #footer_credit_gen{
  	height:auto;  	
  }
  
    #footer_credit_gen .conteneur{
      display:flex;
      flex-direction: column; 
    }
  
  #footer_credit_gauche{
      display:flex;
      flex-direction: column; 
  }  

  #footer_credit_droit {
    margin:10px;
  }
  
  .footer_contact_adresse_unite {
    height:auto;
    margin-bottom: 10px;
  }
  
  
  /** menu popin **/
  #menu_fond_global {
  
  }
  #menu_fond_global .conteneur{
    width:95%;
    margin:auto;
  
  }
  
  /* milieu inter */
  #milieu {
      padding: 0px;
      width:95%;
      margin:20px auto;
  }  
 
 #menu_btns {
  display:block;
 } 

 .menu_btn{
 	width:100%;
 	height:auto;
 	display: flex;
   align-items: center;
   margin-bottom:1%;
 	padding-left:10px;
 	font-size:30px;
 	font-weight:600;
 	color:#FFF;
 	text-transform:uppercase;
 	border:5px solid #FFF;
 	background-color:#000;
 }  
 
 .event_resa_titre_btn {
    font-size:18px!important;
 }
}

@media (max-width: 650px) {
	.menu_categorie{
		width: calc(33.33% - 20px);
	}
}

@media (max-width: 550px) {
	.menu_categorie{
		width: calc(50% - 20px);
	}
}

@media (max-width: 350px) {
	.menu_categorie{
		width: 100%;
		margin-right: 0;
	}
	#header_billetterie {
		height: auto;
		width: auto;
		float: right;
		text-align: right;
		background-image:none!important;
		font-size: 20px;
		padding: 5px;
		background-color: #ED6C4F;
		color: #FFF;
	}
}


/*Stylebase*/
p, div, td {
    font-family: 'Calibri light', sans-serif;
}