html, body {
	margin:0px;
	padding:0px;
}

body {
	height:100%;
	background-image:url(../images/metallic/Bck_grid.png);
	overflow:hidden;
    font-family:Verdana;
    font-size:12px;
  

}
a{
    color:black;
   text-decoration:none;
}


.identification {
      text-decoration:none;
    color:gray;
     position:absolute;
     line-height:20px;
    color:rgba(100,100,100,0.475781);
    bottom:2px;
    right:15px;
    font-size:11px;
    text-shadow:rgb(0, 0, 0) 0px 0px 2px;
    text-align:right;




}



.logo
{
    position:relative;
    left:-42px;
    top:-10px;
    background-image:url("../images/Logo.png");
    background-repeat:no-repeat;
    width:70px;
    height:64px;
    overflow:hidden;
    z-index:200;

    
}

.le_menu
{
    position:absolute;
    top:-10px;
    left:140px;
           -webkit-animation-name: menu_announce;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;

}



.annonce_menu
{
    /*background-color:gray;*/
    position:relative;
    text-align:center;
    width:100%;
    top:15px;
    left:35px;
    font-family:sans-serif;
    font-size:10px;
    text-shadow:rgb(250, 250, 0) 0px 0px 2px;
       -webkit-animation-name: menu_announce;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;


}



.flashing_menu
{
    position:relative;
    text-align:center;
    top:-50px;

    font-family:sans-serif;
    font-size:34px;
    text-shadow:rgb(250, 250, 0) 0px 0px 2px;
       -webkit-animation-name: menu_announce;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;


}



.flashing_play{
         -webkit-animation-name: menu_announce;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;  

}




.header {
      
/*	position:absolute;
	top:0px;
	border-bottom-right-radius:10px 10px;
	-webkit-border-bottom-right-radius:10px 10px;
	-o-border-bottom-right-radius:10px 10px;
	-moz-border-radius-bottomright:10px 10px;
	height:2em;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100, 80, 0, 0.441406)), to(rgb(235, 195, 0)));
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	left:0px;
	right:30px;
	box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	border:1px solid #000000;*/
}


.title_bar {
	background-image:url(../images/metallic/display-mid.png);
	height:38px;
	border-top-left-radius:5px 5px;
	-webkit-border-top-left-radius:5px 5px;
	-o-border-top-left-radius:5px 5px;
	-moz-border-radius-topleft:5px 5px;
	border-top-right-radius:5px 5px;
	-webkit-border-top-right-radius:5px 5px;
	-o-border-top-right-radius:5px 5px;
	-moz-border-radius-topright:5px 5px;
	border-bottom-left-radius:5px 5px;
	-webkit-border-bottom-left-radius:5px 5px;
	-o-border-bottom-left-radius:5px 5px;
	-moz-border-radius-bottomleft:5px 5px;
	border-bottom-right-radius:5px 5px;
	-webkit-border-bottom-right-radius:5px 5px;
	-o-border-bottom-right-radius:5px 5px;
	-moz-border-radius-bottomright:5px 5px;
	font-family:Verdana;
	text-shadow:rgb(0, 0, 0) 2px 2px 2px;
	text-align:center;
	padding:inherit;
	padding-left:10px;
	padding-right:10px;
	font-size:20pt;
	position:relative;
	left:20px;
	right:20px;
	top:10px;
	color:#EBC300;
	border-left:1px solid #000000;
	border-right:1px solid #5D5D5D;
}


.titre{


    width:100%;
    font-size:20px;
    text-align:right;
 
   position:relative;
    color:#F2DFBF;
  
    top:0px;
    font-family:Verdana;
	text-shadow:rgb(0, 0, 0) 0px 0px 4px;



      
       /*-webkit-animation-name: menu_announce;*/
   /*-webkit-animation-duration: 4s;*/
   /*-webkit-animation-iteration-count: infinite;*/
   /*-webkit-animation-timing-function: ease-in-out;*/


}




