body {
margin : 0px;}


@font-face {
 font-family: aaux;
 src: url("fonts/aauxprothin.eot")
}

@font-face {
 font-family: aaux;
 src: url("fonts/aauxprothin.ttf")
}

@font-face {
 font-family: aauxbold;
 src: url("fonts/aauxprobold.eot")
}

@font-face {
 font-family: aauxbold;
 src: url("fonts/aauxprobold.ttf")
}


@font-face {
 font-family: 'HelveticaNeue55Roman';
 src: url("fonts/helveticaneue-light-webfont.eot")
}

@font-face {
 font-family: 'HelveticaNeue55Roman';
 src: url("fonts/helveticaneue-light-webfont.ttf")
}


@font-face {
 font-family: 'HelveticaNeue55Roman';
 font-weight: bold;
 src: url("fonts/helveticaneue-medium-webfont.eot");

}

@font-face {
 font-family: 'HelveticaNeue55Roman';
 font-weight: bold;
 src: url("fonts/helveticaneue-medium-webfont.ttf")

}

.gras {
font-weight: bold;}

div#temp-pass img {
    max-width: 700px;
    width: 100%;
}


#temp-pass {
    text-align: center;
    background-color : #f7f7f7;
    width: 100%;
}

/* *********************************************** */  
/* ********************* HEADER ****************** */ 
/* *********************************************** */ 
body {
padding-top : 71px;
outline: none !important;}

#header-contener {
position : fixed;
top : 0px;
background-color:#000000;
height : 71px;
border-bottom: 0px #404c58 solid;
width : 100%;
z-index : 999999;


}

#header {
height : 71px;
width : 980px;
margin-right : auto;
margin-left : auto;

}

.lieuconcert a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
}

#logo {
padding-top : 22px;
margin-left : 15px;
float : left;}

#logo img{
border:0;}

#menu {
padding-top : 12px;
float : right;
margin-right : 15px;
}

#menu ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#menu li {
 float:left; /*pour IE*/

 }
#menu ul li a {
 display:block;
 float:left;   
 margin-left : 42px;
 line-height:50px; /*hauteur de l'image de fond*/
 color:#DCDCDC;
 text-decoration:none;
 text-align:center;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 font-size:12px;
 letter-spacing:3px;

 }
#menu ul li a:hover {
 color:white;
 }  

 a {
 	outline: none !important;
 }
 
/* *********************************************** */  
/* *********************   UNE  ****************** */ 
/* *********************************************** */ 

#une-contener {
background-color:#fefefe;
padding-top : 44px;
padding-bottom : 44px;
overflow:hidden;
border-bottom: 1px #ced2d1 solid;
}

.contener {
width : 980px;
margin : auto;
}

#lien-une {
margin-left : 15px;
float : left;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 font-size:14px;
}

.plus {
 background-image:url(kit/tiret.jpg);
 background-repeat:no-repeat;
 background-position:left;
 padding-left : 17px;
 letter-spacing:1.5px;
 }
 
.plus a {
color : #000000;
text-decoration:none;
 }
 
#image-une {
float : right;
margin-right : 15px;
}


/* *********************************************** */  
/* ******************   VIDEO HOME  *************** */ 
/* *********************************************** */ 

#video-contener {
background-color:#bfc3c4;
padding-top : 56px;
padding-bottom : 38px;
overflow:hidden;
}


#player {
width : 900px;

padding : 1px;
background-color: #959b9b;
margin:auto;
}

#video-legende {
font-family: aaux, Arial, Helvetica, sans-serif;
text-align: center;
font-size:22px;
color : #6d6d6f;
margin-top: 27px;
letter-spacing:3px;
text-transform:uppercase;
}

/* *********************************************** */  
/* *********************  PASS  ****************** */ 
/* *********************************************** */


.pass-contener {
width : 980px;
margin : auto;
margin-top : 20px;
}

#titre-pass {
float : left;
width : 440px;
text-align:center;
font-family: aaux, Arial, Helvetica, sans-serif;
margin-top : 40px;
}

