@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Nanum+Pen+Script&family=Nothing+You+Could+Do&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,700,700i|Unica+One|Fjalla+One|Oswald');
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil:opsz,wght@10..72,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Codystar:wght@300;400&display=swap');

#noprint {display: visible;}
#print {display: none;}
.fadein { position:relative; height:332px; width:500px; }
.fadein img { position:absolute; left:0; top:0; }
.fadeinfb { position:relative; height:auto; width:100%; }
.fadeinfb img { position:relative; text-align: center; }

.fadelinks, .faderandom { position:relative; height:332px; width:500px; }
.fadelinks > *, .faderandom > * { position:absolute; left:0; top:0; display:block; }
.fadelinksfb, .faderandomfb { position:relative; height:auto; width:100%; }
.fadelinksfb > *, .faderandomfb > * { position:relative; text-align: center; display:block; }
@font-face {
    font-family: 'logicaltramp';
    src: url('logicaltramp.eot');
    src: url('logicaltramp.eot') format('embedded-opentype'),
         url('logicaltramp.woff2') format('woff2'),
         url('logicaltramp.woff') format('woff'),
         url('logicaltramp.ttf') format('truetype'),
         url('logicaltramp.svg#logicaltramp') format('svg');}
@font-face {
    font-family: 'supertramp79';
    src: url('supertramp79.eot');
    src: url('supertramp79.eot') format('embedded-opentype'),
         url('supertramp79.woff2') format('woff2'),
         url('supertramp79.woff') format('woff'),
         url('supertramp79.ttf') format('truetype'),
         url('supertramp79.svg#supertramp79') format('svg');
}

.big-shoulders-stencil-<uniquifier> {
  font-family: "Big Shoulders Stencil", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900; /*100-900*/
  font-style: normal;
}

/*p {margin-left:0.7cm;
	margin-right:0.7cm;*/
}
.rw-wrapper{
	width: 80%;
	position: relative;
	margin: 110px auto 0 auto;
	font-family: 'Unica One';
	padding: 10px;
}
.rw-sentence{
	margin: 0;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.rw-sentence span{
	color: #444;
	font-size: 200%;
	font-weight: normal;
}
.rw-words{
	display: inline;
	text-indent: 10px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #6b969d;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: #6b889d;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #6b739d;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color: #7a6b9d;
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	color: #8d6b9d;
}
.rw-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: #9b6b9d;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px;
	.top {
		width: 200px;
		font-size: 1.5em;
		position: absolute;
		top: 100px;
		left: 50%;
		margin-left: -300px;
		color: #fff;
		z-index: 1000;
	}

	 }
}
@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}

#slideshow {
  margin: 80px auto;
  position: relative;
  width: 240px;
  height: 240px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

.slideshow {
   width: 350px;
   height: 200px;
   overflow: hidden;
   border: 3px solid #F2F2F2;
}

.slideshow ul {
    /* 4 images donc 4 x 100% */
   width: 400%;
   height: 200px;
   padding:0; margin:0;
   list-style: none;
}
.slideshow li {
   float: left;
}
/* carousel */
.quotephrase {
font-family:  "Unica One", Institution,  Helvetica, sans-serif;
font-size: 1.4rem;
text-align: center;
}
.quotesign {
font-family:  "Unica One", Institution,  Helvetica, sans-serif;
font-size: 1rem;
text-align: center;
}
#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 0px;
	background: none;
}
/* Control buttons  */
#quote-carousel .carousel-control {
	background: none;
	color: #ffcc00;
	font-size: 1.5rem;
	text-shadow: none;
	margin-top: 17px;
}
/* Previous button  */
#quote-carousel .carousel-control.left {
	left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right {
	right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
	background: #ffcc00;
}
#quote-carousel .carousel-indicators .active {
	background: #ffffff;
}
.top {
		width: 200px;
		font-size: 1.5em;
		position: absolute;
		top: 100px;
		left: 50%;
		margin-left: -300px;
		color: #fff;
		z-index: 1000;
	}

/* End carousel */
#carousel {
position: relative;
width:538px;
margin:0 auto;
}

#slides {
overflow: hidden;
position: relative;
width: 100%;
}

#slides ul {
list-style: none;
width:100%;
margin: 0;
padding: 0;
position: relative;
}

 #slides li {
width:100%;
float:left;
text-align: center;
position: relative;
}

.quote-famous1 {
font-family: 'Caveat', cursive;
font-size: 1.5rem;
}
.quote-famous2 {
font-family: 'Nanum Pen Script', cursive;
font-size: 1.5rem;
}
.quote-famous3 {
font-family: 'Nothing You Could Do', cursive;
font-size: 1.2rem;
}

.quote-phrase {
font-family:  "Unica One", Institution,  Helvetica, sans-serif;
font-size: 1.4rem;
/*text-shadow:.5px 2px #000;*/
}

.quote-author {
font-family: "Unica One", Verdana, Helvetica, sans-serif;
font-size: 1rem;
color:#719FC1;
font-weight:400;
letter-spacing: 1px;
}

.quoteContainer {
display: table;
width: 100%;
}
.authorContainer {
display: table;
width: 100%;
margin-top:10px;
}

#scroller {margin-top:0px; z-index: 3; 
     left:50%; margin-left:-500px
}
#flagdate {
height:auto;
width:23px;
	-moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); 
}
#icondate {
font-size: 1.4rem;;}
/*p::first-letter { font-size:28px; }*/
#wrapper{
  margin:0 auto;
  text-align:left;
}
.webthumb {
width: 28px;
height: auto;
}
.webthumb_mob {
width: 35px;
height: auto;
padding: 0 15px;
}
#content {
  max-width:90%;
  width:90%;
  margin:0 auto;
  padding-bottom:0;
  overflow:hidden;  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; font-weight: normal; color: #dad6bf; list-style-position: inside;
}
p.quotes:before {
    content: url(ic/quote_l.png);
	width: 12px;
	height: auto;
	vertical-align: 0.1em;
	padding-right: 10px;
}
p.quotes:after {
    content: url(ic/quote_r.png);
	width: 12px;
	height: auto;
	vertical-align: -1em;
	padding-left: 10px;
}
.demo {
	margin-top:-5px;
	padding:0;
	border_bottom:1px solid #ccc;
	position:relative;
	overflow:hidden;
	width: 90%;
}
.collapse p {padding:0 0 0em;
line-height: 1;
margin-left:35px;}

#switch, .switch {margin-top:-35px; text-align:right}

#op50 {
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}
.op50 {
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}
.column1 {
  float: left;
  padding: 7px;
  width:160px;
}
.column2 {
  float: left;
  padding: 7px;
  width:320px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
  #picquote {
 width: 150px;
height: auto; 
}
.weblinks { 
    position:fixed;
    bottom: 20px; right: 4px; margin-left: 0;
    display: show;
	visibility: visible;
	 z-index: 1000;
}
.weblinks_horiz { 
    position:relative;
	text-align: center;
	padding: 1em 0 0 0;
    /*bottom: 10px; left: 50%; margin-left: -225px;*/
	 z-index: 1000;
	display: show;
	visibility: visible;
}
#mobile{ display: none;}

   /* Smartphone Portrait and Landscape */

   @media only screen

   and (min-device-width : 320px)

   and (max-device-width : 480px){ #mobile{ display: inline;}
   }
   
.creditphoto {
position: fixed; bottom: 20px; left: 17px;padding: 5px;background:rgba(0, 0, 0, 0) url();-moz-border-radius:18px;-webkit-border-radius:8px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: #BFB793; list-style-position: inside; text-align: center; line-height: 1.2
}
.gtra {
position: fixed; top: 20px; right: 30px;padding: 5px;background:rgba(0, 0, 0, 0.5) url();-moz-border-radius:18px;-webkit-border-radius:8px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 14px; color: #fff; list-style-position: inside; text-align: center; line-height: 1
}
.gtra2 {
position: fixed; top: -2px; right: 48px; font-family: Verdana,  Helvetica, sans-serif; font-size: 12px; color: #fff; list-style-position: inside; 
}
.soldout_xsmall {
position: absolute; margin-left: 15px; margin-top: 5px; width: 40px; height: auto; transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}
.soldout_small {
position: absolute; margin-left: 10px; margin-top: 2px; width: 55px; height: auto; transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  opacity: 0.9;
}
.soldout_med {
position: absolute; margin-left: 60px; margin-top: -5px; width: 72px; height: auto; transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}

.soldout {
padding: 5px;background-color:#ff0000;-moz-border-radius:5px;-webkit-border-radius:5px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: #ffffff; list-style-position: inside; text-align: center;
}
.soldout_font {
  position: absolute; margin-left: 60px; margin-top: 0px;
  padding: 1px 2px 1px 3px; background-color:#CC0000; -moz-border-radius:2px; -webkit-border-radius:2px; behavior: url(PIE.htc);
font-size: 12px; color: #ffffff; list-style-position: inside; text-align: center;
font-family: "Big Shoulders Stencil", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900; /*100-900*/
  font-style: normal;
  transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  letter-spacing: 3px;
  z-index: 1000;
  
}
.lasttickets {
padding: 5px;background-color:#6323AD;-moz-border-radius:5px;-webkit-border-radius:5px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: #000000; list-style-position: inside; text-align: center;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.8; }
    100% { opacity: 1.0; }
}
.thumbnail_100p {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
margin: 0 0 1em auto;
}
   .icons {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
   }

   .tickets_c_normal {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -5px;
   }
      .tickets_c_free {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -5px;
   }
.tickets_c_orange {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_c_red {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_c_toolate {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
}
.tickets_c_off {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
   opacity: 0.3;
}
#off {
   opacity: 0.3;
}
#normal {
   opacity: 1;
}	
.tickets_buyquick {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.9s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.9s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.9s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

.buyquick {
font-size: 0.9rem; color: #df8600;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_buyreallyquick {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}

.buyreallyquick {
font-size: 0.9rem; color: #ff0000;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_toolate {
   height: 20px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
}

.toolate {
font-size: 0.9rem; color: #a60000;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.liennoir {
    color: #000;
}
.liennoir:hover {
    color: #ff0000; 
}
.liennoir:visited {
    color: #000; 
}
.green {
font-size: 0.8rem; color: #1a9900;
  display: inline-block;
  vertical-align: middle;
}
.orange {
font-size: 0.8rem; color: #e69900;
display: inline-block;
  vertical-align: middle;
}
.redcancel {color: #cc0000;}
.red {
font-size: 0.8rem; color: #cc0000;
display: inline-block;
  vertical-align: middle;
    /*-webkit-animation-name: blinks;
    -webkit-animation-duration: 1.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }*/
}

.googletranslate { 
	position:fixed;
    top: 0px; right: 0px;
	display: show;
	visibility: visible;
}

/* quotes -------------------------------------- */ 

.cbp-qtrotator {
	position: relative;
	margin: 1rem auto 1rem auto;
	max-width: 510px;
	width: 100%;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	border-top: 0px dotted #cc6699;
	border-bottom: 0px solid #999;
	padding: 0 0;
	top: 0;
	z-index: 10;
	opacity: 0;
	width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #ffcc00;
	height: 0px;
	width: 0%;
	top: 0;
	z-index: 10;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0;
}

.cbp-qtrotator blockquote p {
	font-family:  "Unica one", Verdana,  Helvetica, sans-serif; font-size: 20px; list-style-position: inside; 
	margin: 0.4em 0 1em; text-align: center;
}

.cbp-qtrotator blockquote footer {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 15px; font-style: italic; text-align: right; color: white; letter-spacing: 0px;
}

.cbp-qtrotator blockquote footer:before {
	content: '';
}

.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 1em;
}
    #calendar {
        width: 190px;
        border: 0px solid #ccc;
        font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
		color: #fff;
    }
    #calendar header {
        text-align: center;
        padding: 2px;
        background-color: transparent;
        border-radius: 15px;
		color: #ffcc00;
		font-family:  "supertramp79", Institution, Helvetica, sans-serif;
    font-size: 30px;
    }
    #calendar table {
        width: 100%;
        border-collapse: collapse;
    }
    #calendar th, #calendar td {
        text-align: center;
        border: 0px solid #ddd;
        padding: 2px;
		font-size: 12px;
    }
    #calendar th {
        background-color: transparent;
    }
    #calendar .prev, #calendar .next {
        cursor: pointer;
    }
	#calendar td a {
    display: inline-block;
    padding: 3px;
    border-radius: 50%; /* Donne une forme de cercle à la bulle */
    background-color: #ffcc00; /* Couleur de fond du lien */
    color: black; /* Couleur du texte du lien */
    text-decoration: none; /* Supprime le soulignement du texte */
    width: 20px; /* Taille fixe pour faire un cercle parfait */
    height: 20px;
    line-height: 20px; /* Centre le texte verticalement */
    text-align: center; /* Centre le texte horizontalement */
}

#calendar td {
    height: 30px; /* Assure suffisamment d'espace pour la bulle */
}
#calendar td.today {
    color: #ffcc00;
	font-weight: bold;

}

#calendar td.has-link {
    border: 0px solid red;
	border-radius: 50%;
}

