body {
  margin:0px;
  padding:0px;
  background-color:var(--fond_couleur);
  /*background: var(--fond_image) no-repeat center fixed, url(../images/background_gen.jpg) repeat-y center;*/
  
  background-image: var(--fond_image);
  background-repeat:no-repeat;
  background-position: center;
  background-attachment: fixed;
  
}


.mobile_element {
  display:none;
}
.standard_element {
  display:block;
}

#icon_menu_mobile {
  display:none;
}


.a_btn{
	width:auto;
	/*color:#fff;*/
	/*background-color:#e01d6a;*/
    color:var(--couleur_btn_texte);
    background-color:var(--couleur_btn_fond);
	font-size:16px;
	display:inline-block;
	padding:5px;
  text-decoration:none;
}
.a_btn:hover{
	/*color:#fff;*/
	/*background-color:#e01d6a;*/
    color:var(--couleur_btn_texte);
    background-color:var(--couleur_btn_fond);
  text-decoration:none;
}


.h1_accueil{
	font-size:22px;
	color:#828385;
	font-weight:normal;
	margin-top:0px;
}

.texte_rouge{
	color:var(--couleur_principale);
  line-height: 140%;
}
/** structure **/
#conteneur {
  width:982px;
  margin:auto;
  background-color:#fdfdfd;
  border: 1px solid var(--couleur_principale_transparent);
}


/****************** header ******************/


#header {
  height:auto;
  position:relative; 
  background-color:#fdfdfd;
}

#header_logo_raccourcis {

}

#header_gauche {
  float:left;
  margin:5px;
}
#header_droite {
  float:right;
  margin:5px;
}

#header_logo{
	width:155px;
	height:179px;
	margin:auto;
	padding-top:10px;
}

#header_spring {
	width:160px;
	height:120px;
	margin:auto;
  position:absolute;
  top:60px;
  right:0px;
}
#header_spring img {
	width:100%;
	height:auto;  
}

#header_baseline{
	font-size:22px;
	color:#828385;
	float:left;
	width:515px;
	height:25px;
	margin-left:24px;
	margin-top:8px;
  margin-bottom:16px;
}
#header_raccourcis{
	width:323px;
	height:41px;
	float:left;
	margin-right:20px;
	margin-left:100px;
  position:relative;
}
.raccourcis_facebook, .raccourcis_twitter, .raccourcis_instagram, .raccourcis_youtube, .raccourcis_home, .raccourcis_recherche, .raccourcis_drapeau, .raccourcis_covoiturage {
	width:41px;
	height:41px;
	float:left;
  display:block;
}
.raccourcis_facebook {
	background:url(../images/background_raccourcis_facebook.png) #cacaca no-repeat center;
}
.raccourcis_twitter{
	background:url(../images/background_raccourcis_twitter.png) #cacaca no-repeat center;
}
.raccourcis_instagram{
	background:url(../images/background_raccourcis_insta.png) #cacaca no-repeat center;
}
.raccourcis_youtube{
	background:url(../images/background_raccourcis_youtube.png)  #cacaca no-repeat center;
}
.raccourcis_home{
	background:url(../images/background_raccourcis_home.png) var(--couleur_btn_fond) no-repeat center;
	margin-left:12px;
}
.raccourcis_recherche{
	background:url(../images/background_raccourcis_rechercher.png) var(--couleur_btn_fond) no-repeat center;
}
.raccourcis_espace{
	background:url(../images/background_raccourcis_espace_vide.png) var(--couleur_btn_fond) no-repeat center;
	color:#fff;
  font-size:14px;
  text-align:center;
  line-height:130%;
  padding-top:2px;
  width:65px;
	height:39px;
	float:left;
}
.raccourcis_espace:hover {
  background-color:#6c6d6f;
  color:#fff;
  text-decoration:none;
}

.raccourcis_drapeau {
	background:url(../images/background_raccourcis_drapeau.png)  #cacaca no-repeat center;
}

.raccourcis_covoiturage{
	background:url(../images/covoiturage-icon.png) var(--couleur_btn_fond) no-repeat center;
  background-size:contain;
}
.raccourcis_facebook:hover, .raccourcis_twitter:hover, .raccourcis_instagram:hover, .raccourcis_youtube:hover, .raccourcis_drapeau:hover, .raccourcis_home:hover, .raccourcis_recherche:hover, .raccourcis_covoiturage:hover {
	background-color:#6c6d6f;
}

#form_recherche {
  display:none;
  background-color:#ccc;
	width:250px;
	height:41px; 
  margin-left:41px;
  padding-left:6px; 
  z-index:200;
}
#form_recherche form {
  display:block;
  margin:0px;
  
  padding:7px 5px 5px 6px;
}
.form_recherche_form input[type=text] {
  background-color:#eee;
  color:#000;
  padding:5px;
  border:0px;
  margin:0px;
}
.form_recherche_form input[type=submit] {
  background-color:var(--couleur_btn_fond);
  color:var(--couleur_btn_texte);
  padding:5px;
  border:0px;
  margin:0px;
  cursor:pointer;
}
.form_recherche_form input[type=submit]:hover {
  background-color:#777; 
  color:#fff; 
}