.soustitre {
     position:absolute;
    top:12px;
     color:rgba(256,256,256,0.475781);
    font-size:14Px



}

.left_side {
	position:absolute;
	left:0px;
	width:10%;
	text-align:center;
	color:#E2B72C;
	top:33px;
	bottom:33px;
}

.Content {
	overflow:hidden;
	position:absolute;
	top:10px;
	bottom:10px;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-right:54px;
	border-top-left-radius:10px 10px;
	-webkit-border-top-left-radius:10px 10px;
	-o-border-top-left-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;
	border-top-right-radius:10px 10px;
	-webkit-border-top-right-radius:10px 10px;
	-o-border-top-right-radius:10px 10px;
	-moz-border-radius-topright:10px 10px;
	border-bottom-left-radius:10px 10px;
	-webkit-border-bottom-left-radius:10px 10px;
	-o-border-bottom-left-radius:10px 10px;
	-moz-border-radius-bottomleft:10px 10px;
	border-bottom-right-radius:10px 10px;
	-webkit-border-bottom-right-radius:10px 10px;
	-o-border-bottom-right-radius:10px 10px;
	-moz-border-radius-bottomright:10px 10px;
	background-image:-webkit-gradient(linear, 0% 0%, 50% 100%, from(rgb(71, 72, 71)), to(rgb(47, 47, 48)));
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	background-color:#302F2F;
	-webkit-transform:rotate(0deg);
	left:10%;
	right:10%;
	box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 10px;
}

.text_bloc {
	position:absolute;
	top:60px;
	left:50px;
	right:40px;
	bottom:40px;
	border-top-left-radius:3px 3px;
	-webkit-border-top-left-radius:3px 3px;
	-o-border-top-left-radius:3px 3px;
	-moz-border-radius-topleft:3px 3px;
	border-top-right-radius:3px 3px;
	-webkit-border-top-right-radius:3px 3px;
	-o-border-top-right-radius:3px 3px;
	-moz-border-radius-topright:3px 3px;
	border-bottom-left-radius:3px 3px;
	-webkit-border-bottom-left-radius:3px 3px;
	-o-border-bottom-left-radius:3px 3px;
	-moz-border-radius-bottomleft:3px 3px;
	border-bottom-right-radius:3px 3px;
	-webkit-border-bottom-right-radius:3px 3px;
	-o-border-bottom-right-radius:3px 3px;
	-moz-border-radius-bottomright:3px 3px;
	background-color:#302F2F;
	font-family:Verdana;
	text-shadow:rgb(0, 0, 0) 1px 1px 2px;
	-webkit-transform:rotate(2deg);
	box-shadow:rgb(0, 0, 0) 0px 0px 15px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 15px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 15px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 15px;
	margin-top:20px;
  
	color:#EBC300;
	border:0px solid #868686;
	padding:15px;
    overflow-y:auto;
    overflow-x:hidden;

}

.right_side {
	position:absolute;
	right:0px;
	width:10%;
	bottom:33px;
	top:33px;
}

.footer {
	position:absolute;
	bottom:0px;
    right:0px;
	left:30px;
	/*background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(235, 195, 0)), to(rgba(100, 80, 0, 0.441406)));
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	background-attachment:initial;
	background-position:initial initial;
	background-position-x:initial;
	background-position-y:initial;
	background-origin:initial;
	background-clip:initial;
	height:1em;
	border-top-left-radius:10px 10px;
	-webkit-border-top-left-radius:10px 10px;
	-o-border-top-left-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;

	box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 10px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 10px;*/
}

.colorizer {

	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));

	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}