#calendar td.today-with-link {
    background-color: red;
}
.extra-field {
    display: none;
    position: absolute;
    background-color: #ffcc00;
	font-family:  "Unica one", Institution, Helvetica, sans-serif;
	 font-size: 14px;
	border-radius: 10px;
	width: auto;
	color: black;
    padding: 3px;
    z-index: 10;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.past-link {
    color: gray;
}
.video-wrapper {
    display: flex;
    justify-content: center;
}
.video-container {
    position: relative;
    width: 500px;
    padding-bottom: 56.25%; /* 16:9 ratio (9 / 16 = 0.5625) */
    height: 0;
    overflow: hidden;
			-moz-border-radius:15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    border-radius: 15px; 
    behavior: url(PIE.htc); 

}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#complet2 {
	position: absolute;
	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 13px;
	letter-spacing: 0.09em;
		margin-left: 180px;
		margin-top: 0px;
		padding: 0 6px 0 6px; border-radius: 5px;
-moz-transform: rotate(347deg) translate(20px, 0px);
-webkit-transform: rotate(347deg);
-o-transform: rotate(347deg);
-ms-transform: rotate(347deg);
transform: rotate(347deg);
 background-color: #CC0000;
  color: #fff;
 z-index: 2000;
}

.text {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: #dad6bf; list-style-position: inside; margin-left:1cm; margin-right:1cm;}
a.text {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: white; cursor: url('yellow-pointer.cur'), pointer; }
a.text:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: yellow}
a.text:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: #dad6bf}
a.text:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: yellow}
.texts79 {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
    font-size: 1.7rem;
}
#maj {
text-transform: uppercase;}
.countdown {
POSITION:absolute;
Top:85px;
Left:50%;
margin-left:150px;
font-family:'supertramp79';
font-size:32px;
color:#ffcc00;
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  display: visible;
  z-index: 1100;
}
.countdownrl {
POSITION:absolute;
Top:85px;
Left:50%;
margin-left:80px;
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  display: visible;
  z-index: 1100;
}
/*.countdown {
POSITION:absolute;
Top:85px;
Left:50%;
margin-left:80px;
font-family:'Unica One';
font-size:16px;
color:#ffffff;
background-color: #0066cc;
padding:4px;
-moz-border-radius: 9px; 
    -webkit-border-radius:9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}*/
.flag_br {
POSITION:absolute;
margin-bottom:5px;
margin-left:0px;
width: 20px; height: auto;
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  display: visible;
}
.badge100 {
POSITION:absolute;
Top:260px;
Left:50%;
margin-left:-270px;
width: 80px;
height: auto;
z-index: 1000;
}

.datepostponed {
POSITION:absolute;
Top:110px;
Left:50%;
margin-left:310px;
font-family:'Unica One';
color:#ffffff;
font-size:1.2em;

background-color: #FF0000;
padding:5px;
-moz-border-radius: 9px; 
    -webkit-border-radius:9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  /*-moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;*/
}

.datetobeconfirmed {
POSITION:relative;
Top:10px;
letter-spacing: 2px;
font-family:'Unica One';
color:#174071;
font-size:0.8em;
background-color: #ffcc00;
padding:2px;
-moz-border-radius: 9px; 
    -webkit-border-radius:9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 
 /*transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;*/
  animation-name: example;
  animation-delay: 0.5s;
  animation-duration: 0.3s;
  animation-direction: alternate;
  animation-iteration-count: 8;
}
@keyframes example {
  from {background-color: #ffcc00;}
  to {background-color: red;}
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 50%; /* Place the button 30px from the right */
  margin-right:-550px;
  z-index: 2000; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #ffcc00; /* Set a background color */
  color: purple; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 8px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  font-family:  "Unica One";
}

#myBtn:hover {
  background-color: #800080; /* Add a dark-grey background on hover */
  color: white;
}


.texti {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; font-weight: normal; color: #dad6bf; list-style-position: inside; line-height: 1.4}

.texticon {  font-size: 1rem; color: #fabb31; list-style-position: inside; margin-top: 0px; margin-right:22px;}
a.texticon {  font-size: 1rem; color: #fabb31; list-style-position: inside; margin-top: 0px; margin-right:22px;}
a.texticon:hover {  font-size: 1rem; color: #ffffff; list-style-position: inside; margin-top: 0px; margin-right:22px;}
a.texticon:visited {  font-size: 1rem; color: #fabb31; list-style-position: inside; margin-top: 0px; margin-right:22px;}
a.texticon:visited:hover {  font-size: 1rem; color: #ffffff; list-style-position: inside; margin-top: 0px; margin-right:22px;}

.textpetit {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: #dad6bf; }
a.textpetit {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: #dad6bf;  }
a.textpetit:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: #ffffff;}
a.textpetit:visited {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: #dad6bf;  }
a.textpetit:visited:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: #ffffff; }

.text_include1 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: white; list-style-position: inside}
a.text_include1 {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: #ffcc00}
a.text_include1:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: white}
a.text_include1:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: #ffcc00}
a.text_include1:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: #ffffff}

.text_news {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: white; list-style-position: inside}
a.text_news {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: #ffcc00}
a.text_news:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: white}
a.text_news:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: #ffcc00}
a.text_news:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: #ffffff}

.setlist {  font-family:   Helvetica, sans-serif; font-size: 43px; color: black; font-weight: bold; letter-spacing: -0.5px; list-style-position: inside}

.textwarningnorm {
	font-family:  "Josefin sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9rem;
	color: #ffffff;
	background-color: #ff0000;
	padding-left: 5px; padding-right : 5px;
	    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc);
}

.text_include2 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: #dad6bf; list-style-position: inside}
a.text_include2 {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: #ffcc00}
a.text_include2:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: #ffffff}
a.text_include2:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: #dad6bf}
a.text_include2:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: #ffffff}


.textreplyguest {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: #ff99cc; font-style: italic; list-style-position: inside}
a.textreplyguest {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: italic; font-weight: bold; color: white}
a.textreplyguest:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: italic; font-weight: bold; color: orange}
a.textreplyguest:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: italic; color: white}
a.textreplyguest:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-style: italic; color: orange}

	a span{
     position:absolute;
	 z-index: 3; 
	 margin-top:20px;
     margin-left:0px;
	 font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
	 font-size:1em;
	 color:#000;
     background:rgba(255,153,0,.9);
     padding:5px;
     border-radius:2px;
     box-shadow:0 0 2px rgba(0,0,0,.2);
	 transform:scale(0);
	 transition:all .2s;  
	 opacity:0;
	 line-height: 1.2em;            
}
a:hover span, a:focus span{
     transform:scale(1);  
	 opacity:1;
	 margin-top:20px;
     margin-left:0px;      
}
#hide {
	display: show;
	visibility: visible;
	}
#show {
	display: none;
	visibility: hidden;
	}
	
	

	/**** slider ****/

#slider, ul
{
	height: 60px;
}

#slider
{
	margin: auto;
	overflow: hidden;
	padding: 1em;
	border: 0px solid rgba(0, 0, 0, 0.15);
	margin-top: 0px;
	position: relative;
	width: 538px;
}

#slider li
{
	float: left;
	position: relative;
	width: 538px;
	display: inline-block;
	height: 28px;
}

#slider ul
{
	list-style: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 4000px;
	transition: left .3s linear;
	-moz-transition: left .3s linear;
	-o-transition: left .3s linear;
	-webkit-transition: left .3s linear;
	margin-left: -27px;
  font-family:  "Unica One", Institution,  Helvetica, sans-serif;
	font-size: 1.4rem;
}

/*** Content ***/

.slider-container
{
	margin: 0 auto;
	padding: 0;
	width: 538px;
  min-height: 25px;
  border-bottom: 0px solid #ccc;
}

.slider-container h4
{
 	color: #0A7FAD;
  text-shadow: -1px 0px 0px rgba(0, 0, 0, 0.50);
}

.slider-container  p
{
	margin: 0px 0px;
	font-weight: semi-bold;
	text-align: center;
}

/*** target hooks ****/

@-webkit-keyframes slide-animation {
	0% {opacity:0;}
	2% {opacity:1;}
	20% {left:0px; opacity:1;}
	22.5% {opacity:0.6;}
	25% {left:-538px; opacity:1;}
	45% {left:-538px; opacity:1;}
	47.5% {opacity:0.6;}
	50% {left:-1076px; opacity:1;}
	70% {left:-1076px; opacity:1;}
	72.5% {opacity:0.6;}
	75% {left:-160.9em; opacity:1;}
	95% {opacity:1;}
	98% {left:-160.9em; opacity:0;} 
	100% {left:0px; opacity:0;}
}

#slider ul
{
	-webkit-animation: slide-animation 25s infinite;
}

/* use to paused the content on mouse over */

#slider ul:hover
{
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
/* end of slider */

.sent {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; list-style-position: inside}
.dashedline {
border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #fbaf00;
}
.dottedline {
border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #ffffff;
}
.colorange {
	font-family: "Josefin sans", Verdana, Helvetica, sans-serif;
	font-size: 0.8rem;
	color: #ffcc00;
	list-style-position: inside;
	font-weight: normal;

}
.col {
	font-family: "Josefin sans", Verdana, Helvetica, sans-serif;
	font-size: 0.8rem;
	color: #FFFFFF;
	list-style-position: inside;
	/*letter-spacing: 1px;*/
	font-weight: normal;

}
a.col {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; font-weight: bold; color: #FFFFFF}
a.col:hover {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; font-weight: bold; color: yellow}
a.col:visited {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: #FFFFFF}
a.col:visited:hover {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: yellow}
.smcaption {
	font-family: "Josefin sans", Verdana, Helvetica, sans-serif;
	font-size: 0.7rem;
	color: #FFFFFF;
	list-style-position: inside;
	/*letter-spacing: 1px;*/
	font-weight: normal;

}.colwrite {
font-family: 'Caveat', cursive;
font-size: 1.3rem;
line-height: 1.1rem;
}
.linktruncate {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 0.9rem;
	color: #dad6bf;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
a.linktruncate {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; font-weight: bold; color: #FFFFFF}
a.linktruncate:hover {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; font-weight: bold; color: yellow}

.button {
   background: #FFCC00;
   border: 0px solid #ffcc00;
   padding: 5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: BLACK;
   font-size: 18px;
  font-family: "Unica One", FreeSans, sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   background: #3C82B5;
   color: #ffffff;
   }
.button:active {
   background: #3C82B5;
   }
   
   .formmail {
   background: transparent;
   border: 1px dotted #ffcc00;
   padding: 8px;
   width: 100%;
   margin: 5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: white;
   font-size: 1rem;
  font-family: "Josefin sans", Helvetica, sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
 select {
        appearance: none;
        outline: 0;
        background-image: none;
        width: 100%;
        height: 100%;
        cursor: pointer;		
		   background: black;
   border: 1px dotted #ffcc00;
   padding: 8px;
   margin: 5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: white;
   font-size: 1rem;
  font-family: "Josefin sans", Helvetica, sans-serif;   text-decoration: none;
   vertical-align: middle;
    }
     
    .select {
        position: relative;
        display: block;
        width: 15em;
        height: 2em;
        line-height: 3;
        overflow: hidden;
        border-radius: .25em;
        padding-bottom: 10px;
    }
.playbutton {
   border: none; 
   background: #4971CD;
   padding: 5px 5px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #ffffff;
   font-size: 0.5rem;
   vertical-align: middle;
   }
.playbutton:hover {
   background: #4971CD;
   color: #fabb31;
   }
.playbutton:active {
   background: #fabb31;
   color: #ffffff;
   }
.city-list {
    max-height: 10px; /* Affiche initialement 5 villes, ajustez si nécessaire */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
  }
  .city-item {
    margin-bottom: 2px;
  }
  #show-more {
    background-color: transparent;
    border: none;
    padding: 2px;
    cursor: pointer;
    font-size: 17px;
    display: block;
    margin: 0 auto;
  }
#flip {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
        .dropbtn {
            font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	font-size: 1.5rem;
	background-color: #C73D3D;
            color: white;
            padding: 5px;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }
        
        .dropbtn:hover {
            background-color: #29709A;
        }
        
        /* Style pour le menu déroulant */
        .dropdown {
            position: relative;
            display: inline-block;
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
			min-width: 140px;
            background-color: #29709A;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 9px;
        }
        
        .dropdown-content a {
            padding: 2px 3px;
            text-decoration: none;
            display: block;
			color: white;
            font-family: "Josefin sans", Verdana, Helvetica, sans-serif;
	font-size: 0.8rem;
        }
        
        .dropdown-content a:hover {
            background-color: #ffcc00;
			color: black;
        }
        
        .dropdown:hover .dropdown-content {
            display: block;
        }
#fonddate {
background-image:url(images/dates_bkg2017.jpg);background-size: 500px auto;-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);}
.colpink {
	font-family:  "Josefin sans", Helvetica, sans-serif;
	font-size: 0.9rem;
	color: #79b8e5;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
a.colpink {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; font-weight: bold; color: #dad6bf}
a.colpink:hover {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; font-weight: bold; color: yellow}
a.colpink:visited {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; color: #dad6bf}
a.colpink:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.9rem; color: yellow}

.text1 {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #dad6bf;
	list-style-position: inside;
	text-align: justify;
	margin-left:0.7cm;
	margin-right:0.7cm;
	white-space: normal;
	line-height: 22px;

}
a.text1 {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: white; text-decoration: none; white-space: normal;margin-left:0cm; margin-right:0cm;}
a.text1:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: #79b8e5; text-decoration: none}
a.text1:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: white; text-decoration: none}
a.text1:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1rem; color: #79b8e5; text-decoration: none}
.gig {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: orange; list-style-position: inside; text-decoration: none}

.text2 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: white; list-style-position: inside; text-align: justify}
a.text2 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: #FFCC00; text-decoration: none}
a.text2:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; font-weight: bold; color: white; text-decoration: none}
a.text2:visited {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: white; text-decoration: none}
a.text2:visited:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: #FFCC00; text-decoration: none}

.text3 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: white; list-style-position: inside; text-align: justify}
a.text3 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: white; text-decoration: none}
a.text3:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: #FFCC00; text-decoration: none}
a.text3:visited {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: white; text-decoration: none}
a.text3:visited:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: #FFCC00; text-decoration: none}
.glow { width:100%; filter:glow(color=#000099,strength=5); font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: white}
.venue {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 0.5rem;
	color: gray;
	list-style-position: inside;
	letter-spacing: normal;
	font-style: italic;

}
a.venue {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: white; text-decoration: none}
a.venue:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: blue; text-decoration: none}
a.venue:visited {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: white; text-decoration: none}
a.venue:visited:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: blue; text-decoration: none}

.text4 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; color: gray; list-style-position: inside; text-align: justify}
.title {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; font-weight: bold; color: #FFCC00; list-style-position: inside}
.titleblue {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; font-weight: bold; color: blue; list-style-position: inside}
.smallblue {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.9rem; color: purple; list-style-position: inside}
a.smallblue {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.9rem; color: purple; text-decoration: none}
a.smallblue:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.9rem; color: purple; text-decoration: none}
a.smallblue:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.9rem; color: purple; text-decoration: none}
a.smallblue:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.9rem; color: purple; text-decoration: none}
.arrondiflag { 
    width: 26px;
	height: auto;
	-moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); 
	vertical-align: middle;
	padding: 0px;
}
.arrondiflag_b { 
    width: 26px;
	height: auto;
	-moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); 
	/*vertical-align: middle;*/
	padding: 3px;
}
.musicplay { 
    width: 11px;
	height: auto;}
