BODY {
   margin:0;
	padding:0;
   font-family:Arial, Helvetica, sans-serif;
   background:url(../images/fond.jpg) repeat-y #f0f0ee center;
	text-align: center;
	font-size: 12px;
}
a {
	color: #144CAF;
	text-decoration: none;
	font-weight: bolder;
}
a:hover {
	color: #7C7C7C;
}

#header {
	width: 980px;
	height: 210px;
	margin: 0 auto; 
	text-align: center
}
.wrap {
	background-image: url(../images/wrap_top.jpg);
	background-repeat: repeat-x;
	width: 980px;
	/*float: left;*/
	margin: 0 auto; 
	text-align: center;
}
.bg {
	width: 980px;
	float: left;
	margin: 10px auto; 
	text-align: left;
	min-height: 500px;
	
}
.left {
	width: 290px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}
.right {
	float: left;
	width: 660px;
	margin: 10px 0 0 10px;	
	padding: 0 0 0 0;
}
.sponsorss {
	width: 960px;
	float: left;
	margin-left: 10px;
}
.menu {
	background-image: url(../images/menuTop.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 290px;
	margin-bottom: 15px;
	padding-top: 7px;
}
.menu ul {
	margin: 0;
	padding: 0 0 17px 0;
	list-style: none;
	background-image: url(../images/menuBottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 290px;
}
.menu ul li {
	background-image: url(../images/menu.jpg);
	background-position: top;
	width: 290px;
	height: 23px;
}
.menu ul li a {
	text-decoration: none;
	color: #cdd7dd;
	font-weight: bolder;
	padding-left: 20px;
	font-size: 10px;
	padding-top: 4px;
	height: 19px;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.menu ul li:hover {
	background-position: bottom;
}
.menu ul li a:hover {
	color: #fff;
}
.title {
	float: left;
	background-image: url(../images/rightTopLeft.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 26px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.title SPAN {
	background-image: url(../images/rightTopRight.jpg);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: bolder;
	font-size: 15px;
	text-transform: uppercase;
	padding-right: 45px;
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 5px;
	background-color: #fff;
	display: block;
	height: 21px;
}
.top {
	background-position: top;
	background-repeat: no-repeat;
	height: 5px;
	clear: left;
}
.right .top {
	background-image: url(../images/rightTop.jpg);
	width: 660px;
}
.left .top {
	background-image: url(../images/leftTop.jpg);
	width: 290px;
}
.sponsorss .top {
	background-image: url(../images/sponsorssTop.jpg);
	width: 960px;
}
.left .title SPAN, .sponsorss .title SPAN {
	color: #4d5c64;
}
.right .title SPAN {	
	color: #c80106;
}
.texte {
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #fff;
	float: left;
	padding: 10px 20px 15px 20px;
	text-align: justify;
	color: #4d5c64;
	margin-bottom: 15px;
}
.right .texte {
	background-image: url(../images/rightBottom.jpg);
	width: 620px;
}
.left .texte {
	background-image: url(../images/leftBottom.jpg);
	width: 250px;
}
.sponsorss .texte {
	background-image: url(../images/sponsorss_bottom.jpg);
	width: 920px;
}
.texte p {
	margin: 0 0 10px 0;
	padding: 0;
}
.texte .autre {
	text-align: right;
	margin-bottom: 5px;
	/*float: left;
	width: 370px;*/
}

.facebook2 {
	float: left;
	text-align: right;
	margin-top: -3px;
}
.facebook {
	height: 265px;
}

#sponsorsIndex {
	margin: 0;
}
#sponsorsIndex img {
	float: left;
	width: 115px;
	height: 160px;
	margin: 4px;
	border: 1px solid #94a3c4;
	padding: 3px;
}
.sponsorsIndex {
	height: 180px;
}

.news {
	margin-bottom: 10px;
}
.news .title2 {
	font-weight: bolder;
	font-size: 14px;
	color: #4d5c64;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.news .title2 a {
	color: #006a9c;
}
.news .title2 a:hover {
	color: #e63a3a;
}
.news .texte2 {
	text-align: justify;
	font-size: 11px;
}
.news .texte2 a {
	color: #4E86EA;
}

.block {
	display: inline-block;
}
.hidden {
	color: #dedede;
}




/*pagination--------------------------------------------------------*/
#tnt_pagination {
	display:block;
	text-align:center;
	clear:both;
	border-top: 2px solid #959595;
	border-bottom: 2px solid #959595;
	background-color: #fff;
	height: 20px;
	padding-top: 5px;
}

#tnt_pagination .active_tnt_link {
	padding:5px;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
#tnt_pagination .sel {
	color:#000;
	cursor:default;
	background-image: url(../images/pagi_sel.jpg);
	background-repeat: no-repeat;
	width: 22px;
	height: 19px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: -5px;
	display: inline-block;
	padding-top: 3px;
	font-weight: bolder;
}
#tnt_pagination .active_tnt_link:hover {
	color:#0072BC;	
	text-decoration: underline;
}
#tnt_pagination .disabled_tnt_pagination {
	padding:5px;
	text-decoration:none;
	color:#A4A4A4;
	cursor:default;
}
.opacity {
	 opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
}
.waiting {
	margin: 0 auto;
	text-align: center;
	height: 11px;
}

