#cb-top-menu {margin-left:  10px!important;}
.part img {width: -webkit-fill-available;
max-width: 100% ;}
@font-face {
	font-family: "sony";
	src:local("Sony_Sketch") url('wp-content/themes/15zine/library/css/font-awesome-4.4.0/fonts/Sony_Sketch.ttf');
    format ("truetype");
}
@font-face {
	font-family: "opificio";
	src:src: local("Opificio_Bold") url('wp-content/themes/15zine/library/css/font-awesome-4.4.0/fonts/Opificio_Bold.ttf');
      format ("truetype");
}
@font-face {
	font-family: "Ma Super Fonte";
	src: url('wp-content/themes/15zine/library/css/font-awesome-4.4.0/fonts/classiccobra.ttf');
      format ("truetype");
}


@font-face {
	font-family: "Ma Super Fonte";
	font-weight: bold;
    src: url('wp-content/themes/15zine/library/css/font-awesome-4.4.0/fonts/classiccobrabold.ttf');
      format ("truetype");
}
@font-face {
	font-family: "Ma Super Fonte";
	font-style: italic;
    src: url('wp-content/themes/15zine/library/css/font-awesome-4.4.0/fonts/classiccobraital.ttf');
      format ("truetype");
}
.festival {
    background-image: url(upload/images/moteurs-festival.png);
    background-repeat: no-repeat;
}
.center_footer_complet {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
    color: #ffffff;
     text-align: center;
}
.center_footer_abrege {
	display: none;
	width: 100%;
    color: #ffffff;
     text-align: center;
}
footer {
	width:100%;
    color: #ffffff;
     text-align: center; }
.center_footer_complet {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
    color: #ffffff;
     text-align: center;
}
.center_footer_abrege {
	display: none;
	width: 100%;
    color: #ffffff;
     text-align: center;
}
.infos a:link , .annonce a:link {
	text-decoration: none; 
	color : white;
	font-family: "Times New Roman";
	font-style: normal;
	}
.infos a:visited , .annonce a:visited  {
	text-decoration: none; 
	color : white;
	font-family: "Times New Roman";
	font-style: normal;
	}
.infos a:hover , .annonce a:hover {
	text-decoration: none; 
	color : white;
	font-family: "Times New Roman";
	font-style: normal;
	}
.infos a:active , .annonce a:active {
	text-decoration: none; 
	color : white;
	font-family: "Times New Roman";
	font-style: normal;
	}
.annonce TD {
    padding: 5px;
color : white;
	font-family: "Times New Roman";
	font-style: normal;
    background:none;
background-color:rgba(155,155,155,0.15);
zoom:1;
}
    .infos,.annonce {
	color : white!important;
	font-family: "Times New Roman"!important;
	font-style: normal;
    background:none;
    background-color:rgba(155,155,155,0.6);
	zoom:1;
    }


#art-mob,#art-mob1,#art-mob2 {display: none;}
    #logo img {height : auto!important; 
    max-height:  20vh!important;
    }
#cb-mob-menu { width: 100.0vw;
    position: relative;
    max-width: 100%;
  top: 0;
    color: #ffffff;
    text-align: center;
    left: 0;
    display: none;
    background: #161616;
  z-index: 110;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
   }
#cb-mob-menu .cb-mob-menu-wrap {
  text-align: center;
}
#cb-mob-menu .cb-mob-menu-wrap ul {
  margin: 0;
  padding: 20px 0;
}
#cb-mob-menu .cb-mob-menu-wrap ul li {
  display: block;
  margin: 10px 40px;
  font-size: 13px;
}
#cb-mob-menu .cb-mob-menu-wrap ul li a {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  text-decoration: none;
  color: #f2f2f2;
}
#cb-mob-menu .cb-mob-menu-wrap ul li a:hover {
  text-decoration: underline;
}
#cb-mob-menu .cb-mob-menu-wrap ul li .sub-menu {
  margin-bottom: 10px;
  padding: 5px 0;
}
#cb-mob-menu .cb-mob-menu-wrap ul li .sub-menu li {
  margin: 0 10px;
}
#cb-mob-menu .cb-mob-menu-wrap ul li .sub-menu li a {
  font-size: 0.8em;
  color: #B8B8B8;
}
#cb-mob-menu .cb-mob-menu-wrap ul li .sub-menu li .sub-menu {
  margin-bottom: 0;
}
.part {position :relative!important;
    margin-left: 5px;
    margin-right: 5p;    
    margin-bottom: 100px;
    top:40px!important;}
