html,body{
	width:100%;
	height:100%;
	font-family:'nextBook',sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:17px;
	text-rendering: optimizeLegibility;
	letter-spacing:0.3px;
	}
p{padding:2px;} /**/
body.page{height:auto;}
#page{position:relative;}
ul,li{
	margin:0px;
	padding:0px;
	}

.bar{
	width:100%;
	}
.hidden{/*class used to hide the menus... it's managed within the pp.js */}
.cache{display:none;}
.grey{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: gray; 
    -webkit-filter: grayscale(100%); 
	}
.center{
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-justify-content: center;
	display: -moz-box;
	-moz-box-align: center;
	-moz-box-pack: center;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.circle{
	border-radius: 50%;
    behavior: url(PIE.htc);width:15px;height:15px;font-size:10px;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-justify-content: center;
	display: -moz-box;
	-moz-box-align: center;
	-moz-box-pack: center;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.blocker{height:1px;margin:0px;padding:0px;}
.liner{float:left;}
.middleSize{/*width:15px;height:15px;*/margin-top:0px;margin-left:2px;margin-right:5px;}
.noLiner{float:none;}
.red{background-color:red;}
.fontRed{color:red;}
.fontBlue{color:blue;}
.blue{background-color:blue;}
.green{background-color:#ccff00;color:#000;}
.fontGreen{color:#ccff00}
.bigText{font-size:42px;width:80%;margin-left:auto;margin-right:auto;/*text-indent:50px;*/margin-bottom:20px;}
.bigText p{text-indent:50px;}
.bigText p:first-child{text-indent:0px;}
#allArtists{list-style-type:none;width:80%;margin-left:auto;margin-right:auto;}
#allArtists li{float:left;margin-right:15px;text-transform:uppercase;margin-bottom:2px;min-height:20px;}
#allArtists li a{color:black;letter-spacing:0.3px;}
#allArtists li a span{display:inline-block;height:15px;width:23px;text-align:center;padding:2px;background-color:black;margin-right:2px;text-decoration:none;}
#allArtists li a span.invisible{width:1px;background-color:transparent;margin-right:0px;margin-left:-4px;}
#allArtists.archive{padding-bottom:40px;}

#menuWrapper{position:fixed;top:0px;left:0px;width:100%;z-index:10;background-color:#000;}
a:link,a:visited{text-decoration:none;color:#fff;}
.clearFix{clear:both;display:block;width:100%;}
.focusDates div.clearFix{padding:0px;}
.focusDates div p{text-indent:40px;}
.focusDates div p:first-child{text-indent:0px;}
.focusDates div.eventDetail p{text-indent:0px;}
#artistBar{
	height:20px;
	background-color:#000;
	}
/*#artistBar se transforme en .marquee0 avec CRAWLER.JS*/
.marquee0{text-transform:uppercase;font-size:17px;width:100%;}
.marquee0 ul{list-style-type:none;padding-top:1px;}
.marquee0 li{display: inline;margin-left:5px;margin-right:5px;cursor:pointer;}	
.marquee0 li a{color:#00FF00;text-decoration:none;}
.marquee0 li a:hover{color:#ffffff;text-decoration:none;}
/*.marquee0 ul ul li a{display:block;margin-top:1px;}*/

#menuBar{
	height:18px;
	padding-top:2px;
	background-color:#000;
	color:#fff;
	font-size:17px;	
	text-transform:uppercase;
	list-style-type:none;
	text-align: center;
	width:100%;
	position:relative;
	}
#menuBar li{display: inline;margin-left:5px;margin-right:5px;}	
#menuBar li.menuIphone{display:none;}
#menuBar li a{color:#fff;text-decoration:none;}
#menuBar li a.fontVert{color:#00FF00;}
#menuBar li a:hover{color:#00FF00;}
#menuBar li.lefter a{position:absolute;left:29px;}
#menuBar li.lefter.lang a{left:240px;}
#menuBar li.lefter.lang a:nth-child(2){left:270px;}
#menuBar li.lefter.lang a{display:inline-block;font-size:9px;text-transform:uppercase;border:1px solid #fff;padding:2px;margin:2px;margin-top:1px;vertical-align:top;width:20px;height:14px;box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;}
#menuBar li.lefter.lang a:hover{border:1px solid #00FF00;}
#menuBar li.social img{margin-left:20px;border:none;}

#menuBar li.social{position:absolute;right:0px;top:0px;}
#menuBar li.lefter.pp{display:block;}


.elastic{
	position:absolute;
	top:40px;
	bottom:249px;
	height:auto;
	width:100%;
}
.elastic.archive{
	bottom:40px;
}
.elasticBottom.archive{display:none;}
#focusBar{
	position:relative;
	background-color:#ff0000;
	color:#fff;
	height:50%;
	text-transform:uppercase;
	overflow:hidden;
	}
#focusBar li.title{
	height:40px;
	font-size:42px;
	}
#focusBar li.title .left{float:left;}	
#focusBar li.title .right{float:right;margin-right:1px;}	

#focusBar li.fitText{
	text-align:center;
	position:absolute;
	top:40px;
	bottom:0px;
	width:100%;
	
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-justify-content: center;

	
	display: -moz-box;
	-moz-box-align: center;
	-moz-box-pack: center;

	
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;

	
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-box-pack: center;

	
	display: flex;
	align-items: center;
	justify-content: center;
}
.poster{
	font-family:'nextPoster',sans-serif;
	}
strong{font-weight:bold;}
/*focus bar en mode page*/
.marquee2 ul{list-style-type:none;padding-top:1px;}
.marquee2 li{display: inline;margin-left:5px;margin-right:5px;cursor:pointer;font-size:17px;text-transform:uppercase;}	

#zoomBar{
	background-color:#cccccc;
	color:#fff;
	height:50%;
	list-style-type:none;
	text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
	font-weight:lighter;
	position:relative;
	}
#zoomBar li{
	position:relative;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
   /* filter: gray; 
    -webkit-filter: grayscale(100%); */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
#zoomBar .title{
	position:absolute;
	height:auto;
	font-size:42px; 
	z-index:2;
	text-transform:uppercase;
	left:2px;
	top:2px;
	}