input[type=text], textarea {
  background-color:#fff;
  color:#000;
  padding:5px;
  border:0px;
  margin:0px;
  border:1px solid #ddd;
  font-family:Oswald;
  font-size:14px;
  font-weight: 300;
}

input[type=submit] {
  background-color:var(--couleur_btn_fond);
  color:var(--couleur_btn_texte);
  padding:5px;
  border:0px;
  margin:0px;
  cursor:pointer;
  font-family:Oswald;
  font-size:14px;  
  font-weight: 300;
}
input[type=submit]:hover {
  background-color:#777;
  color:#fff;  
}


.recherche_item {
  display:block;
  border-bottom:1px dotted #999;
  margin:0px;
  padding:10px;
}

.recherche_item_photo {
  float:right;
  margin:5px;
  width:65px;
  height:65px;
  
  background-size:cover;
  background-color:#eee;
}
.recherche_item_infos {
  float:left;
  margin:5px;
  width:700px;
}

.recherche_item_titre {
  font-weight:500;
  color:#333;
  font-size:14px;
}


.recherche_item:hover {
  background-color:#eee;
}

#header_menu {
  background:url(../images/background_menu.svg.php) center;
  height:64px;
  width:972px;
  
  padding-left:10px;
}

        #header_menu_principal{
          margin:auto;
          
          padding:0px;
          list-style:none;
          list-style-type:none;
          
          display:inline-block;
        }

.header_menu_titre, .header_menu_titre_actif{
  list-style-type:none;
  display:table-cell;
  float: left;
  position: relative;
    	
  width:128px;
	height:48px;
	margin-top:7px;
	padding:2px 4px 0px 5px;
	text-align:center;
	background:url(../images/separateur_menu.png) left no-repeat;


}
.header_menu_titre:hover, .header_menu_titre_actif{
	color:var(--couleur_principale);
	background-color:#FFF;
}


.header_menu_titre > a, .header_menu_titre_actif > a{
	color:#FFF;
	text-transform:uppercase;
  text-decoration:none;
	font-size:16px;
	font-family: Oswald, sans-serif;/*font-family: 'Istok Web', sans-serif;*/
	font-weight:300;
  text-align:center;
  
  display:table-cell;
  vertical-align:middle;
  
  width:128px;
  height:48px; 
 }
 
.header_menu_titre:hover > a, .header_menu_titre_actif a{
  color:var(--couleur_principale);
  text-decoration:none;
} 

.header_menu_titre_actif:hover a{
  text-decoration:none;
}
 
.header_menu_titre:hover .header_sous_menu  {
  display:block;
}


/** sous menu pop **/
.header_sous_menu {
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  margin-top:50px;
  width:137px;
  height:auto;
  background-color:#fff;
  background-color:rgba(255,255,255,0.9);
  
  
  z-index:99;
  padding:0px;
  list-style-type:none;
  
    
}
.header_sous_menu_titre {
  display:block;
  padding:5px;
  color:#666;
  border-top:1px dotted #ccc; 
  text-align:center;
   
}

.header_sous_menu_titre:hover {
  background-color:#fff;
}

.header_sous_menu_titre a {
  color:#666;
  font-size:14px;
  text-decoration:none;
}
.header_sous_menu_titre a:hover {
  color:#222;
  text-decoration:none;  
}


#milieu {
  min-height:500px;
  background-color:#fdfdfd;
  padding:10px;
}


/****************** visuels accueil ******************/
#visuels_conteneur {
  width:962px;
  height:309px;

  position:relative;
  margin:auto;
  overflow:hidden;
  
  
}

#visuels_slider {
  width:9000px;
  height:auto;
  overflow:auto;
  position:relative;
}


#accueil_slider{
	margin-top:10px;
	margin-bottom:5px;
	height:309px;
}
.accueil_slider_image{
	width:962px;
	height:309px;

	z-index:1;  
  margin:0;
  position:relative;
  float:left;
  background-repeat:no-repeat;

  diÿ la ?? ock;
  text-decoration:none;  
  cursor:pointer;  
}


