/* 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:#CCCCCC; }
body { background: url(../images/sq_bckg.jpg) repeat-x #000000; }
h1 { color:#FFDC35; font-size:15px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:100; }
p { font-size:12px; color:#CCCCCC; }
.blanc { font-size:12px; color:#FFFFFF; }
.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:#CCCCCC; font-size:12px; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; color:#FFFFFF; }
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; }

#top { height:269px; position:relative;}

#dm { position:absolute; right:0px; top: 0px; background: url(../images/stephane_query_image.jpg) no-repeat; width:510px; height:269px; z-index:1;}
	
#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 { margin:0; padding:0; height:35px; }
	#topMenu ul { display:block; margin:0; padding:0 0 0 0; text-align:center; height:35px; }
	#topMenu li { display:block; float:left; margin:0; padding:0; list-style:none; height:35px; background:url(../images/sq_separateur.png) no-repeat 0px 5px; }
	#topMenu li:first-child	{ background:none; }
		#topMenu li a { margin:0; display:block; float:left; height:25px; padding-left:10px; padding-right:10px; padding-top:10px; color:#000000; font-size:16px; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif; font-weight:500; }
		#topMenu li a:link, #topMenu li a:active, #topMenu li a:hover, #topMenu li a:visited { text-decoration:none; outline:none; }
		#topMenu li a:hover { background: url(../images/sq_fleche.png)  no-repeat center 32px; color:#333333; height:35px; border-bottom:none;  }	
		
#subContent { position:relative; width:800px; margin:0 auto; }
	
#content { margin:10px 0 0 0; padding:0; background:url(../images/fond_contenu.jpg) no-repeat ; overflow:auto;}
			
	.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:15px 0px; text-align:center; overflow:auto;}
	#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; }