#zoomBar li img{
	position:absolute; bottom:6px;left:4px;
	}
#zoomBar li p{
	text-transform:uppercase;
	text-align:center;
	margin-top:6%;/*30%;*/
	font-size:17px;
	padding:5px;
	color:#fff;
	letter-spacing:1px;
	}
/*body.page.zoom{background-image:url(../gfx/trame_gris_1.png);background-repeat:repeat;}*/

#page #zoomBar li{
	width:50%;
	}
#page #zoomBar.archive li{
	width:25%;
	}
	
#zoom li.grey{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
    filter: gray; 
    -webkit-filter: grayscale(100%); 
	}
#page #zoomBar li p{margin-top:5%;}

/*zoom bar en mode page*/
.marquee3 ul{list-style-type:none;padding-top:1px;}
.marquee3 li{display: inline;margin-left:5px;margin-right:5px;cursor:pointer;text-transform:uppercase;font-size:17px;}	
/*#zoom{clear:both;width:100%;min-height:100%;}*/
#zoom li{
	position:relative;
	width:50%;
	float:left;
	}
/*#zoom li:nth-child(2){height:100%;background-color:#fff;}*/

#zoom li h1{
	clear:both;
	text-transform:uppercase;
	width:20%;
	position:absolute;
	font-weight:regular;
	padding-top:20px;
	}
#zoom li h1 a{background-color:black;font-size:13px;padding:2px;margin-left:2px;padding-top: 4px;}
#zoom li h1 a span{display: inline-block;width:100px;text-align:center;margin-bottom:2px;}
#zoom li h1 a div.ficheLink{diplay:block;width:100px;text-align:center;margin-bottom:2px;background-color: black;padding-top: 2px;}
#zoom li div.text{
	width:80%;
	position:absolute;
	left:20%;
	padding-top:20px;
	}
#zoom li div.text p{
	text-indent:0px;/*20px;*/
	padding-right:10px;
	}
.headBar{
	height:20px;
	position:fixed;
	width:100%;
	z-index:10;
	/*margin-top:-20px;*/
	}
.headBar.archive{position:relative;}
.fakeHeadBar{height:20px;position:relative;} /*rajout de position relative*/
.headBar{
	background-color:#fff;
	/*border-bottom:1px solid #ccc;*/
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	}
.headBar.zoom{
	background-color:#ccc;
	border:none;
	}
.headBar{text-align:center;text-transform:uppercase;font-size:17px;}
.headBar span{position:relative;top:2px;}
.headBar div:first-child{
	background-color:#000;
	color:#fff;
	text-transform:uppercase;
	font-size:17px;
	width:auto;
	height:17px;
	padding-top:3px;
	float:left;
	}
.headBar div.close{
	float:left;
	cursor:pointer;
	}
.headBar div.close img{display:block;}
#archiveZoom{clear:both;width:100%;height:40px;background-color:rgba(204,204,204,0.85);text-transform:uppercase;color:black;}
/* CALENDRIER ************************************************************************************************************/	
#calendar{
	height:210px;
	background-color:blue;
	color:#fff;
	position:absolute;
	bottom:40px;
	list-style-type:none;
	z-index:3;
	}
#calendar.archive{display:none;}
#calendar .title{
	height:39px;
	font-size:42px;
	text-transform:uppercase;
	background: linear-gradient(blue, white);
	padding-left:2px;
	padding-top:1px;
}

/*** PRISM ***/
#calendar .container{
	background-color:rgba(0,0,0,0.2);
	height:120px;/*170px;*/
}
#prism{
	width: 100%;
	height: 120px;/*170px;*/
	position:absolute;
	
  	-webkit-transition: -webkit-transform 0.5s linear;
  	-webkit-transform-style: preserve-3d;
  
  	-moz-transition: -moz-transform 0.5s linear;
  	-moz-transform-style: preserve-3d;
  
  	transition: transform 0.5s linear;
 	transform-style: preserve-3d;
}
.face{
  width: 100%;
  height: 120px;/*170px;*/
  display: block;
  position: absolute;
  background: blue;
  overflow:hidden;
}
.face.one{
	/*background-color:rgba(255,255,255,1);*/
  -webkit-transform: rotateX(0deg) translateZ(34px);
  -moz-transform: rotateX(0deg) translateZ(34px);
  transform: rotateX(0deg) translateZ(34px);
}
.face.two{
	/*background-color:rgba(255,255,0,1);*/
  -webkit-transform: rotateX(120deg) translateZ(34px);
  -moz-transform: rotateX(120deg) translateZ(34px);
  transform: rotateX(120deg) translateZ(34px);
}
.face.three{
	/*background-color:rgba(255,0,0,1);*/
  -webkit-transform: rotateX(240deg) translateZ(34px);
  -moz-transform: rotateX(240deg) translateZ(34px);
  transform: rotateX(240deg) translateZ(34px);
}