.adr2 {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #dad6bf;
	list-style-position: inside;
}
.infosgig {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 0.9rem;
	list-style-position: inside;
}
.showtime {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #dad6bf;
	list-style-position: inside;

}

.adr3 {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #FFCC00;
	list-style-position: inside;
	padding-left: 1em;
		background-image: url(images/bkginside2010.png);
	background-repeat: repeat-x;
	background-Position:center top;
	-moz-border-radius: 0px 0px 10px 10px; 
    -webkit-border-radius:0px 0px 10px 10px; 
    -khtml-border-radius:0px 0px 10px 10px; 
    border-radius: 0px 0px 10px 10px; 
    behavior: url(PIE.htc);

}
.adr {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 0.9rem;
	color: #cc9900;
	list-style-position: inside;
    padding-left: 1em;

}
.adrcell {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 0.9rem;
	color: #FFCCFF;
	list-style-position: inside;
	padding-left: 1em;
    border-style:solid;
    border-bottom:1px dotted #ffcc00;
	border-top:0px;
	border-left:0px;
	border-right:0px;
}
.size {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; list-style-position: inside}
.verysmall {  font-family:   "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.5rem; letter-spacing: 1px; list-style-position: inside}
.click_count {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 8px; letter-spacing: 1px; list-style-position: inside}
.updatesmall {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.8rem; color: #6A9AC4; list-style-position: inside}
.small {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 0.6rem; color: #dad6bf; list-style-position: inside}
a.small {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.6rem; color: #ffffff; text-decoration: none}
a.small:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.6rem; color: orange; text-decoration: none}
a.small:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.6rem; color: #ffffff; text-decoration: none}
a.small:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.6rem; color: orange; text-decoration: none}
a.adr {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.6rem; color: blue; text-decoration: none}
a.adr:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.6rem; color: white; text-decoration: none}
a.adr:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.6rem; color: blue; text-decoration: none}
a.adr:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 0.6rem; color: white; text-decoration: none}
.head {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.5rem; letter-spacing: 2px; list-style-position: inside}
.head2 { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.5rem; color: #FFCC00; letter-spacing: 3px; list-style-position: inside}
.headpre { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.1rem; color: #ffffff; letter-spacing: 1px; list-style-position: inside; }
.headpre1 { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.4rem;; color: #ffcc00; letter-spacing: 1px; list-style-position: inside; }
.headpre2 { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1rem; color: #FFFFFF; letter-spacing: 2px; list-style-position: inside; }
.headpre3 { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1rem; color: #fabb31; letter-spacing: 3px; list-style-position: inside; }
.city { font-family:   "Unica One", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: #FA9600; letter-spacing: 3px; list-style-position: inside;}
.prod { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.5rem; color: #FFCC00; letter-spacing: 2px; list-style-position: inside}
.guestname { font-family:  "Josefin sans", Institution,   Helvetica, sans-serif; font-size: 0.9rem; color: #FFCC00; letter-spacing: 2px; list-style-position: inside; }
.guestrevname { font-family:  "Josefin sans", Institution,   Helvetica, sans-serif; font-size: 0.9rem; letter-spacing: 2px; list-style-position: inside; }
.menumember { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.4rem; letter-spacing: 3px; list-style-position: inside; }
.date {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #FFFFFF;
	list-style-position: inside;
	text-align: center;
	border: thin dotted #FF99FF;
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -khtml-border-radius: 6px; 
    border-radius: 6px; 
}
.soldout { height: 10px; wdth: auto;}
.date_g {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 26px; color: #FFFFFF; letter-spacing: 2px; list-style-position: inside;vertical-align: middle;}
.date_g_1 {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.9rem; color: #FFFFFF; letter-spacing: 1px; list-style-position: inside;vertical-align: middle;}
.numero_g {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 59px; color: #ffcc00; letter-spacing: 1px; list-style-position: inside; vertical-align: middle; line-height: 1em;  padding:0px 6px;}
.numero_g_1 {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 2.6em; color: #ffcc00; letter-spacing: 1px; list-style-position: inside; vertical-align: middle; line-height: 1em;}
.datebr21 {position:absolute; left:50%; top:38px; margin-left: 295px; width:200px; height:200px; z-index:1000;}
.date_title {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 35px; color: #ffcc00; list-style-position: inside}
.datesmall_title_blink {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 28px; color: #ffcc00; /*font-weight: bold; */list-style-position: inside;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
.date_title_blink {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 35px; color: #ffffff; /*font-weight: bold; */list-style-position: inside;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}
.namebr {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: 31px;
}
.fontunica {font-family: "Unica One", Institution, Helvetica, sans-serif;}

.fontsize_25 {font-size: 25px;}
.fontsize_26 {font-size: 26px;}
.fontsize_27 {font-size: 27px;}
.fontsize_28 {font-size: 28px;}
.fontsize_29 {font-size: 29px;}
.fontsize_30 {font-size: 30px;}
.fontsize_31 {font-size: 31px;}
.fontsize_32 {font-size: 32px;}
.fontsize_33 {font-size: 33px;}
.fontsize_34 {font-size: 34px;}
.fontsize_35 {font-size: 35px;}
.fontsize_36 {font-size: 36px;}
.fontsize_37 {font-size: 37px;}
.fontsize_38 {font-size: 38px;}
.fontsize_39 {font-size: 39px;}
.fontsize_40 {font-size: 40px;}
.fontsize_41 {font-size: 41px;}
.fontsize_42 {font-size: 42px;}
.fontsize_43 {font-size: 43px;}
.fontsize_44 {font-size: 44px;}
.fontsize_45 {font-size: 45px;}
.ville_g_sm {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; list-style-position: inside;vertical-align: middle;}
.ville_g_med {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 20px; color: #FFFFFF; list-style-position: inside;vertical-align: middle;}
.ville_g_big {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 25px; color: #FFFFFF; list-style-position: inside;vertical-align: middle;}
.salle_g_vsm {  font-family:  "supertramp79", Institution, Helvetica, sans-serif; list-style-position: inside; font-style: normal; font-variant: normal; text-decoration: none; line-height: 45px; font-size: 28px; list-style-position: inside;vertical-align: middle;}
.salle_g_sm {  font-family:  "supertramp79", Institution, Helvetica, sans-serif; list-style-position: inside; font-style: normal; font-variant: normal; text-decoration: none; line-height: 45px; font-size: 35px; list-style-position: inside;vertical-align: middle;}
.salle_g_med {  font-family:  "supertramp79", Institution, Helvetica, sans-serif; list-style-position: inside; font-style: normal; font-variant: normal; text-decoration: none; line-height: 50px; font-size: 40px; list-style-position: inside;vertical-align: middle;}
.salle_g_big {  font-family:  "supertramp79", Institution, Helvetica, sans-serif; list-style-position: inside; font-style: normal; font-variant: normal; text-decoration: none; line-height: 55px; font-size: 46px; list-style-position: inside;vertical-align: middle;}

.cancelled {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.1rem; color: #cc0000; font-weight: bold; list-style-position: inside; letter-spacing: 1px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	
	.tbc {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1rem; color: #ffcc00; font-weight: bold; list-style-position: inside; letter-spacing: 0px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}

#barre {
  color: #a68400;
/*text-decoration: line-through;*/ }

.news_blink {  font-family:  "Unica One", Institution, Helvetica, sans-serif; font-size: 1.3rem; /*font-weight: bold; */list-style-position: inside;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}

@keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}
@keyframes blinks {  
  from { opacity: 1; }
  to { opacity: 0.3; }
}
      .playbuttonround {
   border: none; 
   background: #ff66cc;
   padding: 2px 5px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #ffffcc;
   font-size: 0.5rem;
  font-family: Helvetica,  sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
.playbuttonround:hover {
   background: #ffcc00;
   color: #336699;

   }
.playbuttonround:active {
   background: #ff66cc;
   }
.playbuttontitle {
   border: 0px solid #4971CD;
   background: #4971CD;
   padding: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: #dad6bf;
   font-size: 0.8rem;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }
.playbuttontitle:hover {
   background: #4971CD;
   color: #fabb31;
   }
.playbuttontitle:active {
   background: #fabb31;
   color: #ffffff;
   }

.city_g {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1rem; color: #ffffff; list-style-position: inside}
.ann_g {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1rem; color: #ffcc00; list-style-position: inside}
.headcol {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 1.3rem;
	color: #fabb31;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}

.headcolo {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	font-size: 2rem;
	color: #fabb31;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}
.quoteslo {
	font-family:  "logicaltramp", Institution,   Helvetica, sans-serif;
	font-size: 2rem;
	letter-spacing: 0px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: 1.5rem;

}

.searchlo {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	font-size: 1.6rem;
	color: #fabb31;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}
.headcol2 {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}
.headcol3 {
	font-family:  "Margaret Regular",   Helvetica, sans-serif;
	font-size: 1.4rem;;
	color: #fabb31;
	list-style-position: inside;
	font-weight: bold;
	font-variant: normal;
	line-height: 50%;

}
.venuename {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 7px;
	font-size: 1.3rem;
	list-style-position: inside;
	font-style: normal;
	color: #FFCC00;
	font-variant: normal;
	line-height: normal;
    padding-left: 1em;
	background-image: url(images/bkg_darker3.png);
	background-Position:center top;
}
.venuetour {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 3px;
	font-size: 1.4rem;
	list-style-position: inside;
	font-style: normal;
	color: #ff6699;
	font-variant: normal;
	line-height: normal;
}
.venuetourlo {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 2.4rem;
	list-style-position: inside;
	font-style: normal;
	color: #ff6699;
	font-variant: normal;
	line-height: normal;
}
#cd {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 17px;
	position: absolute;
		margin-left: -20px;
		margin-top: -3px;
  color: #ff6699;
 z-index: 100;
 -moz-transform: rotate(355deg) ;
-webkit-transform: rotate(355deg);
-o-transform: rotate(355deg);
-ms-transform: rotate(355deg);
transform: rotate(355deg);
}

.venuenamepast {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 1.3rem;
	list-style-position: inside;
	font-style: normal;
	color: #FFCC00;
	font-variant: normal;
	line-height: normal;
}
.airport {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 1.4rem;
	list-style-position: inside;
	font-style: normal;
	color: #FFCC00;
	font-variant: normal;
	line-height: normal;
}
.titlepage {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 3.1rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: 3rem;
	background: -webkit-linear-gradient(left, #ff3399, #ffff00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.thumbnail_60 {
  position: relative;
  width: auto;
  height: 90px;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
margin: 0.4em 0.4em 0.4em 0.4em;
}
.thumbnail_med_left {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
margin: 0.4em 0.4em 0.4em 0.4em;
}

.thumbnail_60h {
  position: relative;
  width: 42%;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
margin: 0.4em 0.4em 0.4em 0.4em;
}


.thumbnail_100p {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
margin: 0 0 1em auto;
}

.gigon {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
	color: orange;
	font-weight: bold;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.gigtoday {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
	color: #66ff00;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	font-weight: bold;

}
.gigoff {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.3rem;
	color: #cc0033;
	font-weight: bold;
	list-style-position: inside;
    text-decoration:line-through;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.gigblink {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1.1rem;
	color: #ff66ff;
	font-weight: bold;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
		-webkit-animation-name: blinks;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 2.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

.musiname {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 2.1rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.musiname2 {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 23px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}

.colmusi { 
width: 120px;
display: show;
visibility: visible;
}
.colmusi2 { 
width: 25%;
display: show;
visibility: visible;
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	font-size: 17px;
	color: #ffcc00;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;
}
.textinsti {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 1.4rem;
}
.datessmall {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 19px;
}
.textquo {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 1.5rem;
}

.gigover {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 0.8rem;
	color: #ff3399;
	-webkit-animation-name: blinks;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.textindays {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 0.9rem;
	color: lime;
}
.texttoday {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 0.9rem;
	color: #ffcc00;
	letter-spacing: 2px;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.textwarning {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 0.9rem;
	color: #ffffff;
	background-color: #ff0000;
	    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc);

	letter-spacing: 1px;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.textannounce {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 1rem; letter-spacing: 4px;
}

.musismall {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 0.9rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.musismall2 {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 0.9rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.bullegig {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 1.5rem; font-weight: bold; letter-spacing: 1px; list-style-position: inside}
.gigpop1 { font-family: "Unica One", Institution,   Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:18px; list-style-position: inside; } 
.gigpop2 { display: block; font-family: "Unica One", Institution,  Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:18px; } 
.gigpop3 { display: block; font-family: "Unica One", Institution,  Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:21px;  } 
.gigpop4 { font-family: "Unica One", Institution,   Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:160px; color: #FBAF00;  list-style-position: inside; } 
.bulle_logo {
  width: 20px;
  height: 20px;
}
.dot {
  width: 14px;
  height: 14px;
}
  .tabcol{
    color:#FF99FF;
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	list-style-position: inside;
	text-align: center;
	font-weight: bold;
}
  .tabday{
    color:#FFcc00;
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	list-style-position: inside;
	text-align: center;
	font-weight: bold;
	background-color: #ff3399;
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc);
	padding: 3px;}
  .tab2024{background-color:#19388b; color:#dad6bf; font-family: "Unica One", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; text-align: center; -moz-border-radius: 10px; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc);
}  .tabnormal{background-color:#19388b; color:#dad6bf; font-family:  "Unica One", Institution, Helvetica, sans-serif; font-size: 1.3rem; list-style-position: inside; text-align: center;     -moz-border-radius: 10px; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc);
}
  .tabnormalon{background-color:#3D83B6; color:#ffffff; font-family:  "Unica One", Institution,  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.5rem; list-style-position: inside; text-align: center;     -moz-border-radius: 10px; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc);
 
 /* -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;*/
}

  .tabover{background-color:#000099; color:white; font-family:  "Unica One", Institution,  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.5rem; list-style-position: inside; text-align: center}

a:link          {color: #FFCC00; text-decoration: none}
a:visited       {color: #FFCC00; text-decoration: none}
a:active        {color: white; text-decoration: none}
a:hover         {color: white; text-decoration: none}

body { 
scrollbar-3dlight-color:black; 
scrollbar-arrow-color:white;
scrollbar-base-color:black;
scrollbar-darkshadow-color:black;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#993399;
scrollbar-shadow-color:black;
}

.descri {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 0.6rem;
	color: #FFCC00;
}
.newstext {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 21px;
}
#picprint {
	width: 460px;
	height: auto;
}
 #picnoprint {
	width: 400px;
	height: auto;
	display: show;
	visibility: visible;
}
.table {
		background-image: url(images/bkginside2010.png);
	background-repeat: repeat-x;
	background-Position:center top;
cellpadding:0;
	cellspacing:0;
	background-attachment: scroll;
	text-align: justify;
	width: 538px;
}
.tablegear {
	background-image: url(images/bkginside2010.png);
	background-repeat: repeat-x;
	background-Position:center top;
	cellpadding:10;
	cellspacing:0;
	background-attachment: scroll;
} 
 
#logo {
	width: auto;
	height: auto;  
   margin: auto;
   z-index: 10;
	}
	#logo_rl {
	width: auto;
	height: auto;  
   margin: auto;
   z-index: 10;
	}

.name {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	font-variant: normal;
	color: #FFCC00;
	letter-spacing: 1px;
	padding-left: 1em;

}
.time {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	text-align: right;
	vertical-align: top;
	color: #FFCCFF;
	font-style: normal;
}
.timeguest {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 0.6rem;
	color: #ffcc00;
	font-style: normal;
}
.textrose {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #D6BF74;
}
.textcream {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #dad6bf;
}
.textbox {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #FFFFFF;
	text-align: justify;

}
.textboxpink {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1rem;
	color: #FFcc00;
	text-align: justify;

}

.opac { FILTER: alpha(opacity=60); moz-opacity: .3}
.clair { FILTER: alpha(opacity=100)}

#img.source-image {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@font-face {
font-family: 'InstitutionRegular';
src: url('instituweb.eot');
src: local('Institution'),
local('Institution'),
url('institu.ttf') format('truetype'),
url('instituweb.woff') format('woff'),
url('instituweb.svg#webfontLpE0pkTQ') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
    font-family: 'margaretregular';
    src: url('marga-webfont.eot');
	src: local('Margaret Regular'),
local('Margaret Regular'),
    src: url('marga-webfont.eot?#iefix') format('embedded-opentype'),
         url('marga-webfont.woff') format('woff'),
         url('marga-webfont.ttf') format('truetype'),
         url('marga-webfont.svg#margaretregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  color: #dad6bf;
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
   cursor: pointer;
}


h1 { 
  font-family: "Unica One", Institution,  Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 1.4rem; 
  color: #ffcc00;
} 
h1 span { 
  font-size: 1.4rem; 
  color: #09C4BF;
} 
h1 a, h1 a:visited {
  color: #ffcc00;
  text-decoration: none;
}
h1 a:hover, h1 a:focus {
  text-decoration: none;
  outline: none;
}

h2 { 
  font-family: "Unica One", Institution, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 0.7;
  letter-spacing: 3px; 
} 
.announce { 
  font-family: "Josefin sans", Institution, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  vertical-align: top;
  font-size: 0.9rem;
  line-height: 0.7;
  letter-spacing: 0px;
  color: #ff0000; 
} 

h3 { 
  display: inline-block;
  font-family: "Unica One", Institution, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;; 
  line-height: 1;
  color: white;
} 
h3 span { 
  display: block;
  font-weight: normal;
  font-size: 29px; 
  color: orange;
} 
h3 a, h3 a:visited {
  color: #ff9900;
  text-decoration: none;
}
h3 a:hover, h3 a:focus {
  color: #ff3399;
  text-decoration: none;
  outline: none;
}

h4 { 
  display: block;
  font-family: "Unica One", Institution,  Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size:30px; 
  color: white;
} 
h4 span { 
  display: block;
  font-weight: italic;
  font-size: 1rem; 
  color: orange;
} 
h4 a, h4 a:visited {
  color: #cccccc;
  text-decoration: none;
}
h4 a:hover, h4 a:focus {
  text-decoration: none;
  color: #ffffff;
  outline: none;
}
h5 { 
  display: block;
  font-family: "Unica One", Institution,  Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 1.1rem; 
  color: white;
} 
h5 span { 
  display: block;
  font-weight: italic;
  font-size: 1.1rem; 
  color: orange;
} 
h5 a, h5 a:visited {
  color: orange;
  text-decoration: none;
}
h5 a:hover, h5 a:focus {
  text-decoration: none;
  color: white;
  outline: none;
}

h6 { 
  font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
  font-weight: bold;
  font-size: 30px; 
  color: white;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
} 

#opactab {
  background-color : rgba(77, 6, 16,0);}

#blog {
	padding:15;
	font-size:16px;
	color:#fff;
	font-family:"Unica One", Institution, Tahoma, "Trebuchet MS",  Helvetica, FreeSans, sans-serif;
	opacity:0.9;
    width:auto!important;
	margin: 70px 150px!important;}

.round {
 -webkit-border-radius: 1em;
 -moz-border-radius: 1em;
 border-radius: 1em;
}

#round {
 -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc);
}


.arrondi { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
}

.webdate { 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc);
	width: auto; 
}

.td_date { 
    -moz-border-radius: 10px 10px 0px 0px; 
    -webkit-border-radius: 10px 10px 0px 0px; 
    -khtml-border-radius: 10px 10px 0px 0px; 
    border-radius: 10px 10px 0px 0px; 
    behavior: url(PIE.htc);
	background-color: #990066; 
	padding-left:1em;
	padding-bottom:5px;
	opacity : 0.93; 
    filter : alpha(opacity=93);
}
.td_dateoff { 
    -moz-border-radius: 10px 10px 0px 0px; 
    -webkit-border-radius: 10px 10px 0px 0px; 
    -khtml-border-radius: 10px 10px 0px 0px; 
    border-radius: 10px 10px 0px 0px; 
    behavior: url(PIE.htc);
	background-color: #990000; 
	padding-left:1em;
	padding-bottom:5px;
}
.td_gig { 
    -moz-border-radius: 0px 0px 10px 10px; 
    -webkit-border-radius:0px 0px 10px 10px; 
    -khtml-border-radius:0px 0px 10px 10px; 
    border-radius: 0px 0px 10px 10px; 
    behavior: url(PIE.htc);
	padding-left:1em;
	padding-bottom:5px;
background-image: url(images/bkginside2010.png);
	background-repeat: repeat-x;
	background-Position:center top;
}

.arrondiombre { 
    -moz-border-radius: 13px; 
    -webkit-border-radius: 13px; 
    -khtml-border-radius: 13px; 
    border-radius: 13px; 
    behavior: url(PIE.htc); 
  
}
.arrondicarre { 
    -moz-border-radius: 22px; 
    -webkit-border-radius: 22px; 
    -khtml-border-radius: 22px; 
    border-radius: 22px; 
    behavior: url(PIE.htc); 
}
.arrondiombre2 { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
  
}
.arrondiombrezip { 
    -moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    -khtml-border-radius: 7px; 
    border-radius: 7px; 
    behavior: url(PIE.htc); 
  
}

.arrondiombremini { 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    -khtml-border-radius: 2px; 
    border-radius: 2px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 3px #000000; 
  -webkit-box-shadow: 2px 2px 3px #000000; 
  box-shadow: 2px 2px 3px #000000;
}
.arrondibulletop { 
    -moz-border-radius: 23px; 
    -webkit-border-radius: 23px; 
    -khtml-border-radius: 23px; 
    border-radius: 23px; 
    behavior: url(PIE.htc); 
  
}

.arrondiblogvertsmall { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 10px #999900; 
  -webkit-box-shadow: 0px 0px 10px #999900; 
  box-shadow: 0px 0px 10px #999900;
}
.arrondiblogvert { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 10px #999900; 
  -webkit-box-shadow: 0px 0px 10px #999900; 
  box-shadow: 0px 0px 10px #999900;
}

.arrondimauve { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 30px #663399; 
  -webkit-box-shadow: 0px 0px 30px #663399; 
  box-shadow: 0px 0px 30px #663399;
}
.arrondired { 
    -moz-border-radius: 40px; 
    -webkit-border-radius: 40px; 
    -khtml-border-radius: 40px; 
    border-radius: 40px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 500px #990000; 
  -webkit-box-shadow: 0px 0px 500px #990000; 
  box-shadow: 0px 0px 500px #990000;
}

.arrondiombretableauopacity { 
background-image: url(images/bkg.jpg);
    -moz-border-radius: 25px; 
    -webkit-border-radius: 25px; 
    -khtml-border-radius: 25px; 
    border-radius: 25px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 2px #000000; 
  -webkit-box-shadow: 0px 2px 2px #000000; 
  box-shadow: 0px 2px 2px #000000;
}

.th { 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 3px #000000; 
  -webkit-box-shadow: 0px 2px 3px #000000; 
  box-shadow: 0px 2px 3px #000000;
  margin-right: 8px;
}
.arrondiombrevignette { 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}
.fadeshow1 { 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
	width:95%px;
	height: auto;
}
.photocentrale { 
   width:95%;
   height: auto;
   text-align:center;
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}
.photo100 { 
   width:100%;
   height: auto;
   text-align:center;
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc);
	  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000; 
}
.photodouble { 
   width:40%;
   height: auto;
   text-align:center;
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
  padding: 10px;
}

.arrondiombremusi { 
width: 90%;
height: auto;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%; 
    -khtml-border-radius: 100%; 
    border-radius: 100%; 
    behavior: url(PIE.htc); 
}
.arrondiombredisque { 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 0px 100px #cc6699; 
  -webkit-box-shadow: 0px 0px 100px #cc6699; 
  box-shadow: 0px 0px 100px #cc6699;
}
.ombre { 
  -moz-box-shadow: 2px 2px 10px #000; 
  -webkit-box-shadow: 2px 2px 10px #000; 
  box-shadow: 2px 2px 10px #000;
}
.form { 
	padding-left:6px;
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 1rem;
  color: #7b98e5;
  border: 1 solid #dad6bf;
  ; 
  background-color: #dad6bf;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); 
  
}
.form2 { 
	padding-left:6px;
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 1rem;
  color: #7b98e5;
  border: 1 solid #dad6bf;
  ; 
  background-color: #dad6bf;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}
.form3 { 
	padding-left:6px;
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 1rem;
  color: #000000;
  border: 0 solid #dad6bf;
  background-color: #dad6bf;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #9C8754;
	font-size: 1rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #9C8754;
	font-size: 1rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #9C8754;
	font-size: 1rem;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #9C8754;
	font-size: 1rem;
}
.formimage { 
	padding-left:6px;
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 1rem;
  color: #000000;
  background-image: url(images/formimage.jpg);
  border: 1 solid #ff9900;
  background-color: #ff9900;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}

.formimage2 { 
	padding-left:6px;
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 1rem;
  color: #cccccc;
  background-image: url(images/formimage2.jpg);
  border: 1 solid #993366; 
  background-color: #993366;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}
.date_button { 
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-size: 0.5rem;
	font-weight: bold;
  color: #19388b;
  border: 0 solid #fff;
  background-color: #79b8e5;
  padding-left: 3px;
  padding-right: 3px;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
}
a.date_button {  color: #990000; }
a.date_button:hover {  color: #fff;}
a.date_button:visited {  color: #990000; }
a.date_button:visited:hover {  color: #fff;}
.formbutton { 
	font-family: "Unica One", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 0.9rem;
  color: #ffffff;
  border: 0 solid #D27E00;
  ; 
  background-color: #D27E00;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  
}

.formbutton2 { 
	font-family: "Unica One", Verdana,  Helvetica, FreeSans, sans-serif;
	font-size: 0.9rem;
	letter-spacing: 1px;
  color: #ffffff;
  border: 1 solid #dad6bf; 
  background-color: #dad6bf;
    -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    -khtml-border-radius: 12px; 
    border-radius: 12px; 
    behavior: url(PIE.htc);
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
}


.outsideuk { 
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 0.9rem;
  color: #ffcc00;
  /*padding: 1px;
  border: 1px solid #ffcc00;
  background-color: #993399;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); */
}
.previous { 
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 0.6rem;
  color: #ffffff;
  border: 1 solid #663366;
  ; 
  background-color: #993366;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
  
}


.flag { 
	margin-left: 7px;
}

.arronditop { 
        -moz-border-radius: 20px 20px 0 0; 
        -webkit-border-radius: 20px 20px 0 0; 
        border-radius: 20px 20px 0 0;         
        -webkit-border-top-left-radius: 20px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 20px; /* pour Chrome */ 
        behavior: url(PIE.htc); 
}
.arrondibot { 
        -moz-border-radius: 0 0 20px 20px; 
        -webkit-border-radius: 0 0 20px 20px; 
        border-radius: 0 0 20px 20px;         
        -webkit-border-bottom-left-radius: 20px; /* pour Chrome */ 
        -webkit-border-bottom-right-radius: 20px; /* pour Chrome */ 
        behavior: url(PIE.htc); 
}
#bigger img {
  display: inline-block;
  background:#fff;
  margin: 2px 2px 2px 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 1px 9px #999; 
  -webkit-box-shadow: 1px 1px 9px #999; 
  box-shadow: 1px 1px 9px #999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#bigger a:hover img, #bigger a:focus img {
  -moz-transform: scale(1.15) rotate(5deg); 
  -webkit-transform: scale(1.15) rotate(5deg);
  transform: scale(1.15) rotate(5deg);
}

#med img {
  display: inline-block;
  background:#fff;
  margin: 20px 20px 20px 20px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 1px 9px #333; 
  -webkit-box-shadow: 1px 1px 9px #333; 
  box-shadow: 1px 1px 9px #333;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#med a:hover img, #med a:focus img {
  -moz-transform: scale(1.15) rotate(2deg); 
  -webkit-transform: scale(1.15) rotate(2deg);
  transform: scale(1.15) rotate(2deg);
}


#guitare img {
  display: inline-block;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -moz-transform: rotate(10deg); 
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}

#guitare a:hover img, #guitare a:focus img {
  -moz-transform: scale(1.2) rotate(30deg); 
  -webkit-transform: scale(1.2) rotate(30deg);
  transform: scale(1.2) rotate(30deg);
}

#amp img {
  display: inline-block;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
}

#amp a:hover img, #amp a:focus img {
  -moz-transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#noround img {
  display: inline-block;
  background:#fff;
  margin: 1em 1em 1em 1em;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -moz-box-shadow: 1px 1px 5px #666; 
  -webkit-box-shadow: 1px 1px 5px #666; 
  box-shadow: 1px 1px 5px #666;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#noround a:hover img, #noround a:focus img {
  -moz-transform: scale(1.3) rotate(-8deg); 
  -webkit-transform: scale(1.3) rotate(-8deg);
  transform: scale(1.3) rotate(-8deg);
}

#smaller img {
  display: inline-block;
  background:#fff;
  margin: 2px 2px 2px 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#smaller a:hover img, #smaller a:focus img {
  -moz-transform: scale(0.95) rotate(-2deg); 
  -webkit-transform: scale(0.95) rotate(-2deg);
  transform: scale(0.95) rotate(-2deg);
}

#box {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;

}

#box:hover {
-moz-transform: scale(1.2); 
-webkit-transform: scale(1.2);
 transform: scale(1.2);
}
#menubox {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
width: 58px;
height: auto;
padding: 0px; 
}

#menubox:hover {
-moz-transform: scale(1.2); 
-webkit-transform: scale(1.2);
 transform: scale(1.2);
 width: 58px;
height: auto; 
}
.bulle_update {
position: absolute;
 background-Position:center center; background-repeat: no-repeat;
  margin-left: -15px;
  margin-bottom: 10px;
  z-index: 1000;
  padding: 5px; /*background-color:#E00000;*/ -moz-border-radius:5px;-webkit-border-radius:5px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
font-size: 13px;
/*color: #ffffff;*/
list-style-position: inside;
text-align: center;
}
.lundi {
  background-color: #D80000; /* rouge */
}

.mardi {
  background-color: #66D800; /* vert */
}

.mercredi {
  background-color: #00AAD8; /* bleu */
}

.jeudi {
  background-color: #8A00D8; /* mauve */
}

.vendredi {
  background-color: #D88D00; /* brun */
}

.samedi {
  background-color: #007DD8; /* cyan */
}

.dimanche {
  background-color: #D800B4; /* orange */
}
.jour-0 {
  background-color: #E00000;  color: #ffffff;
}

.jour-1 {
  background-color: #E63A00; color: #ffffff;
}

.jour-2 {
  background-color: #EC7400; color: #ffffff;
} 

.jour-3 {
  background-color: #F2AE00; color: #000;
}

.jour-4 {
  background-color: #F9BB00; color: #000;
}

.jour-5 {
  background-color: #FFC600; color: #000;
}

.jour-6 {
  background-color: #FFCC00; color: #000;
}

.jour-7 {
  background-color: #FFE064; color: #000;
}

}.webthumb {
width: 34px;
height: auto;
}
.webthumb_mob {
width: 0px;
height: auto;
padding: 0 0;
}

#turn {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#turn:hover {
-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
#turnmini {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

#turnmini:hover {
-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
#flipY {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#flipY:hover {
-moz-transform: scale(1.5) rotateY(360deg); 
-webkit-transform: scale(1.5) rotateY(360deg);
 transform: scale(1.5) rotateY(360deg);
}
#rotate3d {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#rotate3d:hover {
-moz-transform: rotate3d(1,1,0,180deg); 
-webkit-transform: rotate3d(1,1,0,180deg);
 transform: rotate3d(1,1,0,180deg);
}


#flipX {
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#flipX:hover {
-moz-transform: rotateX(360deg); 
-webkit-transform: rotateX(360deg);
 transform: rotateX(360deg);
}

#topit {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#topit:hover {
-moz-transform: scale(1.5); 
-webkit-transform: scale(1.5);
 transform: scale(1.5);
}
#lien {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#badge:hover {
-moz-transform: scale(3) rotate(360deg); 
-webkit-transform: scale(3) rotate(360deg);
 transform: scale(3) rotate(360deg);
}

#badge {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#lien:hover {
-moz-transform: scale(1.2) rotate(2deg); 
-webkit-transform: scale(1.2) rotate(2deg);
 transform: scale(1.2) rotate(2deg);
}

#zoom {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

#zoom:hover {
-moz-transform: scale(4) rotate(360deg); 
-webkit-transform: scale(4) rotate(360deg);
 transform: scale(4) rotate(360deg);
}
#press {
height: auto;
width:95%; 
    margin-left:0%; 
    margin-right:2%; 
}
#video {
height: auto;
width:94%; 
    margin-left:3%; 
    margin-right:3%; 
}
#quiteright {
height:auto;
width:140px;  
}
#ltwhite {
height:auto;
width:170px;  
}
#videoframe {
 width: 520px;
height: auto; 
}
#imglarge {
 width: 500px;
height: auto; 
}
	.footer {
background-color: rgba(0,0,0,0.0); border-top: 1px dotted #cccccc;
font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 0.6rem;
  color: #dad6bf;
  display: show;
	visibility: visible;}
	.musismall3 {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 1rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
-moz-column-count: 3;
-moz-column-gap: px;
-webkit-column-count: 3;
-webkit-column-gap: px;
column-count: 3;
column-gap: px;
}
   
   .iconaudio {
   height: 24px;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -7px;
   }
   .icontech {
   height: 27px;
   width: auto;
   }      .icontechsmall {
   height: 15px;
   width: auto;
   vertical-align: middle;
   }


	.thumbnail {
  position: relative;
  width: 85px;
  height: 85px;
  overflow: hidden;
  -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 

}
	.thumbnail2 {
  position: relative;
  width: auto;
  height: 80px;
  overflow: hidden;
  -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 

}
	.thumbnailpic {
  position: relative;
  width: auto;
  height: 100px;
  overflow: hidden;
  -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 

}

@media (max-width: 1081px) { 
 
 /* passer tous les éléments de largeur fixe en largeur automatique */ 
 body, element1, element2 { 
   width: auto !important; 
   margin: auto !important; 
   padding: auto !important; 
 }

   .iconaudio {
   height: 44px;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -10px;
   }	

      .icontech {
   height: 50px;
   width: auto;
   }
         .icontechsmall {
   height: 20px;
   width: auto;
   vertical-align: middle;
   }

   	.thumbnail {
  position: relative;
  width: auto;
  height: 150px;
  overflow: hidden;
  -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 

}
     	.thumbnail2 {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 

}
	.thumbnailpic {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  -moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 

}
.button {
   background: #FFCC00;
   border: 0px solid #ffcc00;
   padding: 5px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: BLACK;
   font-size: 1.5rem;
  font-family: "Unica One", FreeSans, sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   background: #3C82B5;
   color: #ffffff;
   }
.button:active {
   background: #3C82B5;
   }
   
   .formmail {
   background: transparent;
   border: 1px dotted #ffcc00;
   padding: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   color: white;
   font-size: 1.4rem;
  font-family: "Josefin sans", Helvetica, sans-serif;   text-decoration: none;
   vertical-align: middle;
   }

.lasttickets {
padding: 5px;background-color:#6323AD;-moz-border-radius:5px;-webkit-border-radius:5px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 2rem; color: #000000; list-style-position: inside; text-align: center;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.8; }
    100% { opacity: 1.0; }
}
.tickets_buyquick {
   height: 80px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}

.buyquick {
font-size: 2.6rem; color: #df8600;
transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_buyreallyquick {
   height: 80px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}

.buyreallyquick {
font-size: 2.6rem; color: #ff0000;
transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_toolate {
   height: 80px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
}

.toolate {
font-size: 2.6rem; color: #a60000;
transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
}

.green {
font-size: 2.5rem; color: #1a9900;
display: inline-block;
  vertical-align: middle;
}
.orange {
font-size: 2.5rem; color: #e69900;
display: inline-block;
  vertical-align: middle;
}

.red {
font-size: 2.5rem; color: #cc0000;
display: inline-block;
  vertical-align: middle;
    /*-webkit-animation-name: blinks;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.8; }
    100% { opacity: 1.0; }*/
}

.news_blink {  font-family:  "Unica One", Institution, Helvetica, sans-serif; font-size: 35px; /*font-weight: bold; */list-style-position: inside;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}
.arrondiflag_b { 
    width: 15%;
	height: auto;
	-moz-border-radius: 7px; 
    -webkit-border-radius: 7px; 
    -khtml-border-radius: 7px; 
    border-radius: 7px; 
    behavior: url(PIE.htc); 
	vertical-align: middle;
	padding: 10px;
}.arrondiflag { 
    width: 26px;
	height: auto;
	-moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); 
	vertical-align: middle;
	padding: 3px;
}
.musicplay { 
    width: 38px;
	height: auto;}

.material-icons {
  font-family: 'Material Icons';
  color: #dad6bf;
  font-weight: normal;
  font-style: normal;
  font-size: 45px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
   cursor: pointer;
}

 .texticon {  font-size: 1.5rem; color: #fabb31; list-style-position: inside; margin-top: 0px; margin-right:20px;}
#complet2 {
	position: absolute;
	font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: 50px;
	letter-spacing: 0.1em;
		margin-left: 450px;
		margin-top: 0px;
		padding: 0 0 0 0; border-radius: 0px;
-moz-transform: rotate(347deg) translate(20px, 0px);
-webkit-transform: rotate(347deg);
-o-transform: rotate(347deg);
-ms-transform: rotate(347deg);
transform: rotate(347deg);
 background-color: #000;
  color: #cc0000;
 z-index: 2000;
}
#flagdate {
height:37px;
width:auto;
	-moz-border-radius: 6px; 
    -webkit-border-radius: 6px; 
    -khtml-border-radius: 6px; 
    border-radius: 6px; 
    behavior: url(PIE.htc); 
}
#icondate {
font-size: 38px;}

#wrapper{
  margin:0 auto;
  text-align:left;
}
#content {
  max-width:95%;
  width:95%;
  margin:0 auto;
  padding-bottom:0;
  overflow:hidden;  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem; font-weight: normal; color: #dad6bf; list-style-position: inside; line-height: 1
}
.demo {
	margin-top:-5px;
	padding:0;
	border_bottom:1px solid #ccc;
	position:relative;
	overflow:hidden;
	width: 95%;
}
.collapse p {padding:0 0 1em;
line-height: 1;
margin-left:25px;}

#switch, .switch {margin-top:-35px; text-align:right}

.column1 {
  width:95%;
  }
    .column2 {
  width:95%;
  }
  
  #picquote {
 width: 75%;
height: auto; 
}
 .weblinks { 
    position:fixed;
    bottom: 50px; right: 10px; margin-left: 0;
    display: none;
	visibility: hidden;
}
.weblinks_horiz { 
    position:relative;
	text-align: center;
	padding: 0 0 2em 0;
    /*bottom: 10px; left: 50%; margin-left: -225px;*/
	display: show;
	visibility: visible;
}
h1 { 
  font-family: "Unica One", Institution,  Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 1.4rem; 
  color: #ffcc00;
} 
h1 span { 
  font-size: 33px; 
  color: #09C4BF;
} 
h1 a, h1 a:visited {
  color: #ffcc00;
  text-decoration: none;
}
h1 a:hover, h1 a:focus {
  text-decoration: none;
  outline: none;
}

h2 { 
  font-family: "Unica One", Institution, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 4rem;
  line-height: 0.7;
  letter-spacing: 1.5px; 
} 
.cancelled {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 2.6rem; color: #cc0000; font-weight: bold; list-style-position: inside; letter-spacing: 1px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	
		.tbc {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 2.6rem; color: #ffcc00; font-weight: bold; list-style-position: inside; letter-spacing: 0.5px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}


.announce { 
  font-family: "Josefin sans", Institution, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  vertical-align: top;
  font-size: 40px;
  line-height: 0.7;
  color: #ff0000; 
} 

.playbutton {
   border: none; 
   background: #4971CD;
   padding: 5px 5px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #ffffff;
   font-size: 0.5rem;
   vertical-align: middle;
   }
.playbutton:hover {
   background: #4971CD;
   color: #fabb31;
   }
.playbutton:active {
   background: #fabb31;
   color: #ffffff;
   }
      .playbuttonround {
   border: none; 
   background: #ff66cc;
   padding: 4px 7px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: #ffffcc;
   font-size: 31px;
  font-family: Helvetica,  sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
.playbuttonround:hover {
   background: #ffcc00;
   color: #336699;

   }
.playbuttonround:active {
   background: #ff66cc;
   }
.playbuttontitle {
   border: 0px solid #4971CD;
   background: #4971CD;
   padding: 6px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   color: #dad6bf;
   font-size: 32px;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }
.playbuttontitle:hover {
   background: #4971CD;
   color: #fabb31;
   }
.playbuttontitle:active {
   background: #fabb31;
   color: #ffffff;
   }

 #picprint {
	width: 90%;
	height: auto;
} 
 #picnoprint {
	width: 90%;
	height: auto;
	display: show;
	visibility: visible;
}
.fadeshow1 { 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
width:95%;
height: auto;
}
.outsideuk { 
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 1.4rem;;
  color: #dad6bf;
  /*padding: 1px;
  border: 1px solid #ffcc00;
  background-color: #993399;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    behavior: url(PIE.htc); */
}
.colpink {
	font-family:  "Josefin sans", Helvetica, sans-serif;
	font-size: 1.3rem;
	color: #79b8e5;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
a.colpink {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; font-weight: bold; color: #dad6bf}
a.colpink:hover {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; font-weight: bold; color: yellow}
a.colpink:visited {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: #dad6bf}
a.colpink:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; color: yellow}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  margin-right: 0px;
  z-index: 1000; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #ffcc00; /* Set a background color */
  color: purple; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 0px; /* Some padding */
  border-radius: 13px; /* Rounded corners */
  font-size: 0px; /* Increase font size */
  font-family:  "Unica One";
}

#myBtn:hover {
  background-color: #800080; /* Add a dark-grey background on hover */
  color: white;
}
#hide {
	display: none;
	visibility: hidden;
	}
#show {
	display: show;
	visibility: visible;
	} 
#logo {
	width: 90%;
	height: auto; 
   margin: auto;
   z-index: 10;
	}
	#logo_rl {
	width: 80%;
	height: auto; 
   margin: auto;
   z-index: 10;
	}

	.webdate { 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc);
	width: 110px; 
}
#scroller {margin-top:0px; z-index: 3; 
left:0px; margin-left:0px;
}
.form3 { 
	padding-left:10px;
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 1.3rem;
  color: #193886;
  border: 0 solid #ff9900;
  background-color: #ff9900;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
}
.formbutton { 
	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: bold;
	font-size: 30px;
  color: #ff9900;
  border: 0 solid #663366;
  background-color: #993366;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
}
.headcol {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 47px;
	color: #fabb31;
	letter-spacing: 7px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}