.ul_pair {
    width:60%;

    margin-right:23px;
    margin-left:23px;
    left:5px;
    right:5px;
	list-style-type:none;
	text-decoration:none;
	border-top-left-radius:5px 5px;
	-webkit-border-top-left-radius:5px 5px;
	-o-border-top-left-radius:5px 5px;
	-moz-border-radius-topleft:5px 5px;
	border-top-right-radius:5px 5px;
	-webkit-border-top-right-radius:5px 5px;
	-o-border-top-right-radius:5px 5px;
	-moz-border-radius-topright:5px 5px;
	border-bottom-left-radius:5px 5px;
	-webkit-border-bottom-left-radius:5px 5px;
	-o-border-bottom-left-radius:5px 5px;
	-moz-border-radius-bottomleft:5px 5px;
	border-bottom-right-radius:5px 5px;
	-webkit-border-bottom-right-radius:5px 5px;
	-o-border-bottom-right-radius:5px 5px;
	-moz-border-radius-bottomright:5px 5px;
	background-color:#000000;
	box-shadow:rgb(255, 242, 1) 0px 0px 7px;
	-webkit-box-shadow:rgb(255, 242, 1) 0px 0px 7px;
	-o-box-shadow:rgb(255, 242, 1) 0px 0px 7px;
	-moz-box-shadow:rgb(255, 242, 1) 0px 0px 7px;
	padding:4px;
}

.ul_impair {
     width:60%;
        right:20px;
    left:5px;
	box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	background-color:#010101;
	list-style-type:none;
	text-decoration:none;
	border-top-left-radius:5px 5px;
	-webkit-border-top-left-radius:5px 5px;
	-o-border-top-left-radius:5px 5px;
	-moz-border-radius-topleft:5px 5px;
	border-top-right-radius:5px 5px;
	-webkit-border-top-right-radius:5px 5px;
	-o-border-top-right-radius:5px 5px;
	-moz-border-radius-topright:5px 5px;
	border-bottom-left-radius:5px 5px;
	-webkit-border-bottom-left-radius:5px 5px;
	-o-border-bottom-left-radius:5px 5px;
	-moz-border-radius-bottomleft:5px 5px;
	border-bottom-right-radius:5px 5px;
	-webkit-border-bottom-right-radius:5px 5px;
	-o-border-bottom-right-radius:5px 5px;
	-moz-border-radius-bottomright:5px 5px;
	color:#FFC100;
	padding:4px;
}

.li_pair  {
     font-family:Verdana;
    font-size:12px;
    text-align:justify;
	box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	list-style-type:none;
	text-decoration:none;
	border-top-left-radius:2px 2px;
	-webkit-border-top-left-radius:2px 2px;
	-o-border-top-left-radius:2px 2px;
	-moz-border-radius-topleft:2px 2px;
	border-top-right-radius:2px 2px;
	-webkit-border-top-right-radius:2px 2px;
	-o-border-top-right-radius:2px 2px;
	-moz-border-radius-topright:2px 2px;
	border-bottom-left-radius:2px 2px;
	-webkit-border-bottom-left-radius:2px 2px;
	-o-border-bottom-left-radius:2px 2px;
	-moz-border-radius-bottomleft:2px 2px;
	border-bottom-right-radius:2px 2px;
	-webkit-border-bottom-right-radius:2px 2px;
	-o-border-bottom-right-radius:2px 2px;
	-moz-border-radius-bottomright:2px 2px;
	color:#cccccc;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 5%, from(rgba(100, 70, 0, 0.441406)), to(rgb(120, 75, 20)));
	background-color:rgba(100, 100, 100,0.2);
	padding:4px;
}
  .li_pair a {
    color:#cccccc;

  }



