.html {font-size: 100%;}
body {
    margin: 0;
    padding:0;
    font-size: 13px;
   font-family: 'Bitter';
}
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;
    line-height: 1.2;
    font-style: normal;
	font-family: 'Bitter';
}
h1 {font-size: 1.75em;}
h2 {	
	font-size:21px; color:#fff;
	background: url(../img/puce.png) no-repeat left 0px; 
	margin:0;
	padding-left:26px;
	min-height:40px;
	line-height:1.0em;
}
.section h2 {
	font-size:26px; 
	padding-top:2px;
	color:#000; 
}
h3 {	
	font-size:22px; 
	margin:0;
	height:30px;
	display:table;
	line-height:1.0em;
}
.contenttitle {
	font-size:22px;
	color:#000;
	font-weight:bold;
	margin:0;
	height:30px;
	line-height:1.0em;
}
h4 {font-size: 1em;}
p, dl, ul{
	margin:0;
	padding:2px 2px 0px 2px;
}
a img {border: none;}
em {font-style: italic;}
b,strong {font-weight: 800;font-color:#000000}
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {vertical-align: middle;}
table{
	font-size:12px;
}
th{
	font-weight:bold;
	text-align:center;
	font-size:smaller;
	text-decoration:none;
	height:25px;
	font-size:13px;
	background-color:#D84241;
	color:#fff;
}
th a{color:#3C3C3C;}

select {
	height:19px;
	font-size:8pt;
}
input {
	height:15px;
	font-size:8pt;
	border-radius: 3px 3px;
	border:1px solid lightgrey;

}
textarea {font-size:10px;}

.valign_image img, .valign_image span {
	margin-left:5px;
	vertical-align: middle;
	display: inline-block;
}



/*********************************/
/******** RUBRIQUE MANAGE ********/
/*********************************/

.red { color:red; }
span.error {
	background: url('../img/invalid.png') no-repeat top center;
	height: 14px;
	color:#990000;
	margin-left: .3em;
	font-size:11px;
	border:0px;
}
span.valid {
	background: url('../img/valid.png') no-repeat top center;
	height: 14px;
	color:#990000;
	margin-left: .3em;
	display:block;
	border:0px;
}
input.error, textarea.error { background-color:#fbd9d9;}
input.valid, textarea.valid { background-color:#ccffcc;}



/*********************************/
/************* ADMIN *************/ 
/*********************************/
.tablecontent{
	background-color:#d7d2cb;
	min-height:50px;
	padding:15px 0px 20px 20px;
	background-image:url(../img/table-corner.png);
	background-repeat:no-repeat; 
	background-position:left bottom;
}
.main-titre {
	width:695px;
	display:block;
	line-height:20px;
	font-weight:bold;
	font-size:30px;
	color: #FFFFFF;
	background-color:#6c6c6c;
	text-align:right;
	padding:0px 15px 0px 0;
	margin:0 0 10px 0;
}
.main-titre-small {
	width:180px;
	display:block;
	line-height:14px;
	font-size:20px;
	font-weight:bold;
	color: #FFFFFF;
	text-align:right;
	padding:0px 10px 0px 0;
	margin:-25px 0 8px -10px;
	background-color:#6c6c6c;
}
.infotip {
	height:50px;
	padding:10px 10px 0px 55px;
	border:1px darkgrey solid;
	background:url(../img/tip.png) no-repeat 3px 5px #ffffcc;
	width:450px;
	text-align:left;
	font-size:12px;
	margin:10px auto;
	line-height:1.6em;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
	border-radius: 6px 6px;
}



/*********************************/
/*********** EMAILS **************/
/*********************************/
	.emailbas, a.emailbas, a.emailbas:visited, a.emailbas:link {
		 font-size: 10px; text-decoration:none; color: #FFFFFF;
	 }



/*********************************/
/*** SITE // REGLAGES GENERAUX ***/
/*********************************/
a:link {color: #e2201f; text-decoration:none}
a:visited {color: #e2201f;; text-decoration:none}
a:hover, a:focus, a:active {color:#000; }
a.grey:link {color: #90958d;}
a.grey:visited {color: #90958d;}
a.grey:hover, a.grey:active {color: #90958d;}
a.red:link {color: #e2201f;}
a.red:visited {color: #e2201f;}
a.red:hover, a.red:active {color: #e2201f;}


/*********************************/
/********** HEADER/FOOTER ********/
/*********************************/
#header {
	
}
#footer{
}



/*********************************/
/************* PAGES *************/
/*********************************/
.title {
	font-size:24px;
	font-weight:bold;
	color:#333333;
}
.soustitle {
	font-size:18px;
	font-weight:bold;
	color:#333333;
	margin-left:4px;
	display:block;
}



/*********************************/
/******** PLATFORME : AUTRE ******/
/*********************************/
.button {
	font-family:helvetica,tahoma;
	font-size:15px;
	font-weight:bold;
	color:#D90A22;
	height:21px;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
	border:0;
	border-radius: 5px 5px;
	background-color:#fff;
   padding:3px 7px 3px;
   /*display:block;*/
}
a.button {
   /*color:#fff;*/
}
.button:hover {
	color:#cc3300;
}
.button:active {
	position:relative; top:1px; left:1px;
}
.button.on {
   color:#fff;
   background-color:#cc3300;
}

.buttongreen {
	font-family:helvetica,tahoma;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	height:21px;
	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
	border:0;
	border-radius: 3px 3px;
	background-image: -moz-linear-gradient(center top, #03772e 3pt, #009136 100%);
	background-color:#009136;
	background: url(../img/vide.gif) no-repeat center,
   -webkit-linear-gradient(#009136, #03772e); /* Chrome (nouveaux) */
   padding:2px 7px 3px;
   /*display:block;*/
}
a.buttongreen {
   color:#fff;
}
.buttongreen:hover {
	background-image: -moz-linear-gradient(center top, #03772e 0pt, #009136 100%);
	background-color:#009136;
	background: url(../img/vide.gif) no-repeat center,
   -webkit-linear-gradient(#009136, #03772e); /* Chrome (nouveaux) */
}
.buttongreen:active {
	position:relative; top:1px; left:1px;
}
.radius {
	border:1px solid #cbcbcb;
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
	border-radius: 6px 6px;
}
.gradient {
	border:1px solid #CCC;
	border-radius: 3px 3px;
	-moz-border-radius: 3px;
	background-image: -moz-linear-gradient(center top, #FFFFFF 0pt, #E2E2E2 100%);
	background-color:#E2E2E2;
	color:#333333;
	background: url(../img/vide.gif) no-repeat center,
   -webkit-linear-gradient(#E2E2E2, #FFF); /* Chrome (nouveaux) */
	padding: 1px 5px;
}
.gradient:hover {
	border:0px;
	background-image: -moz-linear-gradient(center top, #FFFFFF 0pt, #C2C2C2 100%);
	background: url(../img/vide.gif) no-repeat center,
   -webkit-linear-gradient(#E2E2E2, #FFFFFF); /* Chrome (nouveaux) */
   color:#FFFFFF;
}.pagesNum * {
	padding-top:2px;
}
.pagesNum a {
	font-family:'Source Sans Pro';
	font-weight:600;
	color:#454545;
	text-decoration:none;
	font-size:12px;
	height:17px;
	display:block;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:3px;
	border:1px solid #CCC;
	border-radius: 3px 3px;
	-moz-border-radius: 3px;
	background-image: -moz-linear-gradient(center top, #FFFFFF 0pt, #E0E0E0 100%);
	background: url(../img/vide.gif) no-repeat center,
   -webkit-linear-gradient(#E0E0E0, #FFF); /* Chrome (nouveaux) */
}
.pagesNum img {
	padding-left:0px;
	padding-bottom:4px;
	margin-left:0px;
	margin-right:0px;
}
.pagesNum span {
	font-size:10px;
	width:12px;
	height:14px;
	padding:2px 6px;
	border-radius: 3px 3px;
	-moz-border-radius: 3px;
	color:#fff;
	background-image: -moz-linear-gradient(center top, #ccc 0pt, #777 100%);
	background: url(../img/vide.gif) no-repeat center,
   -webkit-linear-gradient(#ccc 0pt, #777); /* Chrome (nouveaux) */
	background-color:#999;
}
.pagesNum li {
	display:inline;
	margin:0 4px;
}


/*********************************/
/*********** LIB CSS**************/
/*********************************/
.scrollable {
	position: relative;
	overflow: hidden;
}
.scrollable .items {
	width: 20000em;
	position: absolute;
}
.scrollable .items div {
	float: left;
}
.tooltip{
	display:none;
	color:#fff;
	text-align:left;
	position:absolute;
	left:-2000px;
	background-color:#fff;
	padding:5px;
	border:1px solid #fff;
	width:260px;
	font-size:11px;
	/*height:200px;*/
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	box-shadow: 0px 1px 6px #888888;

}
.tooltip p{
	margin:0;
	padding:0;
	color:#000;
	background-color:#fff;
	padding:5px 5px;
	width:250px;
	font-size:11px;
	/*height:190px;*/
}
#content {
	margin:0 auto;
}
#menu li.home  {
/*	background: url('../img/home.png') no-repeat 0px 5px;
	width:20px;
	height:32px;
	display:inline-table;
	list-style-type:none;
	padding:0 15px 0 0;
	*/
}
#menu {
	background: url('../img/bg_menu.png') repeat top center;
	height:37px;
	width:100%;
	position:fixed;
	font-family: 'Bitter';
	z-index:10;
	font-size:13px;
	font-weight:bold;
}
#menu ul, #menu li { padding:0; margin:0}
#menu ul { margin:0 auto; width: 590px;}
#menu li {
	display:inline-table;
	list-style-type:none;
	height:23px;
	padding:8px 20px 7px;
	text-transform:uppercase;
	color:#FFF;
	margin-right:20px;
}
#menu li a, #menu li a:link  {
	color:#fff;
}
#menu .current-menu-item {
	background-color:white;
	color:#E2201F;
}
#menu .current-menu-item a, #menu .current-menu-item a:link {
	color:#E2201F;
}
#artistesDiv {
	-moz-border-radius: 25px;
 	-webkit-border-radius: 25px;
	border-radius: 25px 25px;
	background-color:#fff;
}


#gallery {
	/*overflow:hidden;
	position:relative;*/
	margin-top:10px;
	z-index:2;
}
#gallery:after {
	content: url("../img/bg_balloon_bottom.png");
    width:400px;
    height:72px;
    overflow:hidden;
}
.artiste {
	margin:0px 0px 15px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	color:#e2201f;
	font-weight:bold;
	font-family:'Bitter';
	letter-spacing:-0.02em;
	float:left;
	line-height:1.1em;
}

.artiste img {
  display: block;
  width: 100%;
  border:0;
  margin-bottom:3px;
 /* border:4px solid white;*/
 border:1px solid lightgrey;
}
#une {
	width:100%;
	height:730px;
	/*background: url(../img/nuages.jpg) no-repeat center -70px;*/
	text-align:center;
}
#uneJohnny {
	position:relative;
	background-repeat: no-repeat;
	background-position: center top;
	top:20px;
	height:695px;
	z-index:4;
}
#uneBenevoles {
	background: url(../img/benevoles4.png) no-repeat right top;
	height:40px;
	width:211px;
	margin:40px auto;
	z-index:9;
}
#uneContent {
	height:780px;
/*	position:relative;
	top:-695px;*/
	text-align:center;
	margin-top:40px;
}
.zoneHome {
	/*background:rgba(0,0,0,0.6);*/
	width:630px;
	margin:0 auto;
}
#uneArbres {
	background-repeat: no-repeat;
	background-position: center top;
	height:748px;
	position:relative;
	top:-1395px;
	z-index:2;
}
#uneColine {
	background-repeat: no-repeat;
	background-position: center top;
	height:187px;
	position:relative;
	top:-1625px;
	z-index:1;
}
#uneHerbe {
	background: url(../img/herbe.png) no-repeat center top;
	height:109px;
	position:relative;
	top:-1723px;
	z-index:3;
}
#uneTickets {
	position:relative;
	height:55px;
	top:-2017px;
	z-index:4;
}
#uneProgramme {
	position:relative;
	height:55px;
	top:-1967px;
	z-index:4;
}
.bgBrown {
	background: url(../img/bg_brown.png) repeat center top;	
	
}
#artistes {
	z-index:6;
	position:relative;
	/*background: url(../img/bg_brown.png) repeat center top;	*/
}
#artistes #content {
/*	width:950px;*/
	padding-top:15px;
	margin-bottom:40px;
}
#billeterie {
	width:100%;
	height:683px;
/*	background: url(../img/nuages2.jpg) no-repeat center top;/*
	z-index:7;
	position:relative;
}
#billeterieColine {
	background: url(../img/coline.png) no-repeat center top;
	height:187px;
	position:relative;
	z-index:1;
	top:510px;
}
#billeterieSpeakers {
	background-repeat: no-repeat;
	background-position: center top;
	height:327px;
	position:relative;
	top:145px;
	z-index:2;
}
#billeterieHerbe {
	background: url(../img/herbe2.png) no-repeat center top;
	height:162px;
	position:relative;
	z-index:3;
	top:16px;
}
#billeterieArbres {
	background: url(../img/arbres-billeterie.png) no-repeat center top;
	height:700px;
	position:relative;
	z-index:4;
	top:-676px;
}
#billeterieHerbe2{
	background: url(../img/herbe_raccord.png) no-repeat center top;
	height:167px;
	z-index:5;
	position:relative;
	top:-810px;
}
#billeterieFleurs{
	background: url(../img/fleurs.png) no-repeat center top;
	height:49px;
	z-index:6;
	position:relative;
	top:-930px;
}
#billeterie .content {
	background: url(../img/bg80.png) repeat;
	padding:20px 0px 30px;
}
#infospratiques .content {
	width:990px;
	margin:0 auto;
	padding-top:15px;
	margin-bottom:40px;
}
#infospratiques .inside, #acces .inside {
	margin-top:20px;
	z-index:2;
	background-color:#fff;
	width:100%;
	padding-bottom:30px
/*	height:590px*/
}
#infospratiques .titre {
	padding:20px; 
	background-color:#e2201f;
	font-size:15px;
}
#infospratiques .contenu {
	padding:35px 25px 0px 25px;
}
#acces .content {
	width:990px;
	margin:0 auto;
	padding-top:15px;
}
.hide {
	display:none;
}
.shadowH {
	background: url(../img/shadow_haut.png) repeat-x top center; 
	height:32px;
}.shadowB {
	background: url(../img/shadow_bas.png) repeat-x top center; 
	height:32px;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.video {
	text-align:center;
	font-size:10px;
	font-weight:bold;
	padding-right:05px;
	padding-bottom:08px;
	width:100px;
	float:left;
}

/* the overlayed element */
.apple_overlay {
    display:none;
    background: #FFF;
    width:640px;
    padding:35px;
    font-size:11px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.75);
}
 