.marquee1{
	position:relative;
}
.marquee1 ul{list-style-type:none;padding-top:1px;}
.marquee1 li{display: inline;margin-left:5px;margin-right:5px;cursor:pointer;font-size:17px;text-transform:uppercase;}	
.marquee1 li a:link,
.marquee1 li a:visited{color:#fff;}



.marquee4{position:relative;}
.marquee4 ul{list-style-type:none;padding-top:1px;}
.marquee4 li{display: inline;margin-left:5px;margin-right:5px;cursor:pointer;text-transform:uppercase;font-size:17px;}

/*
.calendarDetail, .calendarDay, .calendarDayComposition{width:100%;font-size:10px;text-transform:uppercase;position:relative;clear:both;}
.dayNavigation{
	width:200px;
}
.calendarButtons li{
	width:50%;
	height:10px;
	color:red;
	float:left;
	text-align:center;
	background-color:#fff;
}
.calendarButtons a{color:red;text-decoration:none;}
.calendarButtons a:hover li{background-color:red;color:#fff;}
.calendarDesc li{
	float:left;
	width:50%;
	}
.calendarLocation li{
	clear:both;
	height:20px;
	background-color:#fff;
	color:blue;
	width:100px;
	border:1px solid blue;
 	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
}
.calendarLocation li:first-child{height:20px;border-bottom:none;}
.calendarDate,
.calendarLocation{height:40px;}
.calendarDate{font-size:17px;background-color:blue;}
.calendarDate .small{font-size:10px;}

.dayDetail{position:absolute;top:0px;left:200px;right:0px;background-color:#ffffff;color:blue;height:50px;background-image:url(../gfx/texture.png);background-repeat:repeat-x;background-position:bottom;}
.dayDetail hr{position:absolute;left:0px;top:10px;padding:0px;margin:0px;border:none;border-top:1px solid blue;width:100%;}
.horaire{width:100px;color:#ffffff;background-color:blue;}
.extramuros,.intramuros{font-size:17px;height:20px;overflow:hidden;}
.extramuros .small,.intramuros .small{font-size:10px;vertical-align:top;}

.calendarDetail li ul li ul.calendarButtons li{display:none;}
.calendarDetail li ul li ul.calendarButtons li.clearFix{display:block;width:100%;}
.calendarDetail li:first-child ul li ul.calendarButtons li{display:block;}
.calendarDetail li:first-child ul li ul.calendarButtons li.clearFix{display:none;}

.second{margin-left:200px;}
.third{margin-left:400px;}
.fourth{margin-left:600px;}
*/
.calendarDay{width:100%;position:relative;}
.calendarDay.hidden,.calendarDayPhone.hidden{display:none;}
.calendarDay .date{
	height:120px;
	width:50px;/*75px*/
	background-color:blue;
	text-transform:uppercase;
	text-align:center;
	}
/*.calendarDay .date ul li:first-child{height:10px;background-color:#fff;}*/
.calendarDay .programmation{
	position:absolute;
	left:50px;/*75*/
	right:0px;
	}
.programmation{position:absolute;top:0px;right:0px;left:50px;}
.date .small{font-size:10px;}
/*.allDay .dayInfo{height:10px;background-color:#fff;}*/
.dayInfo{position:relative;padding-left:50px;height:30px;background-color:#fff;}
.date .button{-webkit-appearance: none;/*border:1px solid #fff;*/border:1px solid white;background-color: blue;width:40px;height:14px;margin-left:3px;color:#fff;text-transform:uppercase;text-align:left;position:absolute;-webkit-border-radius: 0px;cursor:pointer;background: linear-gradient(#7b91ff,white, #7b91ff);}
.date .button.next{/*background-image:url(../gfx/down.png);background-repeat:no-repeat;background-position:15px 1px;*/bottom:4px;left:1px;}
.date .button.back{/*background-image:url(../gfx/up.png);background-repeat:no-repeat;background-position:15px 1px;*/top:4px;left:1px;}
.date .button img{margin-left:10px;margin-top:-2px;}
.muros{position:relative;background-color:#fff;background-image:url(../gfx/background_calendrierevenements.svg);background-repeat:repeat;}
/*.intraMuros{position:relative;background-color:#fff;background-image:url(../gfx/trameIntraMuros.png);background-repeat:repeat-x;}*/
/* IMAGE A ETE SUPPRIMEE
.extraMuros div:first-child, 
.intraMuros div:first-child{
	width:20px;
	height:60px;
	background-color:#fff;
	border:1px solid blue;
	border-left:none;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	
}*/
/*.intraMuros hr,*/
.muros hr{position:absolute;bottom:1px;padding:0px;margin:0px;border:none;border-top:1px solid blue;width:100%;}
.dayInfo ul{position:relative;left:50%;list-style-type:none;width:50%;}
.dayInfo ul:first-child{position:absolute;left:0px;padding-left:25px;}
.dayInfo ul:first-child li{float:right;}
.dayInfo ul li{float:left;/*background-color:rgba(0,0,255,0.2);*/border-left:1px solid blue;width:7.69%;font-size:16px;padding-left:2px;padding-top:7px;height:30px;text-transform:uppercase;color:blue;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;}
/*
.dayInfo ul:first-child li{background-color:rgba(0,0,255,0.5);}
.dayInfo ul li:nth-child(odd){background-color:rgba(0,0,255,0.5);}
.dayInfo ul:first-child li:nth-child(odd){background-color:rgba(0,0,255,0.2);}*/
/*.intraMuros div:nth-child(2),*/
/*.muros div:nth-child(2){position:absolute;top:0px;left:0px;right:0px;}*/
.muros div.white{position:absolute;background-color:white;height:100%;width:50%;z-index:0;}

.event{color:blue;text-transform:uppercase;list-style-type:none;margin-left:/*20px*/0px;clear:both;height:30px;}
.event li{height:30px;font-size:17px;float:left;}
.event li span.small{font-size:10px;vertical-align:top;/*text-decoration:underline;*/border-bottom:1px solid blue;/*padding-bottom:1px;*/display:inline-block;}
.event li.artist{height:30px;width:100%;padding-top:3px;
border-bottom:1px solid blue;
box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;}
.event li.artist a:link,.event li.artist a:visited{color:blue;}
.event:first-child{border-top:1px solid blue;}
.event li.horaire{position:absolute;left:50%;right:0px;height:30px;font-size:17px;border-bottom:1px solid blue;
box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;}

.event li.horaire div{height:30px;background-image:url(../gfx/trameBlue.png);background-repeat:repeat;width:20px;border:none;background-color:transparent;}
/*
.event li.horaire.second div{margin-left:9.09%;}
.event li.horaire.third div{margin-left:18.18%;}
.event li.horaire.fourth div{margin-left:27.27%;}
.event li.horaire.fifth div{margin-left:36.36%;}
.event li.horaire.sixth div{margin-left:45.45%;}
.event li.horaire.seventh div{margin-left:54.54%;}
.event li.horaire.eight div{margin-left:63.83%;}
.event li.horaire.nineth div{margin-left:72.92%;}
.event li.horaire.tenth div{margin-left:82.01%;}
.event li.horaire.eleventh div{margin-left:91.1%;}
*//*
.calendarClearer{width:100%;}
.calendarClearer li{height:10px;background-color:#fff;}*/
/* CALENDRIER ************************************************************************************************************/	

#expoBar{
	height:40px;
	color:#ccff00;
	background-color:#000;
	position:absolute;
	bottom:0px;
	overflow:hidden;
	}
#expoBar.homepage{box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	padding-top:2px;
	/*border:2px solid #ccff00;/*color:#000;background-color:#ccff00;*/}
#expoBar.archive{position:fixed;}
#expoBar .title{
	height:40px;
	font-size:42px;
	line-height:40px;
	text-transform:uppercase;
	float:left;
	color:#ccff00;
	position:relative;
	width:100%;
	margin-left:0px;
	}
#expoBar .title ul{position:absolute;right:1px;top:0px}
#expoBar .title ul#expoTitleBar{
	right:50%;
	margin-right:-315px;
	top:0;
	/*background-color:#000;*/
	color:#ccff00;
	list-style-type:none;
	height:40px;
}
#expoTitleBar li{float:left;height:100%;}
#expoTitleBar li.small{
	padding-top:3px;
	font-size:17px;text-align:center;margin-left:20px;
	margin-right:20px;font-weight:lighter;
	width:150px;line-height:16px;
	}