.accueil_slider_texte{

	min-height:60px;
	/*width:393px;*/
  padding-right:20px;
  width:auto;
	position:absolute;

	background:url(../images/background_texte_slider.png) repeat;
	border-bottom: 3px #FFF solid;  
  z-index:22;  
  
  font-family:Oswald; 
  line-height: 180%; 
  
}
.accueil_slider_texte:hover{
	background-color:#FFF;
}
.accueil_slider_titre{
	margin:4px 18px 0px 18px;
	font-size:22px;
	color:var(--couleur_principale);
	text-transform:uppercase;
	background:url(../images/puce_titre_slider.svg.php) no-repeat left;
	padding-left:20px;
}
.accueil_slider_compagnie{
	padding-left:20px;
	margin-left:18px;
	color:#000;
	font-size:20px;	
}
.accueil_slider_date{
	padding-left:20px;
	margin-left:18px;
	color:#444444;
	font-size:18px;	
}


  /** navigation **/
  #visuels_navigation {
    position:absolute;
    bottom:130px;
    left:0px;
    width:962px;
    height:50px;
    display:none;
    z-index:51;
  }
  #visuels_navigation_gauche {
   width:50px;
   height:50px;   
   background-image:url('../images/visuels_slider_gauche.png');
   background-repeat:no-repeat;
   background-position:center center;  
   margin:5px;
   float:left;  
   display:none;
    
   cursor:pointer;
   opacity:0.3;
  }
  #visuels_navigation_droite {
   width:50px;
   height:50px;   
   background-image:url('../images/visuels_slider_droite.png');
   background-repeat:no-repeat;
   background-position:center center;  
   margin:5px;
   float:right;
   display:none;
    
   cursor:pointer;
   opacity:0.3;    
  }  
  
  #visuels_navigation_gauche:hover, #visuels_navigation_droite:hover {
    opacity:0.8; 
  }


/** spectacles */

#accueil_spectacles_gen{
	float:left;
	width:646px;
	height:620px;
}
.accueil_spectacles{
	width:312px;
	height:314px;
	float:left;
	margin-right:11px;
	margin-bottom:11px;
}
.accueil_spectacles:hover{
	background-color:#CCCCCC;
}
.accueil_spectacles_image{
	width:312px;
	height:213px;
  display:block;
  text-decoration:none;
  background-repeat:no-repeat;
  
  cursor:pointer;
}

.bloc_accueil_player{
	width:312px;
	height:213px;
}

.accueil_spectacles_texte{
	height:71px;
	color:#545454;
	font-size:14px;
	margin-left:11px;
  
  display:block;
  text-decoration:none;  
}

.accueil_spectacles_texte:hover{
  color:#545454;
  text-decoration:none; 
}

  .accueil_spectacles_texte h2 {
    line-height:150%; 
    margin:2px 0 0 0;
  }

.accueil_spectacles_texte_titre{
	color:var(--couleur_principale);
	font-size:18px;
	margin:5px 0px;
}
.bloc_accueil_titre_deux {
  width:100%;
  
  color: #666;
  font-family: Oswald;
  font-size: 14px;
  margin: 5px 0px; 
}
.bloc_accueil_titre_trois {
  width:100%;
  color: #000;
  font-family: Oswald;
  font-size: 16px;
  line-height:120%;  
}


#accueil_lien_gen{
	float:left;
	width:316px;
	min-height:266px;
	background:url(../images/points_lien_accueil.png) var(--couleur_principale) bottom center no-repeat;
	margin-top:39px;
	padding-top:6px;
	padding-bottom:8px;
}
.accueil_lien, .accueil_lien_haut{
	width:316px;
	height:48px;
	background:url(../images/background_liens.png) no-repeat;
	display:block;
	margin-top:3px;
}
.accueil_lien_haut{
	
	height:auto;
	background:none;

}


.accueil_lien_picto{
	width:53px;
	height:38px;
	float:left;
	margin-top:7px;
}


.accueil_lien_gris{
	width:316px;
	height:48px;
	background-color:#777;
	display:block;
	margin-top:3px;
  margin-bottom:3px;
}
.accueil_lien_picto_texte{
	font-size:18px;
	/*font-family: Oswald, sans-serif;/*font-family: 'Istok Web', sans-serif;*/*/
  font-family: 'Oswald', sans-serif;
	color:#FFF;
	text-transform:uppercase;
	float:left;
	margin-top:15px;
}
.accueil_lien:hover .accueil_lien_picto_texte {
	color:#000;
}
#accueil_agenda_gen{
	width:316px;
  height:auto;
	float:left;
}
#accueil_agenda_background{
	width:316px;
	height:auto;
  min-height:310px;	
  background-color:#9c9c9c;
  background-image:url(../images/points_lien_accueil.png);
  background-position: center bottom;
  background-repeat:no-repeat;
  position:relative;
}