.li_impair  {
     font-family:Verdana;
    font-size:12px;
    text-align:justify;
	box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 2px;
	list-style-type:none;
	text-decoration:none;
	border-top-right-radius:2px 2px;
	-webkit-border-top-right-radius:2px 2px;
	-o-border-top-right-radius:2px 2px;
	-moz-border-radius-topright:2px 2px;
	border-top-left-radius:2px 2px;
	-webkit-border-top-left-radius:2px 2px;
	-o-border-top-left-radius:2px 2px;
	-moz-border-radius-topleft:2px 2px;
	background-color:#393A3A;
	border-bottom-left-radius:2px 2px;
	-webkit-border-bottom-left-radius:2px 2px;
	-o-border-bottom-left-radius:2px 2px;
	-moz-border-radius-bottomleft:2px 2px;
	border-bottom-right-radius:2px 2px;
	-webkit-border-bottom-right-radius:2px 2px;
	-o-border-bottom-right-radius:2px 2px;
	-moz-border-radius-bottomright:2px 2px;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 5%, from(rgba(0, 0, 0, 0.441406)), to(rgba(0, 10, 0,0.2)));
	padding:4px;
    color:#cccccc;
}


.li_impair a {
      color:#cccccc;


}


.li_pair:hover a {

    color:white;
}


.li_impair:hover a {

    color:white;
}




 .li_impair h3 {
    color:white;
  /*background-color:black;*/
 }

.li_pair h3 {
   color:white;
   /*background-color:black;*/
 }



* {
	margin:0px;
	padding:0px;
}

p {
	margin:0px 0px 1em 0px;
}


h1 {
    color:rgba(100,100,100,0.475781);
       text-shadow:rgb(0, 0, 0) 2px 2px 2px;


	font-family:Verdana;
    font-size:30px;
}
h2 {
      color:goldenrod;
	font-family:Verdana;
    font-size:20px;
     text-shadow:rgb(0, 0, 0) 2px 2px 2px;
   
}
h3 {

	font-family:Verdana;
    font-size:17px;
     color:rgba(100,100,100,0.475781);
}
h4 {

	font-family:Verdana;
    font-size:14px;
}


 h5 {

	font-family:Verdana;
    font-size:11px;
    color:goldenrod;
}


a {
	color:#FEFFFE;
	text-decoration:none;
	font-size:11px;
	font-family:inherit;
	font:inherit;
}



.copyright{
   font-size:11px;
  line-height:20px;
      text-shadow:rgb(0, 0, 0) 0px 0px 1px;
    position:absolute;
    left:10px;
     color:white;
    bottom:2px;
    text-align:right;

}

}
 .table_top{
     color:white;
    font-size:14px;
     background-color:rgba(0,0,0,0.275781);
    -webkit-box-shadow:black 0px 0px 2px;
	-o-box-shadow:black 0px 0px 2px;
	-moz-box-shadow:black 0px 0px 2px;
    background-color:rgba(0,0,0,0.175781);

}

/*animated styles*/

@-webkit-keyframes testanim {
   from {
     left: 0px;
      background: #aaaaff;
   }
   to {
     left: 200px;
     background: #111111;
   }
  }

  .mackass {
   -webkit-animation-name: testanim;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: 2;
   -webkit-animation-direction: alternate;
    width: 40%;
    padding: 0.2em 1em;
    position: relative;
    left: 0px;
    background: #aaaaff;
  }




  @-webkit-keyframes pulse {
   0% {
     background-color: red;
     opacity: 1.0;
     -webkit-transform: scale(1.0) rotate(0deg);
   }
   33% {
     background-color: blue;
     opacity: 0.75;
     -webkit-transform: scale(1.1) rotate(-5deg);
   }
   67% {
     background-color: green;
     opacity: 0.5;
     -webkit-transform: scale(1.1) rotate(5deg);
   }
   100% {
     background-color: red;
     opacity: 1.0;
     -webkit-transform: scale(1.0) rotate(0deg);
   }
  }



  @-webkit-keyframes simplepulse {
   0% {

     opacity: 1.0;
     -webkit-transform: scale(1.0) rotate(0deg);
   }
   33% {

     opacity: 0.75;
     -webkit-transform: scale(1.1) rotate(-5deg);
   }
   67% {

     opacity: 1.0;
     -webkit-transform: scale(1.1) rotate(5deg);
   }
   100% {

     opacity: 1.0;
     -webkit-transform: scale(1.0) rotate(0deg);
   }
  }



  @-webkit-keyframes menu_announce {
   0% {
     color: white;
     opacity: 1.0;
     /*-webkit-transform: scale(1.0) rotate(0deg);*/
   }

     25% {
     color: white;
     opacity: 0;

   }


   50% {
     color: white;
     opacity: 1;

   }
       75% {
    color: white;
     opacity: 0;

   }


   100% {
    color: white;
     opacity: 1.0;
    
   }
  }







  .pulsedbox {
   -webkit-animation-name: pulse;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;
        background-color: red;
    width: 40%;
    padding: 0.2em 1em;
    margin: 6em;
   

  }


  .pulsedannounce  {

   position:absolute;
   -webkit-animation-name: simplepulse;
   -webkit-animation-duration: 4s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;
    background-image:url("../images/concerts/Jeezs_Affiche_200.png");
    width:190px;
    height:275px;
    padding: 2Px;
        top:180px;
    left:330px;
    margin: 5px;
        -webkit-box-shadow:black 0px 0px 10px;
	-o-box-shadow:black 0px 0px 10px;
	-moz-box-shadow:black 0px 0px 10px;

     
  }

 .titre_dates{


   /*background-color:rgba(0,0,0,1);*/
     font-size:14px;

 }