/* default close button positioned on upper right corner */
.apple_overlay .close {
    background-image:url(../img/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/**************** PRO************/
#accordion { margin: 0 auto; }
#accordion h2 {
    line-height: 14px;
    margin:0;
	text-align:left;
    padding:5px 15px 5px 30px;
    font-size:16px;
    font-weight:normal;
    cursor:pointer;
	color:#D84241;
	font-weight:bold;
	margin-bottom:15px;
	-moz-border-radius: 2px;
 	-webkit-border-radius: 2px;
	border-radius: 2px 2px;
	background: url('../img/accordion_close.png') no-repeat 11px 6px #e5e5e5;
	height:17px;
	min-height:17px;

}
#accordion h2.current {
	background: url('../img/accordion_open.png') no-repeat 11px 4px #e5e5e5;
    cursor:default;
}
#accordion .pane {
    display:none;
    padding:0px 00px 30px 5px;
    font-size:13px;
}
#tabs div {
/*    display:none;*/

}
/**************** FIN PRO************/




 #facebox {
    display:none;
    width:600px;
    border:10px solid #fff;
    border:10px solid rgba(255, 255, 255, 0.698);
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
  }
 
  #facebox div {
    border:1px solid #3B5998;
    background-color:#fff;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif
  }
 
  #facebox h2 {
    margin:-11px;
    margin-bottom:0px;
    color:#fff;
    background-color:#6D84B4;
    padding:5px 10px;
    border:1px solid #3B5998;
    font-size:20px;
  }
 #macaron {
 	position:fixed;
	top:0;
	left:10px;
	width:200px;
	height:232px;
	z-index:1;
 }
  #macaron a {
	width:200px;
	height:232px;
  	display:block;
	
  }
  #filters{margin-bottom: 0 !important;}
#filters .button { 
	font-size:14px;
        margin: 0 0 10px 0;
        display: inline-block;
        *display: inline;
        zoom: 1;
}
#filters .button:focus {
	overflow: visible;
}
#credit2 {
	position:absolute;
	left:0px;
	bottom:6px;
	position:fixed;
	font-size:10px;
	color:#000;
	background-color:#fff;
	padding:5px 5px 5px;
	opacity: 0.55;
    filter: alpha(opacity=55); /* For IE8 and earlier */
	font-family:tahoma;
	-moz-border-radius: 10px;
 	-webkit-border-radius: 10px;
	border-radius: 0px 6px 6px 0px;
}
#credit2:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}