#accueil_actu_gen{
	width:982px;
}
#accueil_actu_gen h3{
	margin-left:10px;
}
#accueil_actu_background{
	height:105px;
	width:982px;
	padding:0px;
	background-color:#cacaca;
}
#accueil_actu_fleche_gauche, #accueil_actu_fleche_droite{
	height:61px;
	width:11px;
	margin-top:44px;
	float:left;
	display:block;
}
#accueil_actu_fleche_gauche{
	background:url(../images/puce_gauche_actu.png) no-repeat top;
}
#accueil_actu_fleche_droite{
	background:url(../images/puce_droit_actu.png) no-repeat top;
}
.accueil_actu{
	margin:0px 10px 0px 14px;
	height:auto;
	width:303px;
	float:left;
  

	z-index:10;  
  position:relative;

  display:block;
  text-decoration:none;  
  cursor:pointer;   
  
  
}

.accueil_actu_image{
	width:118px;
	height:105px;
	float:left;
  
  background-repeat:no-repeat;
  background-position: top center;
  /*background-size: cover;*/
  background-size: 100% auto;
  background-image:url('../images/image_defaut.jpg');
}
.accueil_actu_titre{
	width:172px;
	min-height:20px;
	background-color:#8d8d8d;
	float:left;
	font-family: Oswald, sans-serif;/*font-family: 'Istok Web', sans-serif;*/
	color:#FFF;
	font-size:16px;
  padding:2px;
	padding-left:10px;
  margin-top:0px;
  
}
.accueil_actu_texte{
	max-height:70px;
	width:172px;
	font-size:14px;
	color:#5a5a5a;
	float:left;
	padding-left:10px;
	margin-top:2px;
  line-height:125%;
}


#actualites_conteneur {
  width:982px;
  height:105px;
  position:relative;
  
  overflow:hidden;
}

#actualites_slider {
  width:9000px;
  height:auto;
  overflow:auto;
  position:relative;
}

  /** navigation **/
  #actualites_navigation {
    position:absolute;
    top:20px;
    left:0px;
    width:982px;
    height:61px;
    display:none;
    z-index:9;
    
  }
  #actualites_navigation_gauche {
	 height:61px;
	 width:11px;  
   background-image:url('../images/puce_gauche_actu.png');
   background-repeat:no-repeat;
   background-position:center center;  
   margin-left:2px;
   float:left;  
   display:none;
   z-index:11; 
   cursor:pointer;
   opacity:0.3;
  }
  #actualites_navigation_droite {
	height:61px;
	width:11px;    
   background-image:url('../images/puce_droit_actu.png');
   background-repeat:no-repeat;
   background-position:center center;  
   margin-right:2px;
   float:right;
   display:none;
   z-index:12; 
   cursor:pointer;
   opacity:0.3;    
  }  
  
  #actualites_navigation_gauche:hover, #actualites_navigation_droite:hover {
    opacity:0.8; 
  }


/****************** page_spectacle ******************/


#sous_menuh{
	height:32px;
	width:auto;
	margin:5px 0px 12px 0px;
	background-color:#6c6d6f;
	margin-left:-10px;
	padding-left:10px;
	display:block;
}
.sous_menuh_titre, .sous_menuh_titre_actif{
	padding:4px 8px 4px 9px;
	font-size:16px;
	color:#FFF;
  background-color:#6c6d6f;
	background-image:url(../images/separation_sous_menu.png);
  background-repeat:no-repeat;
  background-position: left center ;
	float:left;
	height:auto;
}
.sous_menuh_titre:hover, .sous_menuh_titre_actif, .sous_menuh_titre_actif:hover{
	background-color:#eee;
	color:#6c6d6f;
  text-decoration:none;
}

.sous_menuh_titre_actif{

}

#sous_menuh_inexistant{
	height:47px;
	width:972px;
	display:block;
}
#spectacle_photo_gen{
	width:960px;
	height:246px;
}

.spectacle_sequences {
    display:flex;
    gap:10px;
    justify-content: center;
    margin:5px;
}

.spectacle_sequence {
  
  width:150px;
  height:auto;
  min-height:100px;
  
}

.spectacle_sequence_picto {
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  margin:auto;
  width:70px;
  height:70px;
  display:block;
}


.spectacle_sequence_titre {
  text-align:center; 
  text-transform:uppercase;
  color:#000;
  display:block;
  font-weight:200;
  font-size:16px;
}


.spectacle_photo{
	width:312px;
	height:246px;
	margin:0px 4px;
	float:left;
	background-color:#000;
  
  background-repeat:no-repeat;
  background-position:center center;
  
  
}
#colonne_gauche{
	width:636px;
	margin-right:10px;
	float:left;
}
#colonne_gauche_large{
	width:100%;
  min-height:400px;
	margin:0;
}
#colonne_droite{
	width:316px;
	float:left;
}
#spectacle_detail_texte{
	width:336px;
	/*min-height:90px;*/
	float:left;
}
.spectatcle_compagnie{
	font-size:18px;
	color:#6c6d6f;
	padding-top:3px;
}
.spectacle_style{
	font-size:16px;
	color:#000;
}
.spectacle_duree{
	font-size:16px;
	color:#6c6d6f;
}
.spectacle_age{
	font-size:16px;
	color:var(--couleur_principale);
	padding-top:3px;
}
#spectacle_detail_picto{
	width:300px;
	height:auto;
	float:right;
}
.spectacle_picto{
	width:38px;
	height:38px;
	margin:0px 2px 2px 2px;
	background-color:#cacaca;
	float:right;
}
.spectacle_picto img {
    max-width:38px;
}
#spectacle_pictos{

}