a:link #expoBar,a:visited #expoBar{color:#000;}

.marquee4{position:relative;}
.marquee4 ul{list-style-type:none;padding-top:1px;}
.marquee4 li{display: inline;margin-left:5px;margin-right:5px;cursor:pointer;text-transform:uppercase;font-size:17px;}	


.expoImage{background-repeat:no-repeat;background-size:cover;background-position:center;position:fixed;left:0px;right:0px;bottom:0px;top:100px;background-color:#ff0000;z-index:-1;}
.expoArtist{float:left;position:relative;width:180px;height:180px;}
.expoArtist:hover .artistName,.expoArtist:hover .identifier{background-color:#ccff00;}
.expoArtist div.img{position:absolute;top:0px;left:0px;background-image:url(../gfx/CERCLE_ARTISTE_1.png);background-repeat:no-repeat;width:180px;height:180px;background-size:contain;z-index:50;}
.artistName{border-radius: 50%;
    behavior: url(PIE.htc);
	position:absolute;width:102px;height:102px;top:17px;left:17px;text-align:center;text-transform:uppercase;padding:25px;font-size:17px;color:black;background-color:rgba(255,255,255,0.5);z-index:0}
.identifier{border-radius: 50%;
    behavior: url(PIE.htc);position:absolute;width:29px;height:29px;top:18px;left:12px;color:black; background-color:rgba(255,255,255,0.5);z-index:0}


/*IMAGE SLIDESHOW*/
.swiper-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
}
.swiper-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
/* ----- ACCORDION STUFF ---- */
#accordion{
	width:80%;
	margin-right:auto;
	margin-left:auto;
	}
#accordion.calendar .toggler_1 h1{border-bottom:1px solid #fff;}
#accordion .toggler_1,
#accordion .toggler_2,
#accordion .toggler_3{
	text-transform:uppercase;
	position:relative;
	border-bottom:1px solid #000;
	cursor:pointer;
	min-height:19px;
	padding-top:3px;
}
/*#accordion .toggler_1:nth-last-child(2), #accordion .toggler_2:nth-last-child(2), #accordion .toggler_3:nth-last-child(2){border-bottom:none;}*/
#accordion .toggler_2{height:18px;padding-top:2px;}
#accordion.calendar .toggler_2{height:40px;}
#accordion.info .toggler_2,#accordion.info .toggler_3{height:auto;border-bottom:none;}
#accordion.info .toggler_2.bold{font-weight:bold;}
#accordion.info .toggler_3.open{font-weight:bold;}
#accordion.info a:hover{color:blue;}
#accordion .toggler_2 h1{font-size:16px;}
#accordion .toggler_2.open{border-bottom:none;}
#accordion .toggler_1.open,#accordion .toggler_1:nth-last-child(2){border-bottom:none;}
#accordion.info .toggler_1.open{border-bottom:solid 1px #000;}
#accordion .small{font-size:9px;text-transform:none;}
#accordion .toggler_1:nth-last-child(2) div{padding-top:40px;}
#accordion .toggler_1:nth-last-child(2) div img{margin-right:20px;}
#accordion .toggler_1:nth-last-child(2) div span{display:inline-block;width:215px;}
#accordion .element_1,
#accordion .element_2{position:relative;}
/*.accordion{border-bottom:solid 1px #000;}*/ /*attention double ligne*/
#accordion .toggler_1.name{background-color:#000;color:#fff;border:none;cursor:pointer;text-align:center;}
#accordion .toggler_1 h1,
#accordion.calendar .toggler_2 h1{font-size:42px;  
	-webkit-margin-before: 0px;
    -webkit-margin-after: 0px;}
#accordion .fiche{position:absolute;right:0px;width:140px;font-size:17px;border-left:1px solid #fff;padding-left:5px;text-align:left;color:#fff;height:100%;margin-top: -3px; padding-top: 5px;}
#accordion .readMore{color:red;}
#accordion .focusArtistName{font-size:40px;text-align:center;text-transform:uppercase;};

