/*Css du bouton inscription*/

.inscrit {
  width:180px;
  padding: 10px 10px;
  color:#FFFFFF;
  font-size: 1rem;
  cursor: pointer;
  border-radius: 12px;
  position: relative;
  transition: all .1s;
  overflow: hidden;
}
.inscrit:hover{
    color:#FFFFFF;
}
/* Pour le module de recherche*/
.result-created{
  display: none;
  /*font-size: 0.875rem;
  font-style: italic;*/
}
.result__item+.result__item {
border-color: #a50202;
}
/* Pour le menu de recherche*/
.only{
  display: none;
}
/* Pour le sitemap*/
.osmap-item-url{
  text-decoration: underline;
  font-weight: bold;
}
.bfFormDiv{
    margin-left:2%;
    margin-right:2%;
    border:#B60000 1px solid;
    padding:10px;
    border-radius: 8px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
hr {
	margin: 18px 0;
	border: 0;
	border-top: none;
	border-bottom: 1px solid #a50202;
    max-width: 360px;
}
.imgroll {
border: 1px solid #a50202;
padding: 4px;
}
ul li a{
text-decoration: none;
} 
a:focus {
  color:#a50202;
  text-decoration: underline;
}
/*-------     gestion des afichages mobile    ------------- */
@media (max-width: 758px) {.acces_login{
  display:none;
}}
@media (max-width: 758px) {#centre > .inner {
	border-right: #a50202 0px solid;
}}
@media (max-width: 758px) {#right > .inner {
	padding-left: 0;
}}
/*-------     gestion du  login    ------------- */
.form-inline{
  text-align: center;
}
.form-vertical{
  text-align: center;
}

/*-------     FIN login    ----------- */
/*-------     styler partenaires    ------------- */
.moduletable_partenaires{
  background-color: #e3e3e3;
  margin-left: 1%;
  margin-right: 1%;
  padding: 10px 20px 10px 20px;
  text-align: center;
}
.moduletable_partenaires h3{
  text-align: center;
}
.random-image_partenaires img{
  width: 100%;
}
 /* -------    Fin style partenaires    ---------- */
/*-------     styler pied de page    ------------- */
.moduletable_pied a{
  color: #fff;
  text-decoration: none;
}
.moduletable_pied a:hover{
  color: #fff;
  text-decoration: underline;
}
  /*-------     fin pied de page    ------------- */
/*-------     styler galeries   ------------- */
.moduletable_diapo{
  float: right;
  margin-left: 20px;
  margin-right: 0px;
}
.moduletable_diapog{
  float: left;
  margin-left: 0px;
  margin-right: 20px;
}
@media (max-width: 600px) {.moduletable_diapo{
  float: none;
  margin: 10px auto;
}}
@media (max-width: 600px) {.moduletable_diapog{
  float: none;
  margin: 10px auto;
}}
@media (max-width: 400px) {.showplus-images span{
  width: 76%;
  height:76%;
}}
@media (max-width: 400px) {.showplus-captions{
  width: 76%;
}}
/*-------     fin galeries    ------------- */
/*----------     styler connexion mobile    ------------- */
.smartlog smartlog tck-module-title h3{
  text-align: center;
}
ul.maximenuck li.level1.parent > span.separator::after{
border-color: transparent;
}
/*-------------------------------------------------------------*/
/*------------   Pour la fiche de contact    ------------------*/
.well{
    background-color: transparent;
    border: 1px solid #b60000;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
  padding: 3% 3% 3% 3%;
}
.com-contact__container h3{
  display: none;
}
.control-group {
margin-left:40px;
max-width: 300px;
}
legend{
  border-bottom: 1px solid #b60000;
  padding: 10px;
}
.com-contact__miscinfo.contact-miscinfo{
   padding-left: 10%;
}
.com-contact__container .com-contact__info{
   margin-left: 10%;
   width:180%;
}
@media (max-width: 524px) {.control-group {
	width: 100%;
}}
.icon-address::before{
     content: url(/images/design/icone_home_arthemis.jpg);
}
.icon-info-circle::before{
    content: url(/images/design/icon_info.png); 
}
/*------------  FIN pour la fiche de contact--------------------------*/