.comm {
	margin-bottom: 15px;
	font-size: 11px;
	clear: left;
}
.comm .strong {
	font-weight: bolder;
	margin-bottom: 3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.comm .text {
	text-align: justify;
	padding-left: 15px;
}
.poster {
	font-size: 11px;
	margin: 0 auto 5px auto;
	text-align: right;
	cursor: pointer;
	font-weight: bolder;
	float: right;
}
#poster {
	float: right;
	width: 16px;
	height: 11px;
	margin: 0 10px 0 10px;
	text-align: right;
}

ul.gallery {
	margin: 0;
	padding: 0;
	clear: left;
	width: 100%;
}
ul.gallery li {
	float: left;
	list-style: none;
	margin-right: 15px;
}
em {
	clear: left;
	margin-top: 20px;
	display: block;
}




/*album photo--------------------------------------------*/
#album {
	padding: 5px;
	width: 134px;
	text-align: center;
	float: left;
	margin: 3px 3px 10px 3px;
	background-color: #D7D7D7;
	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

#album .titre:hover {
	text-decoration: none;	
	color: #3D3D3D;
}
#album img {
	border: 0;
}
#album .img, #photos .img {
	height: 135px;
	text-align: center;
}
#album .titt {
	color: #3D3D3D;
	font-size: 11px;
	text-align: center;
	height: 25px;
	font-weight: bolder;
}
#album .date  {
	color: #666666;
	font-size: 10px;
	text-align: center;
	font-style: italic;
	margin-top: 2px;
}

#photos {
	border-top: 2px solid #94a3c4;
	padding: 20px 0px 20px 0px;
	width: 630px;
	margin: 0px auto;
	text-align: left; 
	float: left; 
}
#photos img {
	border: 0;
	padding: 2px;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
}
#photos .img {
	padding: 3px;
	width: 134px;
	height: 150px;
	text-align: center;
	float: left;
	margin: 3px 8px 10px 8px;
	background-color: #D7D7D7;	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align: middle;
}
#photos SPAN.img {
	display: block;	
	vertical-align: middle;
}

.nbrephotos {
	margin-left: 5px;
	float: left;
	height: 15px; 
	padding-top: 10px; 
	font-size: 11px;
	width: 615px;
}
.nbrephotos .gauchee {
	float: left;
	width: 270px;
}
.nbrephotos .droitee, .droit {
	float: right; 
	width: 310px;
	text-align: right;
}
.nbrephotos .suiv {
	width: 50px;
	cursor: pointer;
}
.nbrephotos a {
	color: #3D3D3D;
}
.nbrephotos .prec {
	width: 50px;
	cursor: pointer;
}
.changer_photo SPAN:hover {
	color: #4f6ad7;
	text-decoration: underline;
}
#photo {
	clear: left;
	min-height: 400px;
	
	border-top: 2px solid #94a3c4;
	padding: 20px 0px 20px 0px;
	width: 630px;
	margin: 0 auto;
	text-align: center; 
}
#photo .legend {
	border: 1px solid #dedede;
	padding: 3px 10px;
	margin-top: 3px;
}
TABLE TR.preventes TD {
	background-image: url(../images/tr.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 10px;
	width: 580px;
	height: 17px;
	color: #fff;
	font-size: 11px;
	font-weight: bolder;
} 
TABLE TR.preventes TD:hover {
	background-position: bottom;
	color: #6A0000;
}
TABLE TR.preventes TD SPAN {
	display: inline-block;
	width: 250px;
}
TABLE TR.preventes TD a SPAN.site {
	color: #fff;
}
TABLE TR.preventes TD a SPAN.lien {
	color: #C11134;
}
#cadre {
	border: 1px solid #dedede;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
}
#EmplacementCarteItineraire {
	margin-left: 10px;
}
#EmplacementTexteItineraire {
	margin-left: 50px;
}

#footer {
	background-color: #004f8a;
	padding: 10px;
	text-align: center;
	margin: 10px auto;
	color: #fff;
	clear: left;
}