/* v2 */
._spectacle_pictos{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
  justify-content: end;
}
._spectacle_picto{
  width:50px;
  height:50px;
}
._spectacle_picto img {
  max-width:100%;

}

#spectacle_date{
	text-align:center;
	font-family: Oswald, sans-serif;/*font-family: 'Istok Web', sans-serif;*/
	font-size:18px;
	color:#FFF;
	text-transform:uppercase;
	min-width:100px;
  width:auto;
	height:auto;
	background-color:var(--couleur_principale);
	margin-left:5px;
  margin-bottom:5px;
	padding:8px;
  float:right;
  min-height:22px;
}


/* v2 */
#_spectacle_entete {
  display:flex;
  gap:5px;
  justify-content:space-between;  
}
#_spectacle_date {

  color:var(--couleur_btn_fond);
  border:2px solid var(--couleur_btn_fond);  
  padding:5px;
  text-align:center;
  font-size:24px;
  font-weight: 500;
  margin-bottom:5px;
}

.mobile_element #_spectacle_date {
  margin-top:5px;
}

#spectacle_description{
	margin:5px 10px 20px 0px;
	color:#000;
	font-size:12px;
}
#spectacle_video{
	width:100%;
	height:auto;
	background-color:#000;
}
#spectacle_video_player{
	width:100%;
	height:480px;
}
#spectacle_video_playlist{
	width:100%;
	height:auto;
}
.spectacle_video_playlist_item{
  width:auto;
  color:#fff;
  background-color:#222;
  margin:2px;
  padding:5px;  
  cursor:pointer;
}
.spectacle_video_playlist_item:hover{
  background-color:#444;
}
.spectacle_video_playlist_item_actif{
  background-color:#333;
  color:#ffcc00;
}

.spectacle_detail_date{
	padding:8px;
	margin-bottom:10px;
	background-color:#6c6d6f;
	color:#FFF;
	min-height:28px;
	font-size:14px;
}
.spectacle_detail_gris{
	padding:8px;
	height:auto;
	margin-bottom:10px;
	font-size:15px;
	color:#6c6d6f;
	background-color:#cacaca;
}


.spectacle_horaire{
	font-size:12px;
	color:#FFF;
	float:left;
	/*background:url(../images/background_horaire.png) bottom no-repeat;*/
  
	width:264px;
	height:31px;
	margin-top:-6px;
	padding-left:52px;
}

.representation_titre {
  color:#fff;
  font-size: 18px;
  font-family: Oswald, sans-serif;/*font-family: 'Istok Web', sans-serif;*/
  border-bottom:1px dotted #fff;
  margin-bottom:5px;
  padding-bottom:2px;
}
.representation_item {
  color:#fff;
  font-size:14px;
}

.encart_rouge{
	width:316px;
	min-height:50px;
	background:url(../images/points_lien_accueil.png) var(--couleur_principale) bottom center no-repeat;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
}
.encart_gris{
	width:316px;
	min-height:50px;
	background:url(../images/points_lien_accueil.png) #9c9c9c bottom center no-repeat;
	margin-bottom:10px;
	padding:10px 0px 10px 0px;
}
.encart_gris_clair{
	width:316px;
	min-height:50px;
	background:url(../images/points_lien_accueil.png) #cacaca bottom center no-repeat;
	margin-bottom:10px;
	padding:10px 0px 10px 0px;
}
.encart_noir{
	width:316px;
	min-height:50px;
	background:url(../images/points_lien_accueil.png) #000000 bottom center no-repeat;
	padding:10px 0px 10px 0px;
	margin-bottom:10px;
}
.encart_neutre{
	width:316px;
	min-height:50px;
	background:none;
	padding:10px 0px 20px 0px;
	margin-bottom:10px;
}

.encart_titre{
	color:#FFF;
	font-size:18px;
	font-family: Oswald, sans-serif;/*font-family: 'Istok Web', sans-serif;*/
	padding:0px 10px;
}

.encart_neutre .encart_titre{
	color:#333;
  padding:0px;

}
.encart_noir .encart_titre{
	color:#fff;
}

.encart_texte{
	color:#FFF;
	font-size:12px;
	font-family: Oswald;
	padding:0px 10px;
}

.encart_noir .encart_texte p, .encart_noir .encart_texte div, .encart_noir .encart_texte a{
	color:#fff;
}