/*--------------------------------------------------------------------*/
.accordion-group{
border: 0;
}
.accordion-inner{
border: 0;
}/*----------   Fin fiche de contact    ---------- */
.moduletable_smart{
  font-size: 0.9em;
  text-align:left;
}
/*--------   Tables extraits sonores   ------------*/
.repert{
  display: table;
  table-layout: fixed;
  border-bottom: dotted 1px #e80000;
  margin-bottom: 10px;
}
.repert1{
  display: table-cell;
  text-align: left;
  width: 200px;
}
.repert2{
  display: table-cell;
  text-align: left;
  width: 200px;
}
.repert3{
  display: table-cell;
  text-align: left;
  width: 200px;
}
@media (max-width: 600px) {.repert1{
  display: table-row;
  width: 270px;
  vertical-align: top;
  text-align: left;
}}
@media (max-width: 600px) {.repert2{
  display: table-row;
  width: 270px;
  vertical-align: top;
  text-align: left;
}}
@media (max-width: 600px) {.repert3{
  display: table-row;
  width: 270px;
  vertical-align: top;
  text-align: left;
}}
/*-------   Fin extraits sonores   -------------------*/
/*-------  Tables Nouveau sur le site ----------------*/
.new{
  display: table;
  table-layout: fixed;
  text-align: left;
  font-size: 80%;
}
.new1{
  display: table-cell;
  table-layout: fixed;
  font-weight: bold;
  width: 90px;
}
.new2{
  display: table-cell;
  table-layout: fixed;
  max-width: 100%;
}
@media (max-width: 600px) {.new1{
  display: table-row;
  width: 90px;
}}
@media (max-width: 600px) {.new2{
  display: table-row;
  max-width: 100%;
}}
@media (max-width: 600px) {.new{
  display: table;
  border-bottom: dashed 1px #585858;
  max-width: 100%;
  margin-bottom: 10px;
  padding-bottom: 5px;
}}
/*-------  Fin Tables Nouveau sur le site    -----------*/
/*-------  Tables concerts   -----------*/
.concerts{
  width: 100%;
  display: table;
  table-layout: fixed;
  text-align: left;
  border-bottom: dashed 1px #585858;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-collapse: separate;
  border-spacing: 2px 0px;
}
.concerts1{
  display: table-cell;
  table-layout: fixed;
  width: 120px;
}
.concerts2{
  display: table-cell;
  table-layout: fixed;
  width: 300px;
}
.concerts3{
  display: table-cell;
  table-layout: fixed;
  width: 200px;
  font-style: italic;
}
.concerts4{
  display: table-cell;
  table-layout: fixed;
  width: 200px;
  font-size: 80%;
}
@media (max-width: 800px) {.concerts1{
  display: table-row;
  width: 200px;
}}
@media (max-width: 800px) {.concerts2{
  display: table-row;
  width: 200px;
}}
@media (max-width: 800px) {.concerts3{
  display: table-row;
  width: 200px;
}}
@media (max-width: 1024px) {.concerts4{
  display: none;
}}
/*-------  Fin Tables concerts  -----------*/
/*--------   Tables Agenda  ------------*/
.agenda{
  margin-left: auto;
  margin-right:auto;
  text-align: left;
  max-width: 760px;
  display: table;
  table-layout: fixed;
  border-bottom: dashed 1px #585858;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-collapse: separate;
  border-spacing: 2px 0px;
}
.agenda1{
  width: 240px;
  display: table-cell;
  text-align: left;
}
.agenda2{
  width: 240px;
  display: table-cell;
  text-align: left;
}
.agenda3{
  width: 260px;
  display: table-cell;
  text-align: left;
  font-size: 80%;
  vertical-align: top;
}
@media (max-width: 600px) {.agenda1{
  display: table-row;
  width: 240px;
  vertical-align: top;
  text-align: left;
}}
@media (max-width: 600px) {.agenda2{
  display: table-row;
  width: 240px;
  vertical-align: top;
  text-align: left;
}}
@media (max-width: 400px) {.agenda3{
  display: table-row;
  width: 260px;
  vertical-align: top;
  text-align: left;
}}
@media (max-width: 600px) {.agenda{
  margin: 0px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  width: 100%;
}}
/*-------   Fin Table Agenda   -------------------*/
/*--------   Tables Photos privées  ------------*/
.photopriv{
  text-align: left;
  width:100%;
  display: table;
  table-layout: fixed;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-collapse: separate;
  border-spacing: 2px 0px;
}
.photopriv1{
  display: table-cell;
  text-align: left;
  width:380px;
}
.photopriv2{
  display: table-cell;
  text-align: left;
  width:200px;
}
@media (max-width: 600px) {.photopriv1{
  display: table-row;
  vertical-align: top;
  text-align: left;
  width:4380px;
}}
@media (max-width: 600px) {.photopriv2{
  display: table-row;
  vertical-align: top;
  text-align: left;
  width:200px;
}}
@media (max-width: 600px) {.photopriv{
  margin: 0px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  width: 100%;
  border-bottom: dashed 1px #585858;
}}
/*-------   Fin Tables Photos privées   -------------------*/
/*------------------------------
     tableaux responsives
--------------------------------*/
@media (max-width: 600px) {.responstable table, tbody { display: block; }}
@media (max-width: 600px) {.responstable tr { display: table; }}
@media (max-width: 600px) {.responstable td { display: table-row; }}