#achetez {
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#c6c7c2;
padding : 2px;
padding-top : 7px;
width : 270px;
height : 24px;
color : #FFFFFF;
margin : auto;
margin-top : 30px;
padding-bottom : 7px;
border: 1px #8c8c8a solid;
font-size:19px;
box-shadow: 1px 1px 12px #c0c0c0;
font-weight:bold;
font-family: aauxbold;

}

#achetez a{
text-decoration:none;
color : #FFFFFF;
font-family: aaux, Arial, Helvetica, sans-serif;

}

.grostitre {
font-family: aaux, Arial, Helvetica, sans-serif;
font-size:35px;
}

.soustitre {
font-family: aaux, Arial, Helvetica, sans-serif;
font-size:17px;
margin-top : 20px;
letter-spacing:1.5;
}

.txt-pass-contener {
background-color:#FFFFFF;
background-image:url(kit/fond-pass.jpg);
background-repeat:repeat-x;}

.txt-pass-contener2 {
background-color:#FFFFFF;
background-image:url(kit/fond-pass.jpg);
background-repeat:repeat-x;
text-align:center;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size:15px;}




.txt-pass {
width : 980px;
margin : auto;
padding-top:40px;
padding-bottom : 40px;}

.txt-pass-titre {
font-family: aaux, Arial, Helvetica, sans-serif;
font-size:38px;
text-transform:uppercase;
}

.pass-txt-bold {
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 font-weight:bold;
}

.txt-pass a{
	color: #000;
}

.txt-pass-desc {
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size:14px;
width : 830px;
margin-bottom : 30px;
margin-top  : 10px
}

#video-pass {
padding-top : 7px;
padding-left : 2px;
float : right;
width : 448px;
background-color:#000000;
height : 252px;
margin-right : 30px;
margin-bottom : 60px;
}

.txt-pass-img {
text-align:center;}

#playerpass {
width : 819px;
height : 255px;
background-image:url(kit/lepass01.jpg);
padding-left : 92px;
}

#pass {
width : 917px;
margin : auto;
text-align:center;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 font-size:14px;
}

#pass img{
width : 458px;
margin : auto;
margin-bottom : 20px;
display:block;
}

.highlight {
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-weight:bold;
}

#deuxpass {
float : left;
margin-left : 111px;}



#unpass {
float : left;
margin-left : 131px;
margin-top : 30px;
}

#deuxpass {
float : left;
margin-left : 132px;
margin-top : 30px;
}

#troispass {
float : left;
margin-left : 72px;
margin-top : 30px;
}

#quatrepass {
float : left;
margin-left : 82px;
margin-top : 30px;
}

.multipass {
float : left;
width : 300px;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size:14px;
margin-bottom : 30px;
margin-top  : 10px
}

.multipass2 {
float : left;
width : 300px;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size:14px;
margin-bottom : 30px;
margin-top  : 10px;
padding-left : 70px;
}



a.lienpass, a.lienpass3 {
color : #ed132b;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size : 25px;
text-decoration:none;
text-transform:uppercase;
text-align:center;}

a.lienpass2, a.lienpass4 {
color : #16365d;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size : 25px;
text-decoration:none;
text-transform:uppercase;
text-align:center;}


.pass-option {
font-size: 15px;
}

/* *********************************************** */  
/* ********************  ALBUMS  ***************** */ 
/* *********************************************** */


h1 {
font-family: aaux, Arial, Helvetica, sans-serif;
margin-left : 10px;
max-width : 500px;
}

#albums-contener {
padding-top : 35px;
padding-bottom : 36px;
overflow:hidden;
}

#slider img {
border: 1px #535154 solid;}

.unalbum {
float : left;
margin-right:46px;
margin-bottom :46px;
}

.unalbum2 {
float : left;
margin-bottom :46px;

}


/* *********************************************** */  
/* ********************  CONCERT  **************** */ 
/* *********************************************** */

#concert-contener {
background-color:#9cd4cb;
height : 375px;
}


#concert {
position:relative;
height : 375px;
width : 908px;
left : 50%;
margin-left : -420px;
overflow:hidden;
}