.headcolo {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	font-size: 3rem;
	color: #fabb31;
	letter-spacing: 0px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}
.quoteslo {
	font-family:  "logicaltramp", Institution,   Helvetica, sans-serif;
	font-size: 3.8rem;
	letter-spacing: 0px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: 1.5rem;

}
.headcol2 {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 35px;
	color: #dad6bf;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: normal;

}
.headcol3 {
	font-family:  "Margaret Regular",   Helvetica, sans-serif;
	font-size: 360px;
	color: #dad6bf;
	list-style-position: inside;
	font-weight: bold;
	font-variant: normal;
	line-height: 50%;

}
.col {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1.4rem;;
	color: #dad6bf;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
.smcaption {
	font-family: "Josefin sans", Verdana, Helvetica, sans-serif;
	font-size: 1rem;
	color: #FFFFFF;
	list-style-position: inside;
	/*letter-spacing: 1px;*/
	font-weight: normal;

}
a.col {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; font-weight: bold; color: #FFFFFF}
a.col:hover {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; font-weight: bold; color: yellow}
a.col:visited {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; color: #FFFFFF}
a.col:visited:hover {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; color: yellow}
.colorange {
	font-family: "Josefin sans", Verdana, Helvetica, sans-serif;
	font-size: 1.4rem;
	color: #ffcc00;
	list-style-position: inside;
	font-weight: normal;

}
.linktruncate {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1.4rem;;
	color: #dad6bf;
	list-style-position: inside;
	letter-spacing: 1px;
	font-weight: normal;

}
a.linktruncate {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; font-weight: bold; color: #FFFFFF}
a.linktruncate:hover {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; font-weight: bold; color: yellow}
.soldout { height: auto; wdth: auto;}
.soldout_small {
position: absolute; margin-left: 10px; margin-top: 0px; width: 120px; height: auto; transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
    opacity: 0.9;
}
.soldout_med {
position: absolute; margin-left: 70px; margin-top: 25px; width: 200px; height: auto; transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}

.datebr21 {position:relative; left:0; top:5px; margin-left: 0; width:100%; height:auto; z-index:1000;}
.date_g {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 4.5em; color: #FFFFFF; letter-spacing: 3px; list-style-position: inside;vertical-align: middle;}
.numero_g {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 4.8em; color: #ffcc00; letter-spacing: 1px; list-style-position: inside;vertical-align: middle; line-height: 1.1em;}
.date_title {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 4.5em; color: #ffcc00; list-style-position: inside}
.date_title_blink {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 4.5em; color: #ffffff; /*font-weight: bold; */list-style-position: inside;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; }
}

.namebr {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	line-height: 7rem;
}
.fontsize_25 {font-size: 95px;}
.fontsize_26 {font-size: 96px;}
.fontsize_27 {font-size: 97px;}
.fontsize_28 {font-size: 98px;}
.fontsize_29 {font-size: 99px;}
.fontsize_30 {font-size: 100px;}
.fontsize_31 {font-size: 101px;}
.fontsize_32 {font-size: 102px;}
.fontsize_33 {font-size: 103px;}
.fontsize_34 {font-size: 104px;}
.fontsize_35 {font-size: 105px;}
.fontsize_36 {font-size: 106px;}
.fontsize_37 {font-size: 107px;}
.fontsize_38 {font-size: 108px;}
.fontsize_39 {font-size: 109px;}
.fontsize_40 {font-size: 110px;}
.fontsize_41 {font-size: 111px;}
.fontsize_42 {font-size: 112px;}
.fontsize_43 {font-size: 113px;}
.fontsize_44 {font-size: 114px;}
.fontsize_45 {font-size: 115px;}
.ville_g_sm {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 20px; list-style-position: inside;vertical-align: middle;}
.ville_g_med {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 25px; list-style-position: inside;vertical-align: middle;}
.ville_g_big {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 30px; list-style-position: inside;vertical-align: middle;}
.salle_g_sm {  font-family:  "supertramp79", Institution, Helvetica, sans-serif; list-style-position: inside; font-style: normal; font-variant: normal; text-decoration: none; line-height: 50px; font-size: 50px; list-style-position: inside;vertical-align: middle;}
.salle_g_med {  font-family:  "supertramp79", Institution, Helvetica, sans-serif; list-style-position: inside; font-style: normal; font-variant: normal; text-decoration: none; line-height: 60px; font-size: 60px; list-style-position: inside;vertical-align: middle;}
.salle_g_big {  font-family:  "supertramp79", Institution, Helvetica, sans-serif; list-style-position: inside; font-style: normal; font-variant: normal; text-decoration: none; line-height: 70px; font-size: 70px; list-style-position: inside;vertical-align: middle;}
.flag_br {
POSITION:absolute;
margin-bottom:5px;
margin-left:0px;
width: 90px; height: auto;
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  display: visible;
}
		
.playbuttontitle {
   border: none; 
   background: #2b447d;
   padding: 10px 10px;
   -webkit-border-radius: 1em;
   -moz-border-radius: 1em;
   border-radius: 1em;
   color: #ffffff;
   font-size: 1.5rem;
  font-family: Helvetica,  sans-serif;   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   }
   .playbuttontitle:hover {
   background: #79b8e5;
   color: #ffffff;
   }
.playbuttontitle:active {
   background: white;
   }
          .dropbtn {
            font-family:  "supertramp79", Institution, Helvetica, sans-serif;
	font-size: 2rem;
	background-color: #C73D3D;
            color: white;
            padding: 5px;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }
        
        .dropbtn:hover {
            background-color: #29709A;
        }
        
        /* Style pour le menu déroulant */
        .dropdown {
            position: relative;
            display: inline-block;
        }
        
        .dropdown-content {
            display: none;
            position: absolute;
			min-width: 200px;
            background-color: #29709A;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 9px;
        }
        
        .dropdown-content a {
            padding: 2px 3px;
            text-decoration: none;
            display: block;
			color: white;
            font-family: "Josefin sans", Verdana, Helvetica, sans-serif;
	font-size: 1.2rem;
        }
        
        .dropdown-content a:hover {
            background-color: #ffcc00;
			color: black;
        }
        
        .dropdown:hover .dropdown-content {
            display: block;
        } 

.musiname {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 5rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.musiname2 {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 35px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.arrondiombremusi { 
width: 290px;
height: auto;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%; 
    -khtml-border-radius: 100%; 
    border-radius: 100%; 
    behavior: url(PIE.htc); 
}

.colmusi { 
width: 300px;
display: none;
visibility: hidden;
}
.colmusi2 { 
width: 0px;
display: show;
visibility: visible;
}

   
.printer { 
    position:fixed;
    bottom: 50px; left: 20px;
	display: show;
	visibility: visible;
}

	.pastillegigs{
		display: none;
	visibility: hidden;
 	z-index: 11;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 2px;
	margin-left: 42px;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.8rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc);


}
	.pastillenews{
		display: none;
	visibility: hidden;
	z-index: 11;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 2px;
	margin-left: 97px;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.8rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc);
 

}

	.pastillemedias{
	display: none;
	visibility: hidden;
	z-index: 11;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 2px;
	margin-left: -78px;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.8rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc);
		
 

}
	.pastillemusicians{
	z-index: 11;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 2px;
	margin-left: -136px;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.8rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 
		display: none;
	visibility: hidden;
}

.gigon {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 30px;
	color: orange;
	font-weight: bold;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.gigtoday {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 30px;
	color: #66ff00;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	font-weight: bold;

}
.gigoff {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 30px;
	color: #cc0033;
	font-weight: bold;
	list-style-position: inside;
    text-decoration:line-through;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}

.gigover {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 30px;
	color: #ff3399;
	-webkit-animation-name: blinks;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.textindays {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 30px;
	color: lime;
}
.texttoday {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 30px;
	color: #ffcc00;
	letter-spacing: 2px;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.textwarning {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 1.4rem;
	color: #ffffff;
	background-color: #ff0000;
	    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc);

	letter-spacing: 1px;
	-webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */ 
 img, table, td, blockquote, code, pre, textarea, input, object, embed, video { 
   max-width: 100% !important; 
 } 
 .table {
	background-image: url(/*images/bkginside2010.png*/);
	background-repeat: repeat-x;
	background-Position:center top;
	cellpadding:0;
	cellspacing:0;
	background-attachment: scroll;
	text-align: justify;
	width: 100%;
} 
 .tablegear {
	background-image: url(images/bkginside2010.png);
	background-repeat: repeat-x;
	background-Position:center top;
	cellpadding:0;
	cellspacing:0;
	background-attachment: scroll;
	width: 100%;
}
#menubox {
width: 18%;
padding: 15px;
height: auto; 

}
#menubox:hover {
 width: 18%;
height: auto; 
}
.bulle_update {
position: absolute;
 background-Position:center center; background-repeat: no-repeat;
  margin-left: -60px;
  margin-bottom: 10px;
  z-index: 1000;
  padding: 15px; /*background-color:#ff0000;*/-moz-border-radius:20px;-webkit-border-radius:20px;behavior: url(PIE.htc);
font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
font-size: 60px;
/*color: #ffffff;*/
list-style-position: inside;
text-align: center;
/*display: none;
	visibility: hidden;*/
}
.webthumb {
width: 110px;
height: auto;
}
.webthumb_mob {
width: 110px;
height: auto;
padding: 0 1em;
}
#press {
height: auto;
width:100%; 
    margin-left:3%; 
    margin-right:9%; 
 
}
#video {
height: auto;
width:90%; 
    margin-left:5%; 
    margin-right:5%; 
 
}
#quiteright {
height: auto;
width:240px;  
}
#ltwhite {
height:auto;
width:350px;  
}
#videoframe {
 width: 95%;
height: auto; 
}
#imglarge {
 width: 90%;
height: auto; 
}
	.footer {
background-color: rgba(0,0,0,0.0); border-top: 1px dotted #cccccc;
font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 0.5rem;
  color: #dad6bf;
  display: none;
	visibility: hidden;}

 /* gestion des mots longs */ 
 textarea, table, td, th, code, pre, samp { 
   word-wrap: break-word; /* césure forcée */ 
   /*white-space: pre-line;  passage à la ligne spécifique pour les éléments à châsse fixe */ 
 } 
 
 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */ 
 element1, element2 { 
   float: none !important; 
   width: auto !important 
 } 
 
 /* masquer les éléments superflus */ 
 .hide_mobile { 
   display: none !important; 
 } 
 
 /* Un message personnalisé */ 
 body:before { 
   content: "..."; 
   display: block; 
   color: #777; 
   text-align: center; 
   font-style: italic; 
 } 
.textinsti {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 43px;
}
.datessmall {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 40px;
}
.textquo {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 0.9rem;
}
.venuename {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 7px;
	font-size: 45px;
	list-style-position: inside;
	font-style: normal;
	color: #FFCC00;
	font-variant: normal;
	line-height: normal;
    padding-left: 1em;
	background-image: url(images/bkg_darker3.png);
	background-Position:center top;
}
.venuetour {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 70px;
	list-style-position: inside;
	font-style: normal;
	color: #ff6699;
	font-variant: normal;
	line-height: normal;
}
.venuetourlo {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 110px;
	list-style-position: inside;
	font-style: normal;
	color: #ff6699;
	font-variant: normal;
	line-height: normal;
}
	#cd {
	font-size: 43px;
	position: absolute;
		margin-left: -40px;
		margin-top: -8px;
  color: #ff6699;
 z-index: 100;
 -moz-transform: rotate(355deg) ;
-webkit-transform: rotate(355deg);
-o-transform: rotate(355deg);
-ms-transform: rotate(355deg);
transform: rotate(355deg);
}

