/* Stéphane Quéry v0.1 */

/* centrer menus */
/* main menu separator */
/* cbottom */
/* liens ticket 123 */

/* --------------------------------------- Main items */
html, body { height:100%; }
body { margin:0; padding:0; }
body, p, td, th { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
body { background:  url(../images/bck_g_dl.jpg) repeat-x #000; }
h1 { color:#FFDC35; font-size:15px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100; }
h2 { display:block; padding:0 0 17px 0; color:#2098B9; font-size:15px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100; border-bottom:2px solid #E7E7E7; }
h3 { display:block; padding:10px 0 10px 0; color:#333; font-size:15px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100; border-bottom:2px solid #E7E7E7; }
p { font-size:12px; color:#333; }
.grisitalique { font-style:italic; color:#999; }
.grisitaliquepetit { font-size:10px; font-style:italic; color:#999; }
.jaune { font-size:12px; color:#FFDC35; }
.rouge { font-size:12px; color:#CC3300; }
input { font-size:14px; color:#333333; border: 1px solid #CCCCCC; outline:none; }
a:link, a:active, a:hover, a:visited { color:#2098B9; font-size:12px; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; color:#333; }
a img {  border: none;  }

a.surligne:link, a.surligne:active, a.surligne:hover, a.surligne:visited { color:#333333; font-size:12px; text-decoration:underline; outline:none; }
a.surligne:hover { text-decoration:none; color:#000000; }
	a.surligne img {  border: none;  }

a.petitsurligne:link, a.petitsurligne:active, a.petitsurligne:hover, a.petitsurligne:visited { color:#CCCCCC; font-size:10px; text-decoration:underline; outline:none; }
a.petitsurligne:hover { text-decoration:none; color:#FFFFFF; }
	a.petitsurligne img {  border: none;  }

/* --------------------------------------- Items */

#container { background:url(../images/dm_top_bkg_01.jpg) no-repeat center top; }

#subContent { position:relative; width:864px; margin:0 auto; }

#top {position:relative; width:864px; height:105px;}

#dm {position:relative; width:864px; height:276px; margin-top:-59px; }
	
#histoire { position:absolute; left:30px; top:120px; z-index:2; border:none;}

#tierscolonne1 {float:left; margin:0; margin-left:10px; padding-top:35px; width:200px; margin-right:30px; }
#tierscolonne2 {float:left; margin:0; padding-top:35px; width:270px; text-align:center; }
#tierscolonne3 {float:left; margin:0; padding-top:35px; width:280px; }
	
#topMenu {position:relative; margin:0; padding:0 15px 0 0; width:864px; height:64px; text-align:left; background:url(../images/bck-menu.png) no-repeat; }
	
	#topMenu ul { list-style-type: none; width: 839px; margin:0; padding:15px 0 0 25px;} 
	#topMenu li { display:inline; height:64px; margin:0; padding:10px 10px 0 10px; border-right: #666666 solid 1px;}
	#topMenu ul li a:link, #topMenu ul li a:link, #topMenu ul li a:active, #topMenu ul li a:visited  { text-decoration:none;  color:#FFF; font-size:24px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100;}
	#topMenu ul li a:hover { color :#2098B9; }	
	
	
#content {  position:relative; margin:0 auto; width:800px; height:500px; background: #FFF; }

#twitter_div { 
float:left;
width:230px;
height:248px;
padding:0 10px 10px 10px;
margin-right:5px;
border:solid 1px #E7E7E7;
background:#F2F2F2;

}

	#twitter_div ul {
		list-style-type: none; width: 230px; margin: 0; padding:0;
	}
	
	#twitter_div li { width:230px; margin:0 0 15px 0; padding:10px 0 0 0; border-bottom: #E7E7E7 dotted 1px; color:#666;}
			
			
#colonne {

float:left;
width:405px;
height:240px;
padding:0;
margin:10px 10px 0 10px;

}	

#dbcolonne {

float:left;
width:505px;
padding:0;
margin:10px 0 0 15px;

}		
			
	.ticket2 { float:left; height:104px; width: 180px; padding:10px; margin:0; background: url(../images/sq_fond_cadre.png) no-repeat; }
		#ticketNews h1 { padding:10px 0 0 20px; margin:0; }
		#ticketNews p { margin:0; margin-top:8px; padding:0; }
		
		#ticketNews ul { list-style-type: none; width: 200px; margin:0; padding:5px 0 40px 0;} 
		#ticketNews li { height:25px; margin:0; padding:10px 0 5px 0; border-bottom: #666666 solid 1px;}
			#ticketNews ul li a:link, #ticketNews ul li a:link, #ticketNews ul li a:active, #ticketNews ul li a:visited  { display: block; padding: 0px; height:25px; background:url(../images/sq_ico_flamme.png) no-repeat 3px 0; text-decoration:none; padding-left:20px; color:#FFDC35; font-size:14px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100;}
			#ticketNews ul li a:hover { display: block; padding: 0px; height:25px; background:url(../images/sq_ico_flamme.png) no-repeat 3px 0; text-decoration:none; padding-left:20px; color:#FFFFFF; font-size:14px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100;}
			#ticketNews ul li .selected:link, #ticketNews ul li .selected:active, #ticketNews ul li .selected:visited, #ticketNews ul li .selected:hover { display: block; padding: 0px; height:25px; background:url(../images/sq_ico_flamme.png) no-repeat 15px 0; text-decoration:none; padding-left:35px; color:#FFFFFF; font-size:14px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100; outline:none;}
			#ticketNews ul li input { border: 0px ;outline:none; }
	.soutenir { float:left; height:104px; width: 180px; margin:0; padding:10px; background: url(../images/fond_menu_gauche.png) no-repeat;  }
		#ticketsoutenir h1 a:link, #ticketsoutenir h1 a:active, #ticketsoutenir h1 a:hover, #ticketsoutenir h1 a:visited {padding-top:10px; color:#FFFFFF; font-size:15px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100; text-decoration:none;}
		
	.ticket3 { float:left; height:128px; width: 205px; padding:15px; margin-top:10px; margin-left:20px; background:url(../images/dm_bkg_03.png) no-repeat; }
	
	#news { float:left; height:40px; width: 44px; background: url(../images/sq_fond_calendrier.png) no-repeat; text-align:center; padding-top:3px; margin:0; }
		#news h1 { margin:0; padding:0; margin-bottom:-10px; padding-bottom:10px;}
		
		#newstexte { float:left; width: 225px; padding:3px 0 0 10px ; margin:0; margin-bottom:15px; text-align:justify;  }
			#newstextelarge { float:left; width: 460px; padding:3px 0 0 10px ; margin:0; margin-bottom:15px; text-align:justify; }
		#separateurblanc { float:left; width: 280px; height:1px; background:url(../images/carre_blanc.png) repeat-x 0 0 ; padding:10px 0 0; }
			#separateurlarge { float:left; width: 520px; height:1px; background:url(../images/carre_blanc.png) repeat-x 0 0 ; padding:10px 0 0; }
		#news h1 { margin:0; padding:0; margin-bottom:-10px; padding-bottom:10px;}
	
	#contentlarge { float:left; width: 540px; padding-top:45px; padding-bottom:40px; padding-left:15px; margin:0; text-align:justify; }
	#contentalbum { float:left; width: 800px; padding-top:45px; padding-bottom:40px; padding-left:0px; margin:0; text-align:justify; }
	
			
#bottom { position:relative; width:800px; height:150px; background:url(../images/sq_bckg_footer.jpg) no-repeat 0 0; margin:0 auto; padding:0px; text-align:center;}
	#bottom p{ font-size:10px; }
	#bottom p a:link, #bottom p a:link, #bottom p a:active, #bottom p a:hover, #bottom p a:visited { text-decoration:none; font-size:10px; color:#999999; outline:none; }
	
.desphotos { border: 1px solid #666666; padding:3px; margin-left:15px; margin-bottom:15px; margin-top:3px;}

#contentlargealbum { float:left; width: 555px; padding-top:45px; padding-bottom:40px; margin:0; text-align:justify; }
#albums { float:left; border: 1px solid #666666; padding:3px; margin-right:15px; margin-bottom:15px;}
	#albumstexte { float:left; padding:3px; margin:0 0 30px 0; width:355px; text-align:left; overflow:auto;}
		#albumsdesc { float:left; top:0px; left:0px; width:210px;}
		#ajouterpanier { float:left; left:220px; top:0px; width:125px; padding:0; padding-left:20px; margin:0;}
			#ajouterpanier input { border: 0px ;outline:none; }
			.petittexte { font-size:10px;}
			
#nouvelalbum { float:left; padding:0; margin:0; width:405px; height:425px; text-align:left; overflow:auto;}
	#ajouternouveaupanier { float:left; left:220px; top:0px; width:125px; padding:0; padding-left:20px; margin:0;}
		#ajouternouveaupanier input { border: 0px ;outline:none; }
		

#soutenir { float:left; padding:0; padding-left:10px; margin:0; margin-left:10px; width:160px; text-align:left; overflow:auto;}
	#soutenir input { border: 0px ;outline:none; }
	
#ticketnewsletter { float:left; width: 180px; padding:0; padding:10px; margin:0; background: url(../images/fond_menu_gauche.png) no-repeat; }