#concert table {
margin-top : -1px;
border-right : 1px;
border-left : 0px;
border-top : 0px;
border-bottom : 0px;
border-color:#000000;
border-style:solid;
border-spacing:0px;
border-collapse:collapse;
}

#concert td {
border-left : 0px;
border-right : 1px;
border-bottom : 0px;
border-top : 1px;
border-color:#000000;
border-style:solid;
border-spacing:0px;
}

.date {
width : 397px;
height : 114px;
font-family: aaux, Arial, Helvetica, sans-serif;
font-size: 89px;
letter-spacing:9px;
}

.lieu {
width : 406px;
font-family: aaux, Arial, Helvetica, sans-serif;
font-size:36px;
text-transform:uppercase;
padding-left : 37px;
letter-spacing:3px;}

.nomdate{
font-family: aauxbold, Arial, Helvetica, sans-serif;

}

table-display {
margin-top : -20px;}

dl.table-display
{
	float: left;
	width: 850px;
	padding: 0;
	/*border-bottom: 1px solid #999*/
	}

.table-display dt
{
	clear: left;
	float: left;
	width: 397x;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #000;
	*/border-right: 1px solid #000;*/
	font-weight: bold;
	margin-top : -2px;
}

.table-display dd
{
	float: left;
	width: 406px;
	margin: 0;
	padding: 17px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	margin-top : -2px;
}

/* *********************************************** */  
/* ********************  FOOTER  **************** */ 
/* *********************************************** */


#footer-contener {
position:absolute;
background-color:#000000;
height : 300px;
bottom : 0px;
width : 100%;
}

html, body { height: 100% }

#page {
    min-height: 100%;
    position: relative
}

#bloc-principal {
    padding-bottom: 300px;
}


#footer {
width : 980px;
margin-right : auto;
margin-left : auto;
color : #FFFFFF;
padding-top : 68px;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 letter-spacing:3px;
 font-size:12px;
}

#footer a {
color : #29eeff;
text-decoration:none;

}

#facebook { height : 10px; padding-top : 54px; width : 78px; float : left; }
#facebook:hover { background-color:#000000; background-image:url(kit/facebook.jpg); background-repeat:no-repeat; background-position:top center; }

#twitter { height : 10px; padding-top : 54px; width : 63px; float : left; margin-left : 30px; }
#twitter:hover { background-color:#000000; background-image:url(kit/twitter.jpg); background-repeat:no-repeat; background-position:top center; }

#vimeo { height : 10px; padding-top : 54px; width : 46px; float : left; margin-left : 30px}
#vimeo:hover { background-color:#000000; background-image:url(kit/vimeo.jpg); background-repeat:no-repeat; background-position:top center; }

#youtube { height : 10px; padding-top : 54px; width : 70px; float : left; margin-left : 30px}
#youtube:hover { background-color:#000000; background-image:url(kit/youtube.jpg); background-repeat:no-repeat; background-position:top center; }

#instagram { height : 10px; padding-top : 54px; width : 85px; float : left; margin-left : 30px}
#instagram:hover { background-color:#000000; background-image:url(kit/instagram.jpg); background-repeat:no-repeat; background-position:top center; }

#contactfooter { height : 10px; padding-top : 54px; width : 67px; float : left; margin-left : 30px}
#contactfooter:hover { background-color:#000000; background-image:url(kit/contact.jpg); background-repeat:no-repeat; background-position:top center; }

#credits { height : 10px; padding-top : 54px; width : 67px; float : left; margin-left : 30px}
#credits:hover { background-color:#000000; background-image:url(kit/credits.jpg); background-repeat:no-repeat; background-position:top center; }

#lienpass {
float : right;
margin-top : -23px;}


 input.formulairefooter 
		 
 {height:10px;
 width:211px;
 vertical-align: middle;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 color:#000000;
 font-size:11px;
 margin : 0px;
 font-weight:normal;
 text-align:left;
 text-decoration:none;
 border-left: #818181 solid 1px;
 border-top: #818181 solid 1px;
 border-right:#818181 solid 1px;
 border-bottom: #818181 solid 1px;
 background-color:#FFFFFF;
 text-align:left;
 padding-bottom : 2px;
 padding-left : 5px;
 border-radius: 5px;
 margin-top : -12px;
 padding-top : 3px;
 }
 
 #contact_form {
 margin-bottom : 45px;}