.newsletter {
	font-size: 11px;
	min-height: 125px;
}
.newsletter label {
	display: inline-block;
	width: 120px;
	vertical-align: middle;
	font-weight: bolder;
	margin-top: 5px;
}

.newsletter INPUT[type=text] {
	width: 230px;
}
.submit {
	color: #454545;
	cursor: pointer;
	font-size: 11px; 
	padding: 5px 15px 0 15px;  
	background-image: url("../images/submit.jpg");
	background-repeat: no-repeat;		
	background-position: left top;
	border: 0px; 
	height: 17px; 
	text-align: center; 
	border-right: 1px solid #bbbbbb; 
	display: inline-block;
	width: 100px;
}
.submit2 {
	color: #6d6d6d;
	cursor: normal;
	font-size: 11px; 
	padding: 5px 15px 0 15px;  
	background-image: url("../images/submit.jpg");
	background-repeat: no-repeat;		
	background-position: left bottom;
	border: 0px; 
	height: 17px; 
	text-align: center; 
	border-right: 1px solid #706f6f; 
	display: inline-block;
}
.submit:hover {
	color: #6d6d6d;
	background-image: url("../images/submit.jpg");
	background-repeat: no-repeat;		
	background-position: left bottom;
	border-right: 1px solid #706f6f; 
}
#newsLettererr {
	font-weight: bolder;
	color: #8B0000;
	margin-bottom: 5px;
}


.sponsors {
   width: 115px;
   height: 160px;
   margin-right: 7px;
   margin-bottom: 10px;
   border: 1px solid #616161;
   background-color: #FFFFFF;
   display: inline-block;
}

.contact {
	/*padding: 10px 0;*/
}
.contact .strong {
	font-weight: bolder;
	margin-bottom: 10px;
	text-align: right;
}
.contact label {
	display: inline-block;
	width: 120px;
	vertical-align: middle;
	font-weight: bolder;
}
.contact INPUT[type=text] {
	width: 400px;
	display: inline-block;
}
.contact TEXTAREA {
	width: 400px;
	height: 200px;
}
.contact .waiting {
	height: 20px;
	color: Maroon;
	font-weight: bolder;
}

.bloc {
	background-image: url(../images/bloc.jpg);
	width: 330px;
	height: 300px;
	float: left;
	text-align: center;	
	margin-top: -5px
}
.bloc .title22 {
	font-size: 14px;
	font-weight: bolder;
	color: #003366;
	text-align: center;
	width: 300px;
	margin-top: 10px;
}
.bloc .title32 {
	width: 300px;
}
.bloc .padding {
	overflow: hidden;
	height: 250px;
}
.bloc2 {
	background-image: url(../images/bloc2.jpg);
	width: 667px;
	height: 455px;
	text-align: center;	
	padding-top: 20px;
	padding-left: 3px;
}
#video {
	margin-top: 15px;
}
#videoo, #videoo2 {
	float: left;
	margin-right: 15px;
}
.newsIndex {
	margin-bottom: 5px;
	border-bottom: 1px dashed #999999;
	margin: 0 15px;
	font-size: 11px;
}
.newsIndex .indexTitre {
	font-size: 14px;
	text-align: left;
	font-weight: bolder;
	margin-top: 5px;
	color: #003366;
}
.newsIndex .indexTexte {
	margin-top: 3px;
	text-align: justify;
	padding-bottom: 5px;
}
.newsIndex .indexSuite a {
	display: block;
	width: 100%;
	height: 22px;
	background-image: url(../images/suite.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 5px;
}

.artistes {
	border-bottom: 1px solid #dedede;
	height: 19px;
	padding-top: 6px;
	clear: left;
}
.artistes div {
	float: left;
}
.artistes .num {
	width: 45px;
}
.artistes .nom {
	width: 280px;
}
.artistes .annee {
	width: 270px;
}
.artistes .fleche_bas {
	width: 17px;
	height: 18px;
	background-image: url(../images/fleche_bas.jpg);
	background-repeat: no-repeat;
}
.artistes a.pretty {
	display: block;
	width: 17px;
	height: 18px;
}
.artistes a.nopretty {
	display: hidden;
}

.option {
	clear: left;
	float: left;
	margin-bottom: 5px;
}
.option INPUT {
	width: 30px;
	display: inline-block;
}
.option LABEL {
	display: inline-block;
	font-weight: normal;
	cursor: pointer;
}
.option .artistess {
	float: left; 
	height: 15px; 
	text-align: left; 	
	font-weight: 900; 
	font-size: 11px;
	width: 100%;
}
.option .true {
	color: #F18832; 
}
.option .false {
	color: #2067E5; 
}

.option .pc {
	float: left; 
	font-size: 10px; 
	text-align: left; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	margin-left: 5px; 
	color: #D08AB8; 
	font-weight: 900;
}
.total {
	margin-top: 10px;
	font-weight: bolder;
}
.submit3 {
	color: #6d6d6d;
	cursor: pointer;
	font-size: 11px; 
	padding: 5px 15px 0 15px;  
	background-image: url("../images/submit.jpg");
	background-repeat: no-repeat;		
	background-position: left bottom;
	border: 0px; 
	height: 17px; 
	text-align: center; 
	border-right: 1px solid #706f6f; 
	display: inline-block;
}


TABLE.staff
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
TABLE.staff th
{
	font-size: 13px;
	font-weight: weight;
	padding: 8px;
	background: #b9c9fe url('../images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align: center;
}
TABLE.staff td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../images/gradback.png') repeat-x;
}
TABLE.strong {
	font-weight: bolder;
}
TABLE.staff tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
TABLE.staff tbody tr:hover td
{
	background: #d0dafd url('../images/gradhover.png') repeat-x;
	color: #339;
}
TABLE.staff .center {
	text-align: center;
}