.venuenamepast {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 60px;
	list-style-position: inside;
	font-style: normal;
	color: #FFCC00;
	font-variant: normal;
	line-height: normal;
}
.size {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; list-style-position: inside}
.verysmall {  font-family: "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 20px; letter-spacing: 1px; list-style-position: inside}
.click_count {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1rem; letter-spacing: 1px; list-style-position: inside}
.small {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 25px; color: #dad6bf; list-style-position: inside}
a.small {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 25px; color: #ffffff; text-decoration: none}
a.small:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 25px; color: orange; text-decoration: none}
a.small:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 25px; color: #dad6bf; text-decoration: none}
a.small:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 25px; color: orange; text-decoration: none}
a.adr {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: blue; text-decoration: none}
a.adr:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: white; text-decoration: none}
a.adr:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: blue; text-decoration: none}
a.adr:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: white; text-decoration: none}
.head {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 34px; letter-spacing: 2px; list-style-position: inside}
.head2 { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 4.8rem; color: #fabb31; letter-spacing: 3px; list-style-position: inside}
.headpre { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 35px; color: #79b8e5; letter-spacing: 1px; list-style-position: inside;}
.headpre1 { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 35px; color: #fabb31; letter-spacing: 1px; list-style-position: inside; }
.headpre2 { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 30px; color: #fabb31; letter-spacing: 2px; list-style-position: inside; }
.headpre3 { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 30px; color: #79b8e5; letter-spacing: 3px; list-style-position: inside; }
.city { font-family: "Unica One", Verdana,  Helvetica, sans-serif; font-size: 60px; color: #FA9600; letter-spacing: 2px; list-style-position: inside; font-weight: bold;}
.prod { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 40px; color: #FFCC00; letter-spacing: 2px; list-style-position: inside}
.guestname { font-family:  "Josefin sans", Institution,   Helvetica, sans-serif; font-size: 1.3rem; color: #FFCC00; letter-spacing: 2px; list-style-position: inside;}
.guestrevname { font-family:  "Josefin sans", Institution,   Helvetica, sans-serif; font-size: 1.4rem;; letter-spacing: 2px; list-style-position: inside; }
.menumember { font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 36px; letter-spacing: 3px; list-style-position: inside; }
 
.text {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 40px; color: #dad6bf; list-style-position: inside}
a.text {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 40px; font-weight: bold; color: #fabb31; cursor: url('yellow-pointer.cur'), pointer; }
a.text:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 40px; font-weight: bold; color: white}
a.text:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 40px; color: #fabb31}
a.text:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 40px; color: white}
.texts79 {
	font-family:  "supertramp79", Institution, Helvetica, sans-serif;
    font-size: 2.6rem;
}
   .icons {
   height: 75px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
   }
   .tickets_c_normal {
   height: 75px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -5px;
   }
      .tickets_c_free {
   height: 45px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -5px;
   }
.tickets_c_orange {
   height: 75px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_c_red {
   height: 75px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
    -webkit-animation-name: blinks;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinks;
    -moz-animation-duration: 0.4s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinks;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}
	@-moz-keyframes blinks {  
    0% { opacity: 1.0; }
    50% { opacity: 0; }
    100% { opacity: 1.0; }
}
.tickets_c_toolate {
   height: 75px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
}
.tickets_c_off {
   height: 75px;
   width: auto;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -3px;
   opacity: 0.3;
}	
/*.countdown {
POSITION:absolute;
Top:170px;
Left:50%;
margin-left:120px;
font-family:'Unica One';
font-size:35px;
color:#ffffff;
background-color: #0066cc;
padding:4px;
-moz-border-radius: 9px; 
    -webkit-border-radius:9px; 
    -khtml-border-radius: 9px; 
    border-radius: 9px; 
    behavior: url(PIE.htc); 
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}*/


.countdown {
POSITION:absolute;
Top:85px;
Left:50%;
margin-left:80px;
font-family:'supertramp79';
font-size:25px;
color:#ffcc00;
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  display: none;
    z-index: 0;
}
.countdownrl {
POSITION:absolute;
Top:85px;
Left:50%;
margin-left:80px;
 transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  display: none;
    z-index: 0;
}


.textrose {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1.3rem;
	color: #D6BF74;
}
.textcream {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1.3rem;
	color: #dad6bf;
}

.text_include1 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 2.3rem; color: white; list-style-position: inside}
a.text_include1 {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; font-weight: bold; color: #ffcc00}
a.text_include1:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; font-weight: bold; color: white}
a.text_include1:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; color: #ffcc00}
a.text_include1:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; color: #ffffff}
.setlist {  font-family:   Helvetica, sans-serif; font-size: 43px; color: black; font-weight: bold; letter-spacing: -0.5px; list-style-position: inside}

.text_news {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 2.3rem; color: white; list-style-position: inside}
a.text_news {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; font-weight: bold; color: #ffcc00}
a.text_news:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; font-weight: bold; color: white}
a.text_news:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; color: #ffcc00}
a.text_news:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; color: #ffffff}


.textwarningnorm {
	font-family:  "Josefin sans", Verdana,   Helvetica, sans-serif;
	font-size: 1.1rem;
	color: #ffffff;
	background-color: #ff0000;
	    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc);
}


.text_include2 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 2.3rem; color: #dad6bf; list-style-position: inside}
a.text_include2 {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; font-weight: bold; color: #ffcc00}
a.text_include2:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; font-weight: bold; color: #ffffff}
a.text_include2:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; color: #dad6bf}
a.text_include2:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 2.3rem; color: #ffffff}
.textwarningnorm {
	font-family:  "Josefin sans", Verdana,   Helvetica, sans-serif;
	font-size: 1.1rem;
	color: #ffffff;
	background-color: #ff0000;
	    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
    behavior: url(PIE.htc);
}
.quote-famous1 {
font-family: 'Caveat', cursive;
font-size: 2.5rem;
}
.quote-famous2 {
font-family: 'Nanum Pen Script', cursive;
font-size: 2.5rem;
}
.quote-famous3 {
font-family: 'Nothing You Could Do', cursive;
font-size: 2.1rem;
}
.video-container {
    position: relative;
    width: 90%;
    padding-bottom: 56.25%; /* 16:9 ratio (9 / 16 = 0.5625) */
    height: 0;
    overflow: hidden;
			-moz-border-radius:15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    border-radius: 15px; 
    behavior: url(PIE.htc); 

}
.textreplyguest {  font-family:   "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: #ff99cc; font-style: italic; list-style-position: inside}
a.textreplyguest {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; font-style: italic; font-weight: bold; color: white}
a.textreplyguest:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; font-style: italic; font-weight: bold; color: orange}
a.textreplyguest:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; font-style: italic; color: white}
a.textreplyguest:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; font-style: italic; color: orange}

.texti {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; font-weight: normal; color: #dad6bf; list-style-position: inside; line-height: 1.4}


.text1 {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1.3rem;
	color: #dad6bf;
	list-style-position: inside;
	text-align: justify;
	margin-left:1cm;
	margin-right:1cm;
	white-space: normal;

}
a.text1 {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; font-weight: bold; color: white; text-decoration: none}
a.text1:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; font-weight: bold; color: #79b8e5; text-decoration: none}
a.text1:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; color: white; text-decoration: none}
a.text1:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.3rem; color: #79b8e5; text-decoration: none}
.gig {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: orange; list-style-position: inside; text-decoration: none}

.text2 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: white; list-style-position: inside; text-align: justify}
a.text2 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; font-weight: bold; color: #FFCC00; text-decoration: none}
a.text2:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; font-weight: bold; color: white; text-decoration: none}
a.text2:visited {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: white; text-decoration: none}
a.text2:visited:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: #FFCC00; text-decoration: none}

.text3 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; color: white; list-style-position: inside; text-align: justify}
a.text3 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; color: white; text-decoration: none}
a.text3:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; color: #FFCC00; text-decoration: none}
a.text3:visited {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; color: white; text-decoration: none}
a.text3:visited:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; color: #FFCC00; text-decoration: none}

.textpetit {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: #dad6bf; }
a.textpetit {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: #dad6bf;  }
a.textpetit:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: #ffffff;}
a.textpetit:visited {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: #dad6bf;  }
a.textpetit:visited:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: #ffffff; }

.glow { width:100%; filter:glow(color=#000099,strength=5); font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: white}
.venue {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1.1rem;
	color: gray;
	list-style-position: inside;
	letter-spacing: normal;
	font-style: italic;

}
a.venue {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: white; text-decoration: none}
a.venue:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: blue; text-decoration: none}
a.venue:visited {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: white; text-decoration: none}
a.venue:visited:hover {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: blue; text-decoration: none}

.titlepage {
	font-family:  "supertramp79", Institution,   Helvetica, sans-serif;
	letter-spacing: 0px;
	font-size: 7rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	background: -webkit-linear-gradient(left, #ff3399, #ffff00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.photodouble { 
   width:95%;
   height: auto;
   text-align:center;
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
  padding: 5px;
}
.badge100 {
POSITION:absolute;
Top:450px;
Left:50%;
margin-left:-440px;
width: 140px;
height: auto;
z-index: 1000;
}


.text4 {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.3rem; color: gray; list-style-position: inside; text-align: justify}
.title {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem; font-weight: bold; color: #FFCC00; list-style-position: inside}
.titleblue {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem; font-weight: bold; color: blue; list-style-position: inside}
.smallblue {  font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 1.4rem;; color: #dad6bf; list-style-position: inside}
a.smallblue {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: white; text-decoration: none}
a.smallblue:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: yellow; text-decoration: none}
a.smallblue:visited {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: #dad6bf; text-decoration: none}
a.smallblue:visited:hover {  font-family:  "Josefin sans", Verdana, Helvetica, sans-serif; font-size: 1.4rem;; color: yellow; text-decoration: none}
.adr2 {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 48px;
	color: #dad6bf;
	list-style-position: inside;

}
.infosgig {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 46px;
	list-style-position: inside;
}
.showtime {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 43px;
	color: #dad6bf;
	list-style-position: inside;

}
.adr3 {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1.3rem;
	color: #FFCC00;
	list-style-position: inside;
	padding-left: 1em;
		background-image: url(images/bkginside2010.png);
	background-repeat: repeat-x;
	background-Position:center top;
	-moz-border-radius: 0px 0px 10px 10px; 
    -webkit-border-radius:0px 0px 10px 10px; 
    -khtml-border-radius:0px 0px 10px 10px; 
    border-radius: 0px 0px 10px 10px; 
    behavior: url(PIE.htc);

}
.adr {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 1.4rem;
	color: #cc9900;
	list-style-position: inside;
    padding-left: 1em;

}
.adrcell {
	font-family: "Josefin sans", Verdana,  Helvetica, sans-serif;
	font-size: 30px;
	color: #FFCCFF;
	list-style-position: inside;
	padding-left: 1em;
    border-style:solid;
    border-bottom:1px dotted #ffcc00;
	border-top:0px;
	border-left:0px;
	border-right:0px;
}

.textannounce {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	font-size: 40px; letter-spacing: 4px;
}

.musismall {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 2rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}
.musismall2 {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 30px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;

}

.airport {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 37px;
	list-style-position: inside;
	font-style: normal;
	color: #FFCC00;
	font-variant: normal;
	line-height: normal;
}
.bullegig {  font-family:  "Unica One", Institution,   Helvetica, sans-serif; font-size: 30px; font-weight: bold; letter-spacing: 1px; list-style-position: inside}
.gigpop1 { font-family: "Unica One", Institution,   Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:30px; list-style-position: inside; } 
.gigpop2 { display: block; font-family: "Unica One", Institution,  Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:40px; } 
.gigpop3 { display: block; font-family: "Unica One", Institution,  Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:35px;  } 
.gigpop4 { font-family: "Unica One", Institution,   Helvetica, FreeSans, sans-serif; font-weight: normal; font-size:140px; color: #FBAF00; list-style-position: inside; } 

	

.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}
	.thumbnail_150 {
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
  -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    -khtml-border-radius: 12px; 
    border-radius: 12px; 
    behavior: url(PIE.htc); 

}
.thumbnail_150 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
	.thumbnail_200 {
  position: relative;
  width: 190px;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    -khtml-border-radius: 12px; 
    border-radius: 12px; 
    behavior: url(PIE.htc); 

}
.thumbnail_200 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail_60 {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
margin: 1.2em 0 1.2em 0;
}
.thumbnail_med_left {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
margin: 1.2em 0 1.2em 0;
}

.thumbnail_60h {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
margin: 0.4em 0.4em 0.4em 0.4em;
}
.thumbnail_60 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail_100p {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 
margin: 0em 0em 0.4em auto;
}
.thumbnail_100 {
  position: relative;
  width: 100px;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 

}
.thumbnail_100 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.musismall3 {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 2rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
-moz-column-count: 3;
-moz-column-gap: px;
-webkit-column-count: 3;
-webkit-column-gap: px;
column-count: 3;
column-gap: px;
}
.bulle_logo {
  width: 40px;
  height: 40px;
}
.dot {
  width: 40px;
  height: 40px;
}

/* quotes -------------------------------------- */ 

.cbp-qtrotator {
	position: relative;
	margin: 0 auto 1rem auto;
	max-width: 510px;
	width: 100%;
}

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	border-top: 0px dotted #cc6699;
	border-bottom: 0px solid #999;
	padding: 0 0;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 1;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #ffcc00;
	height: 0px;
	width: 0%;
	top: 0;
	z-index: 1;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0;
}

.cbp-qtrotator blockquote p {
	font-family:  "Unica one", Verdana,  Helvetica, sans-serif; font-size: 45px; list-style-position: inside; 
	margin: 1em 0 1em; text-align: center;
}

.cbp-qtrotator blockquote footer {
	font-family:  "Josefin sans", Verdana,  Helvetica, sans-serif; font-size: 30px; font-style: italic; text-align: right; color: white; letter-spacing: 0px;
}

.cbp-qtrotator blockquote footer:before {
	content: '';
}

.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 1em;
}
} 



@media screen and (max-width:640px) /*and (orientation: landscape)*/ { 
  body { 
   -webkit-text-size-adjust: 70%; 
  } 
  
}

::-webkit-scrollbar {
    height: 1em;
width: 1em;
background: #415691;
    }
::-webkit-scrollbar-thumb {
    background: #97a3c4;
    -webkit-border-radius: 1em;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
    background: #97a3c4;
}
.f
p.quotes:before {
    content: url(ic/quote_l.png);
	width: 50px;
	height: auto;
	vertical-align: 0.1em;
	padding-right: 10px;
}
p.quotes:after {
    content: url(ic/quote_r.png);
	width: 50px;
	height: auto;
	vertical-align: -1em;
	padding-left: 10px;
}

.texticon {  font-size: 1.5rem; color: #fabb31; list-style-position: inside; margin-top: 0px; margin-right:29px;}
adeshow1 { 
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 0px 2px 5px #000000; 
  -webkit-box-shadow: 0px 2px 5px #000000; 
  box-shadow: 0px 2px 5px #000000;
  display: non;
	visibility: hidden;
}
	/* dock - top */
.dock {
	position: relative; 
	height: 40px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 40px;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
    color: #cc0033;
	font-family:  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 19px;
	position: absolute;
	top: 0px;
	text-align: center;
}
.dock-item img {
	border: none; 
	margin: 1px 0px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 40px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 20px;
	position: relative;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 40px;
	padding-left: 0px;
}
a.dock-item2 {
	display: block; 
    color: #cc0033;
	font-family:  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 0.9rem;
	width: 40px; 
	top: 0px; 
	position: absolute;
	text-align: center;
}
.dock-item2 span {
	display: none;
	padding-left: 0px;
}
.dock-item2 img {
	border: none; 
	margin: 1px 0px 0px; 
	width: 100%; 
}

.infobulle{
z-index:2000;
											position: absolute;	
											visibility : hidden;
											border: 0px solid #ffcc00;
											padding: 8px;
											font-family: "Josefin sans", Verdana, Arial;
											font-size: 0.9rem;
    color: #dad6bf;
	background-color: #000;
    -moz-border-radius: 13px; 
    -webkit-border-radius: 13px; 
    -khtml-border-radius: 13px; 
    border-radius: 13px; 
    behavior: url(PIE.htc); 
opacity : 0.9; 
    filter : alpha(opacity=90);										}
	
.playbutton {
   border: none; 
   background: #4971CD;
   padding: 5px 5px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #ffffff;
   font-size: 0.5rem;
   vertical-align: middle;
   }
.playbutton:hover {
   background: #4971CD;
   color: #fabb31;
   }
.playbutton:active {
   background: #fabb31;
   color: #ffffff;
   }
}
    
   .playbuttonbleu {
   border: none; 
   background: #336699;
   padding: 3px 6px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   border-radius: 50%;
   color: #ffffcc;
   font-size: 0.6rem;
  font-family: Helvetica,  sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
.playbuttonbleu:hover {
   background: #ffcc00;
   color: #336699;
   }
.playbuttonbleu:active {
   background: #336699;
   }
   


.buttonsend {
   border-top: 0px solid #9b10c9;
   background: #ffcc00;
   padding: 2px 4px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: black;
   font-size: 0.9rem;
  font-family: "Unica One", Institution, "Trebuchet MS",  Helvetica, FreeSans, sans-serif;   text-decoration: none;
   vertical-align: middle;
   }
.buttonsend:hover {
   border-top-color: #fadd1e;
   background: #fadd1e;
   color: #5c0b5c;
   }
.buttonsend:active {
   border-top-color: #e612c6;
   background: #e612c6;
   }
   
   #bubblemenu li {
display: inline;
margin-left: 1em;
cursor:pointer;}
#bubblemenu li > div {
width: 150px;
min-height: 100px;
position: absolute;
display: inline;
margin-left: -120px;
padding: 5px;
visibility:hidden;
opacity: 0;
margin-top: -125px;
background: #ff3300;
font-family: "Josefin sans", Verdana, "Josefin sans", Arial;
font-size: 1rem;
color: #ffffff;
/* Setting the border-radius property for all Browsers */
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Browsers that Support it like Opera */
-moz-box-shadow: 0 0 8px #000000; /* Firefox */
-webkit-box-shadow: 0 0 8px #000000; /* Safari and Chrome */
filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */
box-shadow: 0 0 8px #000000; /* Browsers that Support it like Opera */
  ; 
-moz-transition: all 0.5s ease-in-out; /* Firefox */
-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.5s ease-in-out; /* Opera */
transition: all 0.5s ease-in-out; /* Browsers that Support it */}
#bubblemenu li:hover > div {
visibility:visible;
opacity: 1;
margin-top: -150px;
-moz-transition: all 0.5s ease-in-out; /* Firefox */
-webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
-o-transition: all 0.5s ease-in-out;  /* Opera */
transition: all 0.5s ease-in-out; /* Browsers that Support it */
}
.celldate {
background-color: red;
opacity:0.3;
filter:alpha(opacity=30);
}

.musismall4 {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 2px;
	font-size: 1.4rem;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
-moz-column-count: 4;
-moz-column-gap: px;
-webkit-column-count: 4;
-webkit-column-gap: px;
column-count: 4;
column-gap: px;
}

span.inverse {
   unicode-bidi: bidi-override;
   direction: rtl;
   }
#pastillelayer{
position: absolute;
width: 100px;
height: 30px;
top: 20px;
left: 50%;
}

.pastille{
	position: absolute;	
	visibility : hidden;
	border: 2px solid White;
	padding: 1px;
	font-family: Verdana, Arial;
	font-size: 0.8rem;
    color: #ffffff;
	background-color: #FF0000;
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 6px #000000; 
  -webkit-box-shadow: 2px 2px 6px #000000; 
  box-shadow: 2px 2px 6px #000000;
opacity : 0.9; 
    filter : alpha(opacity=90);
	z-index: 11;
	}
	
	.pastillegigs{
	z-index: 11;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 1px;
	margin-left: 42px;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.8rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 

}
	.pastillenews{
	z-index: 11;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 1px;
	margin-left: 97px;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.8rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 

}

	.pastillemedias{
	z-index: 11;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 1px;
	margin-left: -78px;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.8rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 

}
	.pastillemusicians{
	z-index: 11;
	position: absolute;
	left: 50%;
	top: 30px;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 1px;
	margin-left: -136px;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.8rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 

}


	.pastille3{
	z-index: 11;
	position: relative;
	background-color: red;
	width: 1em;
	height: 1em;
	padding: 2px;
	margin-top: -5px;
	margin-right: -5px;
	margin-left: 5px;
	float: left;
	border: 0px solid white;
	font-family: Arial;
font-size: 0.9rem;
font-weight: bold;
color: #ffffff;
vertical-align: middle;
text-align: center;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -khtml-border-radius: 4px; 
    border-radius: 4px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: -2px 2px 6px #000000; 
  -webkit-box-shadow: -2px 2px 6px #000000; 
  box-shadow: -2px 2px 6px #000000;
}
input.my-url{display:none;}

#menu {
  position: fixed;
	float: center;
  top: 5;
}
.dg-question-label{ /* Question label */
	font-family:   Helvetica, sans-serif;
	font-size: 1rem;
	color: #FBAF00;
	list-style-position: inside;
	font-weight:bold;
}

img{
	border:0px;
}
#error {
	font-style:italic;
	color:red;
}
audio
{
	border: thin #FF99FF;
	background-color: red;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-border-radius:20px 20px 20px 20px ;
-webkit-border-radius:20px 20px 20px 20px ;
border-radius:20px 20px 20px 20px ;
}
#mask {
  position:absolute;
  left:-16px;
  top:-234px;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  background-color: #FFCC00;
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 

}
#boxes #dialog {
  width:375px; 
  height:319px;
  padding:10px;
  background-color: #FFCC00;
  	font-family: "Josefin sans", Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 1rem;
  color: #000000;
  background-image: url(images/formimage.jpg);
    -moz-border-radius: 1em; 
    -webkit-border-radius: 1em; 
    -khtml-border-radius: 1em; 
    border-radius: 1em; 
    behavior: url(PIE.htc); 


}
	.close{
	z-index: 2;
	position: relative;
	right: -30px;
	top: -35px;
}
.titlepopup {
	font-family:  "Unica One", Institution,   Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 35px;
	list-style-position: inside;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}

	.footer {
background-color: rgba(0,0,0,0.0); border-top: 1px dotted #cccccc;
font-family: Verdana,  Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	font-size: 0.5rem;
  color: #dad6bf;
  display: show;
	visibility: visible;}