/* ********************************************************************************************** */  
/* ********************************************  ALBUMS   *************************************** */ 
/* ********************************************************************************************** */ 


/* *********************************************** */  
/* **********************  TOP  ****************** */ 
/* *********************************************** */


#album-contener {
background-color:#fefefe;
padding-top : 44px;
padding-bottom : 44px;
overflow:hidden;

}


#top-album {
margin-left : 15px;
float : left;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 font-size:14px;
}

#image-album {
float : right;
margin-right : 15px;
}

#player-album {
margin-bottom : 25px;}

.rubrique {
font-family: aaux, Arial, Helvetica, sans-serif;
font-size:130px;
letter-spacing:3px;
line-height:140px;
margin-top : 40px;
}

.separation {
height : 7px;
background-image:url(kit/plus.png);
background-repeat:repeat-x;
width : 940px;
margin:auto;
margin-top : 50px;
margin-bottom: 50px;
}

/* *********************************************** */  
/* ******************* BIO NOTES  **************** */ 
/* *********************************************** */

#note {
margin-left : 15px;
}

.rubrique2 {
font-family: aaux, Arial, Helvetica, sans-serif;
font-size:130px;
letter-spacing:3px;
line-height:140px;
float:left;
margin-top:-20px;
}

#txtnote {
 letter-spacing:1.5px;
width : 430px;
float : right;
margin-right : 15px;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 font-size:14px;
 }
 
 .rubrique2 a{
 color : #bec2c3;
 text-decoration:none;
 }

A.note-active {color: #000000;}


/* *********************************************** */  
/* ******************** SELECTOR  **************** */ 
/* *********************************************** */

#selector {
-moz-border-radius: 15px;
border-radius: 15px;
background-color:#000000;
width : 845px;
height : 470px;
margin:auto;
padding-top : 26px;

}

#changer {
margin-left : 150px;
}

.changeselector {
height : 20px;
width : 112px;
color : #FFFFFF;
background-color:#000000;
float : left;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 margin-right : 13px;
 text-align:center;
 font-size:12px;
 padding-top : 4px;
 }
 
 .changeselector a{
color : #FFFFFF;
text-decoration:none;
 }
 
#prevvideo{
float : left;
margin-left : 38px;
margin-top : 200px;
margin-right : 21px;
 }
 
 #videoplayer{
float : left;
 }
 
 #nextvideo{
float : left;
margin-top : 200px;
margin-left : 21px;
 }
 
 
 /* *********************************************** */  
/* ********************** LIVE  ******************* */ 
/* ************************************************ */

.titre {
float : left;
font-family: aaux, Arial, Helvetica, sans-serif;
font-size:130px;
margin-left : 15px;
line-height:90px;
}

.word {
float : right;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size:20px;
margin-right : 19px;
}

.ladate {
padding-right : 50px;
line-height:15px;
}	

.salle-album {
padding-right : 30px;
}	

.lelieu {
padding-right : 70px;
line-height:15px;
}

/* ************************************************ */  
/* ******************** POCHETTE  ***************** */ 
/* ************************************************ */

#pochette {
width : 940px;
margin:auto;
}

.word2 {
float : right;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size:20px;
margin-right : 19px;
text-align:right;
}

.word2 a {
color : #000000;
text-decoration:none;
}


/* ********************************************************************************************** */  
/* ********************************************  ALBUMS   *************************************** */ 
/* ********************************************************************************************** */ 


/* ************************************************ */  
/* ******************** TOP PASS  ***************** */ 
/* ************************************************ */

#pass-contenerhome {
background-color:#ededeb;
padding-top : 44px;
padding-bottom : 44px;
overflow:hidden;
border-bottom: 1px #f7f7f7 solid;
}

.contener-pass {
width : 980px;
margin : auto;
text-align:center;
}

#now {
margin-top : 10px;}

/* ************************************************ */  
/* **************** DESCRIPTION PASS  ************* */ 
/* ************************************************ */