.focusDetail{position:relative;}
.focusDetail{border-top:1px solid #000;padding-top:10px;}
.focusDetail:first-child{border-top:none;padding-top:0px;}
.focusDetail .dateLocation{width:297px;padding-left:2px;color:#fff;text-transform:uppercase;height:100%;position:relative;float:left;margin-left:-300px;width:300px;/*left:0px;top:0px;*/}
.focusDetail .dateLocation.green,.focusDetail .dateLocation.gris{color:#000;}
.focusDetail .description{padding-left:303px;padding-bottom:20px;padding-top:5px;}
.focusDetail .description .titre{text-transform:uppercase;margin-left:-3px;padding-left:3px;}

.focusDates{border-top:1px solid #000;padding-bottom:15px;padding-top:1px;}
/*.focusDates.sameEntry{border-top:0px;}*/
.focusDates:nth-child(2){border-top:0px;}
.focusDates,.focusACC{position:relative;text-transform:uppercase;padding-left:300px;height:100%;background-color:white;}
.focusACC .focusDates{border-top:none;padding-left:0px;/*border-left:1px solid #000;border-right:1px solid #000;*/}
.focusACC .accordion{margin-left:-300px;position:relative;}
.focusDates div{box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	padding:3px;border-top:none;  
	position:relative; 
	text-transform:none;
	letter-spacing:0.3px;
	}
.focusDates div:first-child/*,
.focusDates div:nth-child(2)*/{width:150px;height:auto;position:absolute;top:1px;left:0px;text-transform:uppercase;}

.focusACC .focusDates div:first-child/*,
.focusDates div:nth-child(2)*/{width:100%;max-width:768px;height:auto;position:relative;text-transform:none;padding-top:10px;padding-bottom:0px;}
.focusACC .element_2.video div:first-child{text-transform:none;padding-top:20px;padding-bottom:10px;max-width:768px;}
.focusACC .element_2.video div.legend{padding-top:10px;padding-bottom:10px;font-size:9px;text-transform:none;}

/*.focusDates div:nth-child(2){left:149px;width:151px;height:auto}
.focusDates div:nth-child(3){margin-left:-1px;height:auto;}*/
.focusDates div:nth-child(2){}
.focusDates div.horaire{margin-left:-150px;top:0px;}
.focusDates:last-child{/*border-bottom:1px solid #000;*/}
.focusDates .texte{margin:0px;padding:0px;}
.focusDates .eventDetail{margin-bottom:10px;}
.focusDates ._swipeGallery figure{display:none;}

.house{background-repeat:no-repeat;width:18px;height:18px;background-size:contain;margin-top:-2px;}
.house.red{background-image:url(../gfx/redhouse.png);background-color:transparent;}
.house.blue{background-image:url(../gfx/bluehouse.png);background-color:transparent;}
.house.green{background-image:url(../gfx/greenhouse.png);background-color:transparent;}
.house.gris{background-image:url(../gfx/grishouse.png);background-color:transparent;}
.house.black{background-image:url(../gfx/blackhouse.png);background-color:transparent;}
.house.white{background-image:url(../gfx/whitehouse.png);background-color:transparent;}

.focusDates span{float:left;margin-left:10px;text-transform:uppercase;}
.focusDates span.house{margin-left:6px;margin-right:3px;}
.focusDates span.phone{margin-left:8px;}
.focusDates span.noMargin{margin:0px;}
.focusDates span.bold{font-weight:bold;letter-spacing:0.5px;}
.focusDates span.first{margin-left:0px;}
.focusDates span.circle{margin-top:-2px;}
/*.focusDates div span:nth-child(2){margin-left:0px;}*/
.focusDates span.small{font-size:10px;vertical-align:top;/*float:none;*/text-decoration:underline;}
.focusDates span.small.noUnderline{text-decoration:none;}
.focusDates div.counter{position:relative;float:left;border:none;border-radius: 50%;
    behavior: url(PIE.htc);width:15px;height:15px;color:white;font-size:10px;display: -webkit-box;
	-webkit-box-align: center;
	-webkit-justify-content: center;
	display: -moz-box;
	-moz-box-align: center;
	-moz-box-pack: center;
	display: -ms-flexbox;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	display: -webkit-flex;
	-webkit-align-items: center;
	-webkit-box-pack: center;
	display: flex;
	align-items: center;
	justify-content: center;}
.accordion .focusDates div{border:none;}

#accordion.calendar .accordion .focusDates div{/*border-left:1px solid #000;border-right:1px solid #000;*/}
.accordion .focusDates{/*border-bottom:1px solid #000;*/}
.accordion .focusDates div:nth-child(3){text-transform:none;}

.focusImages{border:none;padding-top:2px;padding-left:2px;clear:both;}
.focusImages img,.focusImages div{float:left;margin-right:2px;margin-bottom:2px;}
.focusImages div{position:relative;}

.focusImages div figure{position:absolute;width:100%;height:auto;bottom:0px;background-color:rgba(255,255,255,0.5);display:none;font-size:9px;text-transform:none;padding:3px;color:#000;}
.focusImages a div:hover figure{display:block;}

.focusDates div .videoButton{position:relative;height:80px;width:80px;background-image:url(../gfx/fleche_video.svg);background-repeat:no-repeat;background-position:center;}
.focusDates div .videoButton.inactive{background-image:url(../gfx/cross_video.svg);}
.focusDates div a:link, .focusDates div a:visited{color:#000;}
.focusDates div .fontRed a:link,.focusDates div .fontRed a:visited{color:red;text-transform:uppercase;}
.focusDates div .fontBlue a:link,.focusDates div .fontBlue a:visited{color:blue;text-transform:uppercase;}
.focusDates div .fontGris a:link,.focusDates div .fontGris a:visited{color:#ccc;text-transform:uppercase;}
.accordion .focusImages{border:none;/*border-bottom:1px solid #000;*/}
.content{position:relative;clear:both;}
.content:last-child{margin-bottom:20px;}
.content.partners{margin-bottom:15px;}
.lefter{float:left;max-width:400px;font-size:17px;}
.lefter:first-child{width:100px;}
.lefter.big:first-child{width:200px;}
.lefter a:link,
.lefter a:visited{color:#000;}
.lefter p{padding:0px; padding-bottom:2px;}
.elem div.content:last-child{padding-bottom:10px;}
#accordion.info .accordion{padding-bottom:10px;}


/* ----   EXTRABALL ----*/

.extraball.intro,.expo.intro{width:100%;font-size:17px;margin-top:20px;margin-bottom:20px;}

.extraball.intro div:first-child,.expo.intro div:first-child{width:33.33%;float:left;text-transform:uppercase;}
.extraball.intro div:nth-child(2),.expo.intro div:nth-child(2){width:66.66%;float:left;}
.expo.intro{background-color:rgba(255,255,255,0.8);margin-top:0px;padding-top:20px;padding-bottom:20px;}
/*.extraball div:first-child p{padding-left:2px;}*/
.extraball.intro div:nth-child(2) p{padding-left:10px;}
.extraball.title{text-transform:uppercase;width:100%;background-color:#000;color:white;font-size:42px;text-align:center;margin-bottom:20px;height:38px;}
.extraball.lefter,.special.lefter{max-width:none;width:33.33%;box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	/*border-right:1px solid #333;*/
	position:relative;
	}
.extraball.lefter ul{width:100%;margin-left:auto;margin-right:auto;}
/*
.extraball.lefter:nth-child(2) ul{margin-right:0px;}
.extraball.lefter:nth-child(4) ul{margin-left:0px;}
*/
.extraball.lefter ul li h1{font-size:42px;/*width:100%;*/color:white;height:40px;overflow:hidden;line-height:45px;margin-left:4px;}
.extraball.lefter ul li div.horaire{float:right;color:white;width:85px;font-size:17px;padding:2px;
    box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	height:100%;
	border-top:1px solid black;
	line-height:18px;
	
}
/*.extraball.lefter ul li span:nth-child(3){background-color:white;color:black;border:1px solid #000;border-right:none;top:16px;}*/
.extraball.lefter ul li:first-child{background-color:black;}
.extraball.lefter ul li{margin-left:2px;margin-right:10px;text-transform:uppercase;position:relative;}
.extraball.lefter:nth-child(2) ul li{margin-left:10px;}
.extraball.lefter:nth-child(3) ul li{margin-left:10px;margin-right:2px;}


.extraball.lefter ul li .small{font-size:10px;position:relative;text-transform:none;line-height:auto;display:block;}
.extraball.lefter ul a li.infos{min-height:36px;border-bottom:1px solid #000;padding:3px;background-color:white;position:relative;}
.extraball.lefter ul a:nth-child(2) li.infos{border-top:1px solid #000;}

/*.extraball.lefter ul li{margin:0px;padding:0px;}*/
/*.extraball.lefter ul a li.infos{padding:0px;}*/

.extraball.lefter ul a li.infos ul{list-style-type:none;}
.extraball.lefter ul a li.infos ul li{float:left;margin:0px;padding:0px;background-color:transparent;padding-left:20px;}
.extraball.lefter ul a li.infos ul li span.circle{margin-left:-20px;}
.extraball.lefter ul a li.infos ul li:nth-child(1){width:71%;}
.extraball.lefter ul a li.infos ul li:nth-child(2){width:83px;position:absolute;right:0px;}
/*
.extraball.lefter ul li.infos div{float:left;}
.extraball.lefter ul li.infos div:first-child{width:65%;}
.extraball.lefter ul li.infos div:nth-child(2){width:35%;text-align:right;}
*/
/*
.extraball.lefter ul li.image{margin-bottom:20px;}
.extraball.lefter ul li.image .mask{overflow:hidden;width:100%;height:200px;position:relative;}
.extraball.lefter ul li.image img{
	width: auto;
  height: auto;
  max-width: 100%;

  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}*/
.extraball.lefter ul li.description{text-transform:none;padding-top:5px;margin-bottom:40px;}

.festival{
	position:relative;
	width:100%;
	height:100%;
	background-color:#ccc;
}
.festival .right{
	float:right;
	text-transform:uppercase;
	font-size:42px;
}
.festival div.image{
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:20px;
	bottom:0px;
	left:0px;
	right:0px;
}

/*------- SPECIAL --------*/
.special.lefter{width:66.66%;min-height:40px;}
.special.lefter div{background-color:transparent;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;}

/* ----  GENERAL STUFF ----*/
.red{background-color:red;color:white;}
.fontRed,.fontRed a:link{color:red;}
.redLine{border:1px solid red;}
.blue{background-color:blue;color:white;}
.fontBlue{color:blue;}
.blueLine{border:1px solid blue;}
.green{background-color:#ccff00;color:black;}
.fontGreen{color:#ccff00}
.greenLine{border:1px solid #ccff00;}
.gris{background-color:#ccc;color:black;}
.fontGris{color:#ccc;}
.grisLine{border:1px solid #ccc;}
.black{background-color:#000;color:#fff;}
.blackLine{border:1px solid #000;}
.white{background-color:#fff;color:#000;}
.fontWhite{color:#fff;}

#icons{position:fixed;top:40px;left:0px;z-index:10;}
#icons li{width:27px;height:19px;background-color:#000;text-transform:uppercase;font-size:17px;padding-top:1px;padding-left:3px;}
#logo{position:absolute;left:4px;padding:0px;margin:0px;margin-top:-1px;}
#logo img{margin-left:-3px;}
sup{font-size:9px;vertical-align:top;line-height:12px;margin-left:1px;}

.specialOpen{width:20px;height:20px;position:absolute;bottom:0px;right:0px;background-color:#ff0000;}
.mini{display:none;}
.maxi{display:block;}
#canvas{position:absolute;top:0px;left:0px;z-index:10;}
#canvas.archive{position:fixed;}
#ccsp{display:none;}
#bigButtons{display:none;z-index:101;}

/*NOUVEAU PRISM*/
.fullpage{position:fixed;top:120px;bottom:0px;left:0px;right:0px;background-color:blue;z-index:103;}
.containerPhone{position:relative;height:100%;width:100%;}
#prismPhone{
	left:0px;
	width: 100%;
	height: 100%;/*170px;*/
	position:absolute;
	
	-webkit-transition: -webkit-transform 0.5s linear;
	-webkit-transform-style: preserve-3d;
  
	-moz-transition: -moz-transform 0.5s linear;
	-moz-transform-style: preserve-3d;
  
	transition: transform 0.5s linear;
	transform-style: preserve-3d;
}

.facePhone{
  width: 100%;
  height: 100%;/*170px;*/
  display: block;
  position: absolute;
  background: blue;
  overflow:hidden;
}
.facePhone.one{
	/*background-color:rgba(0,255,255,1);*/
  -webkit-transform: rotateX(0deg) translateZ(73px);
  -moz-transform: rotateX(0deg) translateZ(73px);
  transform: rotateX(0deg) translateZ(73px);
}
.facePhone.two{
	/*background-color:rgba(255,0,255,1);*/
  -webkit-transform: rotateX(120deg) translateZ(73px);
  -moz-transform: rotateX(120deg) translateZ(73px);
  transform: rotateX(120deg) translateZ(73px);
}
.facePhone.three{
	/*background-color:rgba(255,0,0,1);*/
  -webkit-transform: rotateX(240deg) translateZ(73px);
  -moz-transform: rotateX(240deg) translateZ(73px);
  transform: rotateX(240deg) translateZ(73px);
}
/* SECURITY FOR IPHONE HORIZONTAL SCROLL */
.facePhone.one.small{
	
  -webkit-transform: rotateX(0deg) translateZ(61px);
  -moz-transform: rotateX(0deg) translateZ(61px);
  transform: rotateX(0deg) translateZ(61px);
}
.facePhone.two.small{
	
  -webkit-transform: rotateX(120deg) translateZ(61px);
  -moz-transform: rotateX(120deg) translateZ(61px);
  transform: rotateX(120deg) translateZ(61px);
}
.facePhone.three.small{
	
  -webkit-transform: rotateX(240deg) translateZ(61px);
  -moz-transform: rotateX(240deg) translateZ(61px);
  transform: rotateX(240deg) translateZ(61px);
}

.phoneDate{
	background-color:white;
	position:absolute;
	top:40px;
	bottom:40px;
	width:100%;
}

.phoneDay{list-style-type:none;height:100%;}
.phoneDay li{
	 box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;
	display:block;
	width:100%;
	height:25%;
	border-bottom:1px solid blue;
	text-transform:uppercase;
	padding:2px;
	line-height:20px;
	overflow:hidden;
	}
.phoneDay li .small{margin-left:5px;color:blue;font-size:10px;vertical-align:top;/*text-decoration:underline;*/border-bottom:1px solid blue;padding-bottom:1px;}
.phoneDay li .horaire{color:blue;margin-left:5px;}
.phoneDay li a{color:blue;}
.phoneDay li:last-child{border-bottom:none;}
.phoneCalDay{height:40px;background-color:blue;color:white;text-transform:uppercase;font-size:17px;}
.phone.button{position:absolute;bottom:0px;height:40px;width:50%;background-color:blue;cursor:pointer;background: linear-gradient(#7b91ff,white, #7b91ff);border:2px solid blue; box-sizing:border-box;
  	-moz-box-sizing:border-box;
  	-webkit-box-sizing:border-box;}
.phone.button.next{left:50%;}
.phone.button.cache{display:none;}
.clock{margin-left:2px;}
em{
	/*font-family:'nextBook',sans-serif;*/
	font-style:italic;
	}
/*Ipad horizontal*/
@media only screen and (max-width:1024px){
	/*#focusBar li.title{font-size:30px;}*/
	/*#zoomBar .title{font-size:30px;}
	#calendar .title{font-size:30px;}
	/*#expoBar .title{font-size:30px;}*/
	#menuBar div{margin-left:180px;}
	#calendar .container{perspective:15000px;-webkit-perspective: 15000px;}
	.face{left:1px;} /* FIX POUR EVITER LE DECALAGE DÛ A LA PERSPECTIVE*/
	
	#expoTitleBar{width:550px;}
	#expoTitleBar li:first-child{font-size:17px;position:absolute;top:-9px;width:400px;text-align:center;}
	#expoTitleBar li.small{font-size:17px;position:absolute;bottom:5px;width:400px;text-align:center;margin:0px;padding:0px;height:auto;}
	#expoTitleBar li:nth-child(3){float:right;}
	#accordion{width:100%;}
	.bigText{width:100%;}
	#allArtists{width:100%;}
	
	.extraball.lefter ul li{padding-left:3px;padding-right:0px;clear:both;text-transform:uppercase;}
	.dayInfo ul li{font-size:9px;padding-top:11px;height:30px;}
	.extraball.lefter ul li h1{font-size:30px;line-height:40px;}
	.extraball.lefter ul li div.horaire{margin-right:0px;}
	sup{font-size:9px;vertical-align:none;line-height:9px;margin-left:0px;}
}

/*Ipad vertical*/
@media only screen and (max-width:768px){
	#menuBar{font-size:17px;}
	#menuBar li.lefter.pp{display:none;}
	#menuBar li.lefter.lang a{left:40px;}
	#menuBar li.lefter.lang a:nth-child(2){left:80px;}
	#menuBar div{margin-left:30px;}
	.marquee0{font-size:17px;}
	
	.second{margin-left:00px;}
	.third{margin-left:00px;}
	.fourth{margin-left:00px;}
	/*#focusBar li.title{font-size:22px;}*/
	/*#zoomBar .title{font-size:22px;}
	#calendar .title{font-size:22px;}
	/*#expoBar .title{font-size:22px;}*/
	#expoTitleBar{width:610px;}
	#page #zoomBar li{
		width:100%;
	}
	#zoom li h1{
		clear:both;
		text-transform:uppercase;
		width:100%;
		position:relative;
	}
	#zoom li div.text{
		width:100%;
		position:relative;
		left:0px;
	}
	
	.extraball.lefter ul li h1{font-size:42px;}
	.extraball.lefter{float:none;width:100%;margin-left:auto;margin-right:auto;}
	.extraball.lefter ul li{margin-left:2px;margin-right:2px;}
	.extraball.lefter:nth-child(2) ul li{margin-left:2px;}
	.extraball.lefter:nth-child(3) ul li{margin-left:2px;margin-right:2px;}
	.extraball.lefter ul li:first-child{margin-top:40px;}
	.extraball.lefter ul a li.infos{margin-top:0px;}
	
	/*.extraball.lefter ul a:nth-child(2) li.infos{margin-top:0px;}*/
	.special.lefter{display:none;}
	.mini{display:block;}
    .maxi{display:none;}
	
}

/*Iphone horizontal*/
@media only screen and (max-width:667px){
	.bigText{font-size:25px;width:100%;margin-bottom:0px;margin-top:5px;}
	
	.focusDetail .description{padding-left:190px;}
	.focusDetail .dateLocation{width:190px;margin-left:-190px;}

	.focusDates,.focusACC{padding-left:190px;}
	.focusDates div:first-child{width:95px;}
	.focusDates div.counter{width:15px;display:none;}
	.focusDates div.horaire{margin-left:-95px;}
	.focusACC .accordion{margin-left:-190px;}
	.fiche{display:none;}
	#menuBar{padding-left:80px;}
	
	
	#zoom li{width:100%;}
	#zoom li.phone{display:none;}
	#menuWrapper{overflow:none;z-index:104;}
	#menuBar li.menuIphone{display:block;}
	#menuBar div{ display:none;background-color:black;position:relative;width:150px;left:50%;top:0px;margin-left:-75px;z-index:12;padding-top:10px;padding-bottom:5px;z-index:999;}
	#menuBar div li{float:none;display:block;clear:both;margin-bottom:10px;}
	#menuBar{padding-left:0px;}
	#menuBar div.menuBlocker{position:fixed;background-color:transparent;top:0px;left:75px;bottom:0px;width:100%;display:block;z-index:11;}
	
	#focusBar li{height:100%;font-size:42px;text-align:center;line-height:38px;padding-top:3px;/*box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:2px solid #fff;*/}
	#zoomBar li{font-size:42px;text-transform:uppercase;/*box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:2px solid #fff;*/}
	#calendar{/*box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:2px solid #fff;*/}
	#expoBar.homepage{border:none;}
	#expoBar li.title ul{display:none;}
	.mini{display:none;}
    .maxi{display:block;}
	#expoBar li.title{text-align:center;}
	#calendar.bar.homepage.center{font-size:42px;text-transform:uppercase;}
	
	
	.elasticGlobal{position:absolute;top:60px;bottom:0px;left:0px;right:0px;background-color:#ffffff;}
	.elasticGlobal.archive{position:relative;height:100%;}
	.elastic{position:relative;height:50%;top:0px;background-color:#fff;}
	.elasticBottom{position:relative;height:50%;background-color:#ccc;}
	.elastic.archive{
		height:100%;
	}
	#calendar{position:relative;height:50%;top:0px;}
	#expoBar{position:relative;height:50%;top:50%;}
	
	#ccsp{display:block;height:19px;padding-top:1px;top:40px;background-color:#000;color:#ccff00;text-align:center;text-transform:uppercase;}
	
	#bigButtons{display:block;list-style-type:none;width:100%;padding:0px;margin:0px;background-color:#000;border-top:0px solid #fff;border-top:1px solid #fff;}
	#bigButtons.archive{display:none;}
	#bigButtons a{float:left;height:40px;width:20%;margin:0px;padding:0px;font-size:42px;background-color:#000;text-align:center; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-right:1px solid #fff;}
	#bigButtons a:first-child{border-left:none;}
	#bigButtons a:last-child{border-right:none;float:right;border-left:1px solid #fff;}
	#bigButtons a.hidden{display:none;}
	#bigButtons a li{height:40px;}
	#bigButtons a:last-child li{background-color:#fff;border:2px solid #000;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	.headBar{margin-top:0px;}
	.marquee1,.marquee2,.marquee3,.marquee4,#icons{display:none;}
	.headBar .close{display:none;}
	#page{position:absolute;top:0px;bottom:0px;left:0px;right:0px;}
	
	
	
	
	

	
	}

/*Iphone vertical*/
@media only screen and (max-width:375px){
	.extraball.intro div:first-child,.expo.intro div:first-child{width:100%;float:none;margin-bottom:10px;}
	.extraball.intro div:nth-child(2),.expo.intro div:nth-child(2){width:100%;float:none;}
	#accordion.info .accordion .content{margin-bottom:10px;}
	#accordion.info .accordion .content .lefter{float:none;}
	#accordion.info .accordion .content .lefter:first-child{text-transform:uppercase;font-weight:bold;}
	
	.focusDetail .description{padding-left:0px;float:none;width:100%;}
	.focusDetail .dateLocation{width:100%;margin-left:0px;float:none;}
	
	.focusDates,.focusACC{padding-left:0px;float:none;}
	.focusDates div:first-child{position:relative;width:100%;clear:both;float:none;/*font-size:17px;*/}
	.focusDates div{width:100%;clear:both;float:none;padding:0px;margin:0px;}
	.focusDates span.house{clear:both;margin-left:0px;}
	.focusDates div.horaire{margin-left:0px;padding-left:0px;margin-top:-10px;padding-top:0px;}
	.focusDates div.horaire span{margin-left:0px;}
	.focusDates div span.bold{clear:both;}
	.focusDates div{margin-bottom:10px;}
	._swipeGallery img{height:50px;width:auto;}
	.focusDates div .videoButton{height:80px;width:120px;}
	.focusACC .accordion{margin-left:0px;}
	/*.focusACC .accordion ._swipeGallery img{width:100%;height:auto;}*/
	.headBar.expo{overflow:hidden;}
	
	
	.facePhone.one{
		
	  -webkit-transform: rotateX(0deg) translateZ(127px);
	  -moz-transform: rotateX(0deg) translateZ(127px);
	  transform: rotateX(0deg) translateZ(127px);
	}
	.facePhone.two{
		
	  -webkit-transform: rotateX(120deg) translateZ(127px);
	  -moz-transform: rotateX(120deg) translateZ(127px);
	  transform: rotateX(120deg) translateZ(127px);
	}
	.facePhone.three{
		
	  -webkit-transform: rotateX(240deg) translateZ(127px);
	  -moz-transform: rotateX(240deg) translateZ(127px);
	  transform: rotateX(240deg) translateZ(127px);
	}
	
	}