.part h2,.part h1 ,.part h3{font-size : 1.2em!important;}
.td-in a:link {
	text-decoration : underline!important;; 
	color : white;
	}
.td-in a:visited  {
	text-decoration : underline!important;; 
	color : white;
	}
.td-in a:hover {
	text-decoration : underline!important;; 
	color : white;
    }
.td-in a:active {
	text-decoration : underline!important;; 
	color : white;
	}
    .td-in,.td-in h3{color : white!important;}
   .td-in {
        height:100%;
        min-height: 10vh;
background-color:rgba(25,25,25,0.5)!important;
}     /* Position et couleur bulle */
.info span{ 
                position:absolute;
                margin-top:100px; 
                margin-left:-125px;
               white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
color:white; 
    font-weight: bold; 
	text-decoration:none;
	margin:0 auto;
	border:solid 1px black;
	background: grey;
	text-align:center;
 	box-shadow: 4px 9px 9px #000000; 
                
                /* Faire disparaire infobulle par défaut */
                /* On determine l'origine de la rotation */ 
                transform:scale(0) rotate(-180deg);
                /* Faire durer l'effet */
                transition:all .5s;
                /* Effet sur la transparence */ 
                opacity:0;
            }
            
            /* Apparition de la bulle avec le scale à 1 */ 
            a:hover span, a:focus span{ 
                transform:scale(1) rotate(0);
                /* Effet sur la transparence */ 
                opacity:1;
            }
  
  /* Position et couleur bulle */
a div{  position:absolute;top:-10px;  left:25px;  transform:scale(1) rotate(0); opacity:1;    } 
 /* Apparition de la bulle avec le scale à 1 */ 
a:hover div, a:focus div{ transform:scale(0) rotate(-180deg);
	transition:all .s5s;opacity:0;
        }

/* Bouton eshop */

}
.cb-main-nav a {
	text-decoration:none;
  text-align:center;
  color: #fff;
}
.cb-main-nav a:hover {  
color : #fff!important; 
background-color: #000;}
    .smenu{
  background-color: rgba(153,153,153,.8)!important;
  
	text-align: left;
  padding: 0;
  margin: 0 6px;
	height: auto;
      max-width: 35.0vw;
        width: fit-content;
  z-index: 99;
}
.smenu li {
    color: #fff;
	float: none;
	list-style:  none; 
    white-space: nowrap;
}
    .smenu li a {
	display: inline-block;
	width : max-content;
        padding: 2px 8px;
    
    }

@media (max-width: 768px) {
    .festival {
    background-image: url(upload/images/M_Festival_2023.png);
    background-repeat: no-repeat;
}
    .punchline,.center_footer_complet {display: none;}
    .cb-mob-menu,.center_footer_abrege {display: block;}
    #art-mob,#art-mob1,#art-mob2 {display: block;}
    #section-a {display: none!important;}
    .part {position :relative!important;
    top:0px!important;}

}
@media only screen and (min-width: 768px) { 
	body {
    line-height: 1.3!important;
}
                .cb-module-block .cb-meta-style-1:hover .cb-article-meta { background: rgba(0, 0, 0, 0.75); } 
                .cb-module-block .cb-meta-style-2:hover img, .cb-module-block .cb-meta-style-4:hover img, .cb-grid-x .cb-grid-feature:hover img, .cb-slider li:hover img { opacity: 0.25; } 
            }