#lepass02 {
margin-top : 57px;
float : left;
padding-left : 43px;
}

#lepass02texte {
margin-top : 57px;
float : right;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
width : 636px;
font-size:14px;
padding-right : 43px;
margin-bottom : 57px;
}

.separation2 {
height : 7px;
background-image:url(kit/plus.png);
background-repeat:repeat-x;
width : 666px;
margin:auto;
margin-bottom: 50px;
}

.votre-pass {
width : 980px;
margin : auto;
text-align:center;
margin-bottom : 57px;
}


/* ********************************************************************************************** */  
/* *********************************************  LABEL   **************************************** */ 
/* ********************************************************************************************** */ 


/* ************************************************ */  
/* ****************** IMAGE FOND  ***************** */ 
/* ************************************************ */

#label-contener {
background-color : #000000;
}

#barre-deco {
height : 3px;
background-color:#FFFFFF;
margin-bottom : 0px;}


#label-images {
position:relative;
width : 980px;
margin : auto;
z-index:10;

}

h2.trigger {
margin-bottom : -29px;
margin-top: -1px;
background: url(kit/trigger.png) no-repeat;
height: 30px;
line-height: 46px;
width: 216px;
cursor: pointer;
margin-right : 131px;
float : right;
z-index:1000;
}

.toggle_container {
background-color:#FFFFFF;
width : 980px;
margin : auto;
margin-top : 0px;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
font-size:14px;
padding-bottom : 40px;
padding-top : 20px;}

#gachette{
position:relative;
width : 980px;
margin : auto;
z-index:1000;}

#apropos-contener {
background-color : #FFFFFF;
}

/* ********************************************************************************************** */  
/* ********************************************  CONTACT  *************************************** */ 
/* ********************************************************************************************** */ 


#page-contact-contener {
background-color:#FFFFFF;
padding-top : 44px;
padding-bottom : 44px;
overflow:hidden;

font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
height : 200%;
}

.contener-contact {
width : 980px;
margin : auto;
font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
}

#dropbox {
width : 284px;
float : left;
color : #545454;
font-size:14px;
}

#form-contact {
float : right;
font-size: 13px;}

		 input.formulaire 
		 
 {height:18px;
 width:500px;
 vertical-align: middle;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 color:#000000;
 font-size:14px;
 margin : 0px;
 font-weight:normal;
 text-align:left;
 text-decoration:none;
 border-left: #a9a9a9 solid 1px;
 border-top: #a9a9a9 solid 1px;
 border-right:#a9a9a9 solid 1px;
 border-bottom: #a9a9a9 solid 1px;
 background-color:#FFFFFF;
 text-align:left;
 padding-bottom : 2px;
 }
 
 		 textarea.formulaire2 
		 
 {height:175px;
 width:498px;
 vertical-align: middle;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 color:#000000;
 font-size:14px;
 margin : 0px;
 font-weight:normal;
 text-align:left;
 text-decoration:none;
 border-left: #a9a9a9 solid 1px;
 border-top: #a9a9a9 solid 1px;
 border-right:#a9a9a9 solid 1px;
 border-bottom: #a9a9a9 solid 1px;
 background-color:#FFFFFF;
 text-align:left;
 padding-bottom : 2px;
 }
 
 .obligatoire {
 font-size:8px;
 margin-top : -15px;
 margin-right : 35px;}
 
 /* ********************************************************************************************** */  
/* ********************************************  LISTE ALBUM  *************************************** */ 
/* ********************************************************************************************** */ 


#albums-contener {
width : 950px;
margin-right : auto;
margin-left : auto;

}

#albums-contener img{
border : #000000 solid 1px;
}

.lesalbums {
float : left;
margin-right:51px;
margin-bottom :51px;
}

.lesalbums2 {
float : left;
margin-bottom :51px;

}

 /* ********************************************************************************************** */  
/* ********************************************  CONCERTS  *************************************** */ 
/* ********************************************************************************************** */ 

#concerts-contener {
width : 950px;
margin-right : auto;
margin-left : auto;
				height: 100%;
				overflow: auto;
	
}