@media (max-width: 600px) {.cache_colonne{
  display:none}
}
.moduletable_audio{
  max-width: 460px;
}
/*------------------------------
     Sur deux colonnes
--------------------------------*/
.deuxcolonn{
  -webkit-column-count: 2;
 -moz-column-count: 2;
 column-count: 2;
 -webkit-column-width: 300px;
 -moz-column-width: 300px;
 column-width: 300px;
}
.deuxcolonn_trait{
  -webkit-columns: 2 300px;
 -moz-columns: 2 300px;
 columns: 2 300px;
 -webkit-column-gap: 4em;
 -moz-column-gap: 4em;
 column-gap: 4em;
 -webkit-column-rule: 2px solid #a50202;
 -moz-column-rule: 2px solid #a50202;
 column-rule: 2px solid #a50202;
}
/*   style titre JCE Médiabox */
#jcemediabox-popup-caption h4{
  color: #a50202;
  font-size: 1.1em;
}


/*--      FIN du style du plan de site   --*/

.system-message-container{
margin-bottom: 20px;
}
      /* +++++++++  Pour les tooltips +++++++++++++ */
      
.infotip {

  text-decoration: none;
  border-bottom: 1px dotted #a50202;
  cursor: pointer;
}
/* +++++++++  Pour les déroulants +++++++++++++ */
.moduletable_deroulant{
  font-family: typo_comics_light_italic_derg;
}
.moduletable_deroulant a{
  text-decoration: none;
}
/*+++++++++++  pour la billetterie+++++++++++*/
.moduletable_billetterie{
	margin-top: -10px;
    padding: 10px 20px 10px 20px;
    background-color: #e3e3e3;
}
/*+++++++++++  pour l'incription +++++++++++*/
.moduletable_inscript{
	margin-top: -10px;
    padding: 10px 20px 10px 20px;
}
/*+++++++++++  pour les onglets de page builder ck  +++++++++++*/

.cktype .ui-tabs:not(.vertical_tabsck) .ui-tabs-nav li.ui-tabs-active {
background: #E3E3E3;

}
.cktype .ui-tabs:not(.vertical_tabsck) .ui-tabs-nav li.ui-tabs-active a{
  color: #A50202;  
}
.cktype .ui-tabs .ui-tabs-nav li.ui-state-default{
background-image: -webkit-gradient(linear, left top, left bottom,from(rgba(182,0,0,1)), color-stop(100%, rgba(82,13,13,1)));
	border: #A50202 1px solid;
	-moz-border-radius: 12px12px 0px 0px;
	-o-border-radius: 12px12px 0px 0px;
	-webkit-border-radius: 12px12px 0px 0px;
	border-radius: 12px 12px 0px 0px;
}
.cktype .ui-tabs .ui-tabs-nav li.ui-state-default a{
    color:#ffffff;
}
/*+++++++++++  FIN onglets de page builder ck  +++++++++++*/
/*+++++++++++  pour centrer les menus droit  +++++++++++*/
ul.menu, ul.nav{
	text-align: center;
}
  /*+++++++++++  Texte Déroulant  +++++++++++*/
