/* ********************************
  Pour le header
 ********************************** */
/* Pour les images d'en tête*/
.entete img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#blocklogo  {
    display: flex;
    flex-direction: column;
    justify-content: center; /* centre verticalement*/ 
    height: 100%;
    width: 100%;
}
.mod_entete {
	background-color: #e3e3e3;
}
#mod-custom201 {
    max-height: 285px;
}

/* ***********************************
 * Pour les colonnes des partenaires
 * ***********************************/
#contient_part {
	display: flex; /* Rend cet élément un conteneur flex */
	 /* flex-wrap: wrap;Permet aux éléments de passer à la ligne */
	justify-content: space-around;  /*Distribue l'espace entre les éléments */
	gap: 10px;  /*Ajoute un écart de 10px entre les éléments */
	flex-wrap: wrap;
	align-items: flex-start;
}
.colonne_part {
    flex: 1; "
    flex-direction: column;
    justify-content: flex-start;
} 
.colonne_pied {
    flex: 1fr 1fr 1fr; 
    flex-direction: column;
    justify-content: flex-start;
} 
#block_part h2 {
	margin-left: 2%;
  	margin-bottom: 20px;
}*/

/* Pour les images des mmécènes*/
.modmecenes img{
	object-fit:contain;
  	text-align:center;
  	max-width:180px;
  	vertical-align: top;
}
/* ***********************************
          Fil d'ariane
********************************** */
.mod-breadcrumbs__wrapper li{
	color:#ffffff;
	margin-top: 5px;
}
                    
.mod-breadcrumbs__item.breadcrumb-item a{
	color:#ffffff;
	text-decoration: none;
}
.breadcrumb > .active {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

/************************************
             Module de login
************************************* */

/* Pour mod login : titre centré  */
.mod_connect h3{
	text-align:center;
}
@media screen and (max-width: 360px) {
#rangarianecolumn2 {
    width: 100% !important;
  }
}
/* Pour icone oeil de login*/
.icon-eye {
color:#ffffff;
}

/* Pour styler le bouton connecte*/
.btn-connect {
	display:block;
	margin-left: auto;
	margin-right: auto;
	height:40px;
	margin: 5px auto 5px auto;
	border-radius: 10px 10px 10px 10px;
	color:#ffffff;
}
/* pour masquer le bouton connexion avec clé*/
.btn-secondary {
	display: none;
}
/* pour styler le module de login*/
.gpopover-connect {
  background-color: #e3e3e3;
  border: 1px solid #bbb;
    border-top-color: #520d0d;
    border-right-color: #520d0d;
    border-bottom-color: #520d0d;
    border-left-color: #520d0d;
  border-radius: 20px;
  box-shadow: none;
  display:none;
  position: absolute;
  z-index: 998;
}

/* marge haute du menu haut*/
#blockmeu1 > .inner {
	margin-bottom: 0px;
}
/* Pour titrer les blocks infos*/
.modinfos h3 {
	margin-left:10px;
  	text-decoration: underline;
  	font-size: 1.0 em;
    text-align:center;
}
.maximenuck a[aria-current] .titreck-text,
.maximenuck.current.active .titreck-text {
  text-decoration-line: underline;
}

Maximenu Pour afficher la couleur des liens actifs
#maximenu168 .maximenuck.current.active > a {
	text-decoration-line: underline;
}
#maximenu168 .maximenuck a[aria-current="page"],
#maximenu168 .maximenuck a[aria-current="true"] {
    text-decoration-line: underline;
}
maximenuck168 li.maximenuck.level1.active {
	text-decoration-line: underline;
 }
maximenuck168ul.maximenuck2 li.maximenuck.active { 
	text-decoration-line: underline;
}
/* Pour le menu principal */
#maximenuck168 {
    width: 100%!important;
    display: inline-block;
    float: left;
}

/* Pour centrer le maincontent des articles*/
.col_centre{
  max-width:900px;
  margin:0 auto;
}
/*Css du bouton inscription*/
.inscrit a{
  color:#FFFFFF;
}
.inscrit {
  width:180px;
  color:#FFFFFF;
  padding: 10px 10px;
  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;*/
}
/* Pour le menu de recherche*/
.only{
  display: none;
}
/* Pour le sitemap*/
.osmap-item-url{
  text-decoration: underline;
  font-weight: bold;
}
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 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   -------------------*/
/*-------  Pavés de l' accueil (agenda, actu, presse ...) ----------------*/
.new{
  display: table;
  table-layout: fixed;
  text-align: left;
  font-size:80%;
  border-bottom: 1px #a50202 dashed;
  width: 100%;
}
.new1{
  display: table-cell;
  table-layout: fixed;
  width: 100px;
}

@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 Pavés accueil   -----------*/
/*-------  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-image: -webkit-gradient(linear, left top, left bottom,from(rgba(255,16,21,1)), color-stop(100%, rgba(82,13,13,1)));
	border: #961818 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;
	color: #000000;
}
.cktype .ui-tabs:not(.vertical_tabsck) .ui-tabs-nav li.ui-tabs-active a{
  color: #ffffff;  
}
.cktype .ui-tabs .ui-tabs-nav li.ui-state-default{
	background: #E3E3E3;
	border: #961818 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;
	color: #ffffff;
}
.cktype .ui-tabs .ui-tabs-nav li.ui-state-default a{
    color:#000000;
}
/*+++++++++++  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;
}
.idee2{
  display: table-cell;
  text-align: left;
  font-weight: normal;
  width: 280px;
  padding-left: 6px;
  line-height : 35px;
}
.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  -------------------*/