dl.table-concerts
{
	float: left;
	width: 950px;
	padding: 0;
	/*border-bottom: 1px solid #999*/
	}

.table-concerts dt
{
	clear: left;
	float: left;
	width: 127x;
	margin: 0;

	border-top: 1px solid #000;
	*/border-right: 1px solid #000;*/
	font-weight: bold;
	margin-top : -2px;
}

.table-concerts dd
{
	float: left;
	width: 776px;
	margin: 0;
	
	border-top: 1px solid #000;
	
	margin-top : -2px;
}

.dateconcert {
width : 127px;
height : 22px;
font-family: aaux, Arial, Helvetica, sans-serif;
font-size: 22px;
letter-spacing:5px;
padding: 5px;
}

.lieuconcert {

width : 776px;
font-family: aaux, Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
padding-left : 37px;
letter-spacing:3px;
	padding: 10px;}

.nomdateconcert {
padding-left : 15px;
}

.quiconcert {
font-family: aauxbold, Arial, Helvetica, sans-serif;
}

#byartist {
margin-top : 24px;
margin-bottom : 8px;}

.where {
color : #35ebe1;}


 /* ********************************************************************************************** */  
/* ********************************************  SHOP  *************************************** */ 
/* ********************************************************************************************** */ 

#leshop {
width : 1120px;
height : 1020px;
margin : auto;}


 /* ********************************************************************************************** */  
/* ********************************************  SHOP  *************************************** */ 
/* ********************************************************************************************** */ 

#credits-contener {
width : 980px;
margin : auto;
 font-family: 'HelveticaNeue55Roman', Helvetica, Arial, sans-serif;
 font-size:13px;
 margin-top : 30px;
}

#credits-contener a{
color : #000000;
text-decoration:none;
}

#menumobile {
	display : none ;
	width: 0px;
	height : 0px;
}

@media (max-width: 1180px) {
#menu ul li a {
    margin-left: 32px !important;
}

.contener {
    width: 100%;
    }


#player {
  

    	width : 90%;
	margin-left : 5%;
}

#player iframe {
	  width: 100%;
}

#slider {
    transform: scale(0.8);
}

#slider1next {
    left: calc(100% - 78px) !important;
}


#slider1prev {

    left: 10px !important;

}
#content {
    margin-left: 52px !important;
}

#footer-contener {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;

}

#header {
    width: 100%;
    }

#footer {
    width: 100%;
}

	#concert {
	    width: 100% !important;
	         left: 0%;
	    margin-left: 0px; 
	}

	.scroll-pane {
	    width: 100% !important;
	}

	.jspContainer {
		width : 100% !important;
	}

	.jspHorizontalBar { 
	display : none !important;
	}



	.jspPane {
		width : 100% !important;
	}

	dl.table-display {
	    width: 100%

	    }

	.table-display dt {
	    width: 45%;
	        margin-left: 5%;
	}



	.table-display dd {
	    width: 40%;
	    border-right : 0px;
	    }

	    .date {
	    font-size: 80px;
	}

	.jspVerticalBar {
		display : none;
	}


}


@media (max-width: 1040px) {

#albums-contener {
    width: 100%;
}

#slider {
    transform: scale(0.7) !important;
}

#slider1prev {
    left: 80px !important;
}

#slider1next {
    left: calc(100% - 150px) !important;
}

#pass {
	width : 90%;
}

#pass img {
    width: 100%;
    height: auto;
    max-width: 458px;
}

#image-une img {
    width: 100%;
}

#player iframe {
    height: 250px;
}

#lienpass {
    display: none;
	}

#menu {
	width : 100%;
	float : none;
	    clear: both;
	        position: absolute;
    background-color: #000000;
    display : none;
        z-index: 1000;
    position: relative;

}

#menu li {

float : none;
    clear: both;
	}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {
    display: none !important;
}

.albumhome{
	display : none;
}

.date {
    font-size: 30px;
    height: 64px;
}

.lieu {
	font-size: 16px;
}

.table-display dd {
    width: 37%;}



#menumobile {
    width: 30px;
    height: 30px;
	display : block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1000;
    background-image : url(kit/makefg.png);
        background-size: 30px 30px;
        cursor: pointer;
}