.js-marquee{
	color: #A50202;
	font-size : 1.8em;
	font-family: typo_comics_light_italic_derg;
  	line-height: 1.4;  	
}
.js-marquee a{
  text-decoration: none;
}
/*+++++++++++  FIN Texte Déroulant  +++++++++++*/
/*+++++++++++  Audio simple short code  +++++++++++*/
.mejs-container{
  	margin-bottom: -8px;
   width:30%;
}
@media (max-width: 600px) {.mejs-container{
  	margin-bottom: 10px;
}}
.mejs-controls .mejs-time-rail .mejs-time-total{
	background: linear-gradient(rgba(227,227,227,0.6),rgba(227,227,227,1));
}
.mejs-controls .mejs-time-rail .mejs-time-current{
	background: linear-gradient(rgba(146,42,37,0.8),rgba(146,42,37,1));
}
.mejs-controls .mejs-time-rail .mejs-time-loaded{
	background: linear-gradient(rgba(227,227,227,0.6),rgba(227,227,227,1));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
	background: linear-gradient(rgba(227,227,227,0.6),rgba(227,227,227,1));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
  	background: linear-gradient(rgba(146,42,37,0.8),rgba(146,42,37,1));
}
.mejs-container .mejs-controls .mejs-time
.mejs-duration {
   color: #922A25;
}
.mejs-container .mejs-controls .mejs-time
.mejs-currenttime {
   color: #922A25;
}
/*+++++++++++  FIN Audio simple short code  +++++++++++*/
/*--------   Tables enregistrements sonores   ------------*/
.album{
  display: table;
  table-layout: fixed;
  border-bottom: dotted 1px #e80000;
  margin: 0 auto 10px auto;
}
.album1{
  display: table-cell;
  text-align: left;
  width: 280px;
  margin-left: 6px;
  line-height : 35px;
}
.album2{
  display: table-cell;
  text-align: left;
  width: 280px;
  margin-left: 6px;
  line-height : 35px;
}
.album3{
  display: table-cell;
  text-align: left;
  width: 280px;
  margin-left: 6px;
  line-height : 35px;
}
@media (max-width: 600px) {.album1{
  display: table-row;
  width: 270px;
  vertical-align: top;
  text-align: left;
  margin-left: 0px;
}}
@media (max-width: 600px) {.album2{
  display: table-row;
  width: 270px;
  vertical-align: top;
  text-align: left;
  margin-left: 0px;
}}
@media (max-width: 600px) {.album3{
  display: table-row;
  width: 270px;
  vertical-align: top;
  text-align: left;
  margin-left: 0px;
}}
/*-------   FIN tables enregistrements sonores  -------------------*/
/*----------------------------------------------*/
/*--------   Tables Idées de répertoire   ------------*/
.idee{
  display: table;
  table-layout: fixed;
  border-bottom: dotted 1px #e80000;
  margin-bottom: 10px;
}
.idee1{
  display: table-cell;
  text-align: left;
  font-weight: normal;
  width: 280px;
  padding-left: 6px;
  line-height : 35px;
  border-right: dotted 1px #e80000;
}
.idee2{
  display: table-cell;
  text-align: left;
  font-weight: normal;
  width: 280px;
  padding-left: 6px;
  line-height : 35px;
  border-right: dotted 1px #e80000;
}
.idee3{
  display: table-cell;
  text-align: left;
  font-weight: normal;
  width: 280px;
  padding-left: 6px;
  line-height : 35px;
}
@media (max-width: 600px) {.idee1{
  display: table-row;
  vertical-align: middle;
  text-align: left;
}}
@media (max-width: 600px) {.idee2{
  display: table-row; 
  vertical-align: middle;
  text-align: left;
}}
@media (max-width: 600px) {.idee3{
  display: table-row;  
  vertical-align: middle;
  text-align: left;
}}
/*-------   FIN tables Idées de répertoire  -------------------*/