TABLE.lineup {
	border-collapse: collapse;
	border: 0;
	padding: 0;
}
TABLE.lineup TH {
	border-bottom: 1px solid #9F9F9F;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-size: 18px;
}
TABLE.lineup TBODY TR {
	border-bottom: 1px solid #ECECEC;
}
TABLE.lineup TBODY TR TD {
	padding: 8px 5px;
	font-weight: bolder;
}
TABLE.lineup SPAN {
	/*font-style: italic;*/
	font-weight: normal;
	margin-top: 3px;
	display: block;
	font-size: 11px;
}

.gr {
	cursor: pointer;
}


.bloc .lineup {
	padding: 0 20px; 
	text-align: justify; 
	display: block; 
	font-size: 10px; 
	margin-top: 15px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



.lineup2 {
	position: absolute;
}
.lineup2 .heure {
	width: 600px;
	border-bottom: 1px solid #dedede;
	height: 40px;
	padding-top: 23px;
}
.lineup2 .vendredi, .lineup2 .samedi {
	margin-bottom: 10px;
	border-bottom: 1px solid #777777;
	height: 20px;
	padding-left: 80px;
	
}
.lineup2 .vendredi .stage {
	width: 180px;
	float: left;
	font-weight: bolder;
	font-size: 13px;
	text-transform: uppercase;
}
.lineup2 .samedi .stage {
	width: 260px;
	float: left;
	font-weight: bolder;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
}
.lineup2 .groupe {
	position: absolute;
	margin-top: -510px;
	margin-left: 50px;
}
.lineup2 .groupe2 {
	position: absolute;
	margin-top: -704px;
	margin-left: 100px;
}
.lineup2 .mainstage, .lineup2 .gulf, .lineup2 .cafet {
	position: absolute;
	background-color: #BECFE4;
	/*border: 1px solid #3A5E8C;*/
	z-index: 10;
	text-align: center;
	width: 140px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.lineup2 .samedi2 .mainstage, .lineup2 .samedi2 .gulf, .lineup2 .samedi2 .cafet {
	width: 220px;
}
.lineup2 .vendredi2 .mainstage, .lineup2 .groupe .samedi2 .mainstage {
	left: 20px;
}
.lineup2 .vendredi2 .gulf {
	left: 200px;
}
.lineup2 .vendredi2 .cafet {
	left: 380px;
}
.lineup2 .samedi2 .gulf {
	left: 260px;
}
.lineup2 .title2 {
	font-weight: bolder;
	color: #373737;
}
.lineup2 .date {
	font-style: italic;
	font-size: 11px;
	margin-top: 5px;
}
.cougnet {
	margin-top: 35px;
}

#countdown-blog {padding-left:100px;color:#000;height:200px}
#countdown-blog div.set{float:left}
#countdown-blog h2{text-align:center; font-size:18px}
#countdown-blog ul{list-style-type:none;height:103px;padding:20px 0px 5px}
#countdown-blog li{float:left;background:url(../samples/filmstrip_countdown_9-0.png) 0 0 no-repeat;width:53px;height:103px}
#countdown-blog li#s0, li#m0{background:url(../samples/filmstrip_countdown_5-0.png) 0 0 no-repeat}
#countdown-blog li#h0{background:url(../samples/filmstrip_countdown_2-0.png) 0 0 no-repeat}
#countdown-blog li.comma{background:url(../samples/comma.png) 2px 75px no-repeat;width:12px}
#countdown-blog div.separator{float:left; font:80px Arial,sans-serif; height:103px; padding:25px 0 0;}