/*Fin animated style*/



/* dock - top */
.dock {
	position: relative;
    top:-10px;
	height: 50px;
	text-align: center;
    z-index:300;

}
.dock-container {
	position: absolute;
	/*height: 50px;*/
	/*background: url(images/dock-bg2.gif);*/
	padding-left: 20px;

}
a.dock-item {
	display: block;
	width: 40px;
	color: #FFFFFF;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 28px ;

}
.dock-item img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
       
}
.dock-item span {
	display: none;
	padding-left: 20px;

}


.audio_impair {

	background-color:#7A6D58;
	color:#cccccc;
}

.audio_pair {

	background-color:#625847;
	color:#cccccc;
}



.audio_impair:hover  {

	background-color:#625847;
	color:#FFFFFF;
}

.audio_pair:hover {
    background-color:#7A6D58;

	color:#FFFFFF;
}

.audio_stop {
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	width:14px;
	height:16px;
	background-image:url(../images/audio_player/stop.png);
}

.audio_stop:hover {
	background-image:url(../images/audio_player/stop_hover.png);
}

.audio_play {
	background-image:url(../images/audio_player/play.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	width:14px;
	height:16px;
}

.audio_play:hover {
	background-image:url(../images/audio_player/play_hover.png);
}

.audio_div {
    position:relative;
	border-top-left-radius:10px 10px;
	-webkit-border-top-left-radius:10px 10px;
	-o-border-top-left-radius:10px 10px;
	-moz-border-radius-topleft:10px 10px;
	border-top-right-radius:10px 10px;
	-webkit-border-top-right-radius:10px 10px;
	-o-border-top-right-radius:10px 10px;
	-moz-border-radius-topright:10px 10px;
	border-bottom-right-radius:10px 10px;
	-webkit-border-bottom-right-radius:10px 10px;
	-o-border-bottom-right-radius:10px 10px;
	-moz-border-radius-bottomright:10px 10px;
	border-bottom-left-radius:10px 10px;
	-webkit-border-bottom-left-radius:10px 10px;
	-o-border-bottom-left-radius:10px 10px;
	-moz-border-radius-bottomleft:10px 10px;
	box-shadow:rgb(0, 0, 0) 0px 0px 5px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 5px;
	-o-box-shadow:rgb(0, 0, 0) 0px 0px 5px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 5px;
	background-color:#333333;
      height:auto;

    padding:9px;
}




.important
{
    /*background-color:gray;*/



    text-shadow:rgb(250, 250, 0) 0px 0px 2px;
       -webkit-animation-name: menu_announce;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;


}