.play_title { 
    position:fixed;
    top: 25px; left: 25px;
}
.soundcloud_title { 
    position:absolute;
    top: 160px; left: 50%; margin-left: 210px;
}
.flag_book { 
    position:absolute;
    top: 75px; left: 50%; margin-left: -180px;
  -moz-transform: rotate(-7deg); 
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
  z-index: 2;


}
.flag_book2 { 
    position:absolute;
    top: 110px; left: 50%; margin-left: 225px;
  -moz-transform: rotate(5deg); 
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  z-index: 2;
}

.printer { 
    position:fixed;
    bottom: 50px; left: 50px;
	display: show;
	visibility: visible;
}


}
#colorbox, #cboxOverlay, #cboxWrapper{position:relative; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxError{padding:50px; border:1px solid #ccc;}



.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}
	.thumbnail_150 {
  position: relative;
  width: 150px;
  height: 150px;
  overflow: hidden;
  -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    -khtml-border-radius: 12px; 
    border-radius: 12px; 
    behavior: url(PIE.htc); 

}
.thumbnail_150 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
	.thumbnail_200 {
  position: relative;
  width: 190px;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    -khtml-border-radius: 12px; 
    border-radius: 12px; 
    behavior: url(PIE.htc); 

}
.thumbnail_200 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

.thumbnail_60 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail_100 {
  position: relative;
  width: 100px;
  height: auto;
  overflow: hidden;
  -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(PIE.htc); 

}
.thumbnail_100 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}