.encart_rouge .encart_texte p, .encart_rouge .encart_texte div, .encart_rouge .encart_texte a{
	color:#fff;
}


.encart_photo{
	width:auto;
  margin:5px 10px 5px 10px;  
}
.encart_photo img{
	max-width:100%;  
}

.encart_lien {
  background-color:var(--couleur_principale);
  color:#fff;
  text-decoration:none;
  padding:10px;
  display:block;
  width:auto;
  margin-top:5px;
  font-size:14px;
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;  
    
}
.encart_lien:hover {
  background-color:var(--couleur_principale);
  color:#fff;
  text-decoration:none;

}

.encart_cadre_photo {
  position:relative;
  height:160px;
 
}

 .encart_cadre_photo_image {
    display:block;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:bottom center;
    background-color:#fff;
    width:100%;
    height:100%;
    text-decoration:none;
    position:absolute;
    top:0;
    left:0;
    z-index:9;
  }

  .encart_cadre_photo .encart_titre {
    text-align:center;

    font-size:16px;
    font-family: Oswald, sans-serif;
    font-weight:300;
    padding:5px;
    
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;    
    
    z-index:99;
    
    /*background-color:rgba(224, 29, 106,0.7); */
    
    background-color:var(--couleur_btn_fond); 
    color:var(--couleur_btn_texte);
    opacity:0.9;   
  }
  
.encart_cadre_photo:hover .encart_titre {
    background-color:var(--couleur_btn_fond); 
    color:var(--couleur_btn_texte);
    opacity:1;
 
}  


.aucun_resultat {
  text-align:center;
  font-style:italic;
}
/****************** page_saison ******************/


#saison_critere{
	width:311px;
	height:900px;
	float:left;
	margin:0px 10px 10px 0px;
}
#saison_filtre{
	width:291px;
	height:auto;
	background-color:#606060;
	margin-bottom:10px;
	padding:10px;
}
.saison_filtre_titre, .saison_filtre_titre_actif{
	font-size:18px;
	color:#FFF;
	background:url(../images/puce_filtre_OFF.png) no-repeat left;
	margin-bottom:8px;
	padding-left:22px;
	display:block;
	padding-top:3px;
}

.saison_filtre_titre_actif {
  background:url(../images/puce_filtre_ON.png) no-repeat left;
}

.saison_filtre_titre:hover, .saison_filtre_titre_actif:hover{
	
  color:#FFF;
  text-decoration:underline;
}

.saison_filtre_color {
  float:right;
  background-color:#fff;
  width:12px;
  height:12px;
  margin-top:4px;
}

#filtre_sequence_titre {
  color:#fff;
  font-size:18px;
  margin-bottom:8px;
  border-bottom:1px solid #fff;
}

#filtre_sequence {
  margin-left:20px;
}

.saison_spectacle_color{
  float:right;
  background-color:#fff;
  width:12px;
  height:12px;
  margin:5px;
}


.spectacle_encart_titre {
  color: #FFF;
  font-size: 18px;
  font-family: Oswald, sans-serif;/*font-family: 'Istok Web', sans-serif;*/
  padding: 0px 10px;
}

#saison_filtre_btn{
	width:160px;
	height:23px;
	margin-left:131px;
	text-align:center;
	color:#606060;
	text-transform:uppercase;
	background-color:#cacaca;
	font-size:16px;
	display:block;
	padding-top:7px;
}
#saison_filtre_btn:hover{
	background-color:#FFF;
  text-decoration:none;
}
#saison_reserver{
	width:310px;
	height:auto;
	background-color:var(--couleur_principale);
	margin-bottom:10px;
	padding:10px 0px 0px 0px;
}
#saison_reserver_background1{
	background:url(../images/reserver_backrgound1.svg.php) no-repeat center;
	height:54px;
	margin-top:20px;
	display:block;
	padding-top:5px;
}
#saison_reserver_background2{
	/*background-image:url(../images/reserver_backrgound1.svg.php);*/
    background-repeat:no-repeat;
    background-position: center;
	margin-top:20px;
	display:block;
	padding-top:0;
	height:81px;
}
#saison_reserver_horaire{
	font-size:14px;
	color:#FFF;
	padding-left:52px;
	display:block;
}
#saison_abonnement{
	padding:20px 10px;
	/*background-color:var(--couleur_principale);*/

}
#saison_abonnement p{
	font-size:18px;
	color:#FFF;
}
#saison_telecharger{
	width:311px;
	height:55px;
	background-color:#606060;
	display:block;
}
#saison_telecharger .accueil_lien_picto_texte{
	font-size:16px;
}
#saison_telecharger:hover{
	background-color:var(--couleur_principale);
}
.saison_spectacle, .galerie_item{
	border:1px solid #eeeeee;
	width:308px;
	
	margin:0px 10px 10px 0px;
	background-color:#eeeeee;
	float:left;
}
.saison_spectacle {
  min-height:325px;
}