#lesliens div {
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0px;
    background-color: #000000;
    height: 15px !important;
    padding-top: 20px;
}

#facebook:hover , #twitter:hover , #vimeo:hover, #youtube:hover , #instagram:hover, #contactfooter:hover, #credits:hover {  background-image:none;  }

#lesliens:after, #footer-contener:after , #footer:after, #menu:after, #note:after, #selector:after , #lavideo:after {
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}

#footer-contener {
    height: auto; 
    padding-bottom: 30px;
}


.lesalbums2 {
	margin-bottom : 0px;
}

.lesalbums {
    float: left;
     margin-right: 0px; 
     margin-bottom: 0px; 
}

span.lesalbums,  span.lesalbums2 {
    width: 33.3333333333%;
}

span.lesalbums img,  span.lesalbums2 img  {
    border: #000000 solid 1px;
    width: 100%;
    height: auto;
}

#albums-contener {
    padding-bottom: 102px;
}

#top-album {
    width: 90%;
    text-align: center;
    padding-left: 5%;
    margin-left: 0px;
}

#top-album h1 {
    max-width: auto !important;
    max-width: 100%;
}

#image-album {
    float: right;
   margin-right: 0px;
    margin: auto;
    width: 100%;
    text-align: center;
}

#image-album img {
    max-width: 90%;
}


.rubrique {
    font-size: 100px;
    line-height: 100px;
}

.rubrique2 {
    font-size: 60px;
    line-height: 69px;
}

#note {
    margin-left: 0px;
    width: 90%;
    padding-left: 5%;
}

#txtnote {
    width: 100%;
    margin-right: 0px;
}

.titre {
    line-height: 60px;
    font-size: 60px;
}

.separation {
    width: 100%;
}

.word {
    margin-right: 0px;
    width: 90%;
    padding-left: 5%;
    clear: both;
    float: none;
        font-size: 15px;
}

.word2 {
    margin-right: 0px;
    float: none;
    width: 90%;
    padding-left: 5%;
    font-size: 13px;
    padding-bottom: 100px;
    text-align: left;
}

#concerts-contener {
    width: 100%;
}

dl.table-concerts {
    width: 100%;
}


.table-concerts dd {

    width: 86%;
    padding : 0px;
        padding-top: 10px;
    padding-bottom: 10px;
    padding-left : 2%;
}

.table-concerts dt {
    width: 9% !important;
    font-size: 15px;
    min-height: 45px;
    padding : 0px;
    padding-top: 10px;
    padding-left: 3%;
}

#byartist , #bydate {	
    text-align: center;
}

#dropbox {
	display : none;
}

.contener-contact {
    width: 100%;
    padding-bottom: 100px;

}

#form-contact {
    float: none;
}

input.formulaire {
   width: calc(100% - 20px);

    }

    textarea.formulaire2 {
   width: calc(100% - 22px);

}

#form-contact table {
    width: 100%;
    padding: 0px;
}

#label-images {
	width : 100%;
	padding-bottom: 100px;
}

#label-images img {
	width : 100%;
}

.toggle_container {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
}

#gachette {
width : 100%;
	}


#image-une {
   float: none; 
   margin-right: 0px; 
}

#pochette { 
width : 100%;}

#pochette img { 
width : 100%;}

#videoplayer {
    float: left;
    width: calc(100% - 150px);
        margin-bottom: 30px;
}

#videoplayer p {
   display : none;
}


#videoplayer iframe{
    width: 100% !important;
    max-height: 300px;
}

#selector {
	width : 90% !important;
	height : auto;
}

#prevvideo , #nextvideo{ 
margin-top : 0px;
    margin-top: 8em;
}

#slider3next {
    left: calc(100% - 35px);
}

#selector {
	display : none;
}

#changer {
	display : none;
}

}


@media (max-width: 700px) {
span.lesalbums,  span.lesalbums2 {
    width: 50%;
}

#videoplayer iframe {

    height: 150px;
}

#prevvideo , #nextvideo{ 
margin-top : 0px;
    margin-top: 4em;
}
}