.saison_spectacle:hover {
text-decoration:none;
}


.galerie_item {
  height:270px;
  text-decoration:none;
}

.galerie_item:hover {
text-decoration:none;
background-color:#ddd;
}

.galerie_item:hover .saison_image{
  background-size:101% auto;  
}

.saison_spectacle:hover{
	border:1px solid var(--couleur_principale);
}
.saison_image{
	height:213px;
	background-image:url(../images/image_spectacle.jpg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center center;
	display:block;
  width:100%;
  position:relative;
}
.saison_genre{
  color:#666;
  font-size:16px;
  line-height: 140%;
}
.saison_dates {
  font-weight:400;
  font-size:16px;
  line-height: 140%;
}
.saison_resume {
  color:#444;
  font-size:16px;
  text-align:justify;
  line-height: 140%;
}
.saison_picto{
	height:33px;
	position:absolute;
	z-index:10;
	bottom:0;
  right:0;
}
.saison_picto_complet{
	height:33px;
	position:absolute;
	z-index:10;
	top:0;
  right:0;
}
.saison_description{
	height:auto;
	padding:0 6px 0 6px;
	font-size:14px;
}
.saison_description h2{
  margin-bottom:2px;
  margin-top:2px;
}


/****************** page autour spectacle ******************/


#autour_critere{
	width:291px;
	height:300px;
	float:left;
	margin:0px 10px 10px 0px;
	padding:10px;
	background-color:#606060;
}
#autour_critere #saison_filtre_btn{
	margin-top:30px;
}


/****************** footer ******************/

#footer {
  height:auto;
  
  margin:10px auto;
  text-align:center;
  color:#787878;
	font-size:12px;
}


#footer_adresse{
	width:982px;
	text-align:center;
	color:var(--couleur_principale);
	padding: 5px 0px;
    background-color:rgba(200,200,200,0.5);
}

#footer_infos{
	width:982px;
	text-align:center;
	color:var(--couleur_principale);
	padding:5px 0px;
    font-size:14px;
    background-color:rgba(200,200,200,0.4);
}

#footer_links {
	width:982px;
	text-align:center;
	color:var(--couleur_principale);
	padding: 5px 0px;
    font-size:12px;
    background-color:rgba(200,200,200,0.3);
}

.footer_credit{
	color:var(--couleur_principale);
	font-size:12px;
	margin-left:4px;
	margin-right:4px;
}
.footer_credit:hover{
	text-decoration:underline;
	color:#787878;
}


/*******************/
.sticker {
	position: fixed;
	top: 0;
	z-index: 1000;
	opacity: 1;
}


/*** galerie ***/
#galerie_grandes {
  float:left;
  width:636px;
  height:480px;
  border:1px solid #000;
  
  position:relative;
  margin:auto;
  overflow:hidden;
  
  
}

.galerie_nb_photos {
  position:absolute;
  bottom:0;
  right:0;
  background-color:rgba(255,255,255,0.8);
  padding:5px;
  
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;  
}

#galerie_slider {
  width:9000px;
  height:auto;
  overflow:auto;
  position:relative;
}
.galerie_grande{
	width:636px;
	height:480px;

	z-index:1;  
  margin:0;
  position:relative;
  float:left;

  background-size:auto 100%;
  background-repeat:no-repeat;
  background-position:center center;  
  background-color:#000;
  
  display:block;
  text-decoration:none;  
    
}

.galerie_title {
  position:absolute;
  bottom:0;
  left:0;
  background-color:#fff;
  opacity:0.7;
  padding:5px;
  width:auto;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;   
  padding:4px 10px 4px 10px;
  color:#000;
  
}

#galerie_minis {
  float:right;
  max-width:316px;
  width:auto;
  height:480px;
  overflow-y:auto;

}

.galerie_mini {
  margin:10px;
  margin-top:0px;
  width:120px;
  height:90px;
  float:left;
  background-size:auto 100% ;
  background-repeat:no-repeat;
  background-position:center center;
  background-color:#000;
  cursor:pointer;
}
  /** navigation **/
  #galerie_navigation {
    position:absolute;
    bottom:230px;
    left:0px;
    width:636px;
    height:50px;
    display:none;
    z-index:51;
  }
  #galerie_navigation_gauche {
   width:50px;
   height:50px;   
   background-image:url('../images/visuels_slider_gauche.png');
   background-repeat:no-repeat;
   background-position:center center;  
   margin:5px;
   float:left;  
   display:none;
    
   cursor:pointer;
   opacity:0.3;
  }
  #galerie_navigation_droite {
   width:50px;
   height:50px;   
   background-image:url('../images/visuels_slider_droite.png');
   background-repeat:no-repeat;
   background-position:center center;  
   margin:5px;
   float:right;
   display:none;
    
   cursor:pointer;
   opacity:0.3;    
  }  
  
  #galerie_navigation_gauche:hover, #galerie_navigation_droite:hover {
    opacity:0.8; 
  }


/***** actus ***/
.actualite_item {
  display:block;
  text-decoration:none;
  padding:10px 5px 10px 5px;
  border-bottom:1px dotted #999;
  cursor:pointer;
}
.actualite_item:last-child {
  border:0px;
}
.actualite_item:hover {
  text-decoration:none;
  background-color:#eee;
}

.actualite_item_photo {
  float:left;
  margin:5px 10px 5px 5px;
  width:160px;
  height:125px;
  
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.actualite_item_infos {
  float:left;
  width:450px;
}
.actualite_item_dates {
  color:#666;
  text-align:right;
}
.actualite_item_resume {
  text-align:justify;
}

/* detail */
.actualite_texte {
  text-align:justify;
}
.actualite_photo {
  width:100%;
  text-align:center;
  margin:10px auto 10px auto;
}
.actualite_photo img {
  max-width:100%;
}

/* agenda (autour des spectacles ) */
.agenda_date {
  font-weight:500;
  font-size:16px;
  margin-bottom:5px;
  margin-top:10px;
}


/***** partenaire ****/
.partenaire {
  float:left;
  margin:5px;
  padding:5px;
  width:300px;
  height:auto;
  min-height:90px;
  text-decoration:none;
}
.partenaire:hover {
  text-decoration:none;
  background-color:#eee;
}
.partenaire_categorie {
  font-size:20px;
  font-weight:500;
  background-color:var(--couleur_principale);
  color:#fff;
  padding:5px;
}

.partenaire_titre {
  font-size:12px;
  font-weight:500;
}

.partenaire_logo {
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:90px;
  height:90px;
  float:left;
  margin-right:4px;
}
.partenaire_content {
  float:left;
  width:200px;
}

.partenaire_site {
  font-size:11px;
  color:var(--couleur_principale);
}


/* sequences */
#bandeau_sereperer {
    display:block;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    background-image:url('../images/bandeau_sereperer.png');
    width:100%;
    height:204px;
  
}

#sequences {
  min-height:900px;
}
.sequence {
    border: 1px solid #fff;
    width: 308px;
    height:auto;
    margin: 0px 10px 10px 0px;
    background-color: #fff;
    float: left;
    cursor:pointer;
}
  .sequence_visuel {
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    width:200px;
    height:200px;
    margin:auto;
    margin-bottom:10px;
  }
  .sequence_titre {
    text-align:center;
    font-size:20px;
    color:#000;
    text-transform:uppercase;
    margin-bottom:5px;
  }
  .sequence_texte {
    text-align:center;
    color:#666;
    
  }
  
  .sequence_nb_spectacles {

    text-align:center;
    color:var(--couleur_principale);  
    margin-bottom:5px;
    font-size:20px;  
  }
  
.sequence_spectacles {
  display:none;
}

#sequence-retour {
  background-color:var(--couleur_btn_fond);  
  color:var(--couleur_btn_texte); 
  text-align:center;
  margin:auto;
  padding:5px;
  width:200px;
  display:block;
  cursor:pointer;
  display:none;
}

#suggestions_titre {
  margin-top:30px;
}

#suggestions {
  display:flex;
  flex-wrap:wrap;
  margin-top:20px;
}
#suggestions .saison_spectacle {
  width:48%;
  float:none;
  margin:0 1% 2% 0;
}

.distribution_fleche {
  background-image:url('../images/distribution.png');
  background-position:right center;
  background-repeat:no-repeat;
  display:inline-block;
  padding-right:35px;
  cursor:pointer;
  
}

.covoituragesimple {
  width:286px;
  margin-bottom:10px;
}

/** nouveautes 2024 **/
.btn-reserver {
    width: auto;

  background-color:var(--couleur_btn_fond);  
  color:var(--couleur_btn_texte); 
    font-size: 20px;
    display: block;
    padding: 10px;
    text-decoration: none;
    margin-bottom: 10px;
    transition:0.5 ease-in all;
    
  background-image:url('../images/picto_lien_reserver.png');
  background-position:left center;
  background-repeat:no-repeat;   
  padding-left:50px; 
  
  text-transform:uppercase;
}

.btn-reserver:hover {
  background-color:var(--couleur_btn_fond);  
  color:var(--couleur_btn_texte); 
    text-decoration: none;
}

#visuel_mobile {
    display:none;
}

#info-billetterie {
    background: url(../images/background_liens.png) no-repeat;
    display: block;
    margin:0px 0 10px 0;
    padding: 12px 10px 10px 10px;
    text-transform:uppercase;
    font-size:20px;
    color:#FFF;
}