/*
Theme Name: TicTac - Wuhan
Theme URI: http://wuhan.authenticasian.com/

Description: My lousy attempt to reproduce a masterpiece by <a href="http://www.simplebits.com">Dan Cederholm</a>.

Version: 0.2
Author: Meng Gao
Author URI: http://wuhan.authenticasian.com/

	TicTac is a template created by Dan Cederholm for Blogger and it's one of my
	favorite designs. Therefore, I've created a WordPress theme in which I tried
	my best to make it look like Dan's original design. As much as I want to use the
	original graphics, I had to make slight changes to them so as not to run into
	copyright problems.

	Since this theme is an obvious attempt to reproduce TicTac, I take absolutely
	no credit in it. If you like this theme, write an email to Dan and let him
	know.
																	-- Meng Gao
*/

/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Helvetica,Arial,Verdana,  sans-serif;
    font-size: 13px;
    text-align: center;
    color: #333;
    background: #000 url(../images/bg.jpg) no-repeat top center;
    background-attachment: fixed;
    line-height:17px;
}



a img, img {
    border: none;
}




.clear {
    clear: both;
}


.hide{
display:none;
}

#page {
    width: 980px;
    margin: 0 auto;
    text-align: left;
    background: black url(../images/bg_page.jpg) no-repeat;
    color:white;
}

#content {
    float: left;
    text-align: left;
    width:743px;
    margin: 4px 0 0 0px;
    padding: 0;
    padding:0;
    border-right:1px solid #636060;
    min-height:1000px;
}

.post {
    margin: 0 20px 10px 20px;
   
}

.left{
float:left;
}

.right{
float:right;
}

.half{
width:48%;
}

.align_right{
text-align:right;
}

/* Special text formatting 
------------------------------------------------------------------------------- */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #5cc5ed;
}

h1,h1 a{color:#5cc5ed;font-size:30px;text-decoration:none;}


h2,h3{
margin:15px 0 5px 0px;
}

h2{
font-size:18px;
}

h3{
font-size:16px;
}

h2 span,h3 span{
color:#fff;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, cite {
	text-decoration: none;
}
h2 a:hover, h3 a:hover , h4 a:hover , h5 a:hover {
	color: #5cc5ed;
}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h4.date-header {
    margin-top: 0;
    padding-left: 14px;
    font-size: 90%;
    color: #f93;
    background: url(images/date_icon.gif) no-repeat 0 50%;
}

blockquote {
    margin: 0 0 0 30px;
    padding: 10px 0 0 20px;
    font-size: 88%;
    line-height: 1.5em;
    color: #666;
    background: url(images/quotes.gif) no-repeat top left;
}

blockquote p { margin-top: 0; }

blockquote cite {
	margin: 5px 0 0;
	display: block;
}
code {
	font: 1em/2.5em 'Courier New', Courier, monospace;
	color: #444;
	white-space: pre; 
    width: 350px;
    height: auto;
	overflow: auto;
    display: block;
    border: 1px solid #999;
    border-width: 2px 0;
    padding: 1em;
    margin: 0 0 1em 0;
    background-color: #fafafa;
}
li code { width: 330px }

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { 
  border:none;
  height:1px;
  background:#636060;
  margin-bottom:0px;
}


.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}
.message {
    background-color: green;
}

/* Header 
------------------------------------------------------------------------- */

#header { 
    background: transparent url(../images/header.gif) no-repeat top left;
    position: relative;
    height:290px;
}

#header h1 {
    margin: 0;
    padding: 45px 60px 45px 75px;
    color: #fff;
    text-shadow: #81A75B 2px 2px 2px;
    background: url(images/top_h1.gif) no-repeat bottom left;
}
#header h1 a {
    text-decoration: none;
    border-bottom: none;
    color: #fff;
}
#header h1 a:hover { 
    color: #eee; 
    text-shadow: #fff 0 0 4px;
}

#link_header{
  position:absolute;
  width:100%;
  height:145px;
  display:block;
}


/*Accueil*/

#next_event{
  margin-right:20px;
  width:280px;
  
  padding-left:20px;
}

#savoir_plus{
  margin-top:20px;
  display:block;
}

#illus_event img{
  width:365px;
}

#big{
width:375px;
height:230px;
}

#small{
margin-top:5px;
margin-left:342px;
margin-bottom:10px;
height:15px;
width:200px;
}

#small li{
	float:left;
	display:inline;
	width:13px;
}

#small a{
   background:url(../images/galerie_onoff.jpg) no-repeat top left;
   width:10px;
   height:9px;
   float:left;
   margin:1px;
}

#small li.current a{
    background:url(../images/galerie_onoff.jpg) no-repeat top right;
}

#text_edito{
      width:385px;
      margin:0 20px;
	  float:left;
}

#text-content{
margin: 10px 10px 10px 40px;
}

#edito{
    
    
    font-size:12px;
    padding-top:10px;
}

#derniere_photo{
margin-right:10px;
margin-top:5px;
float:left;
}

#derniere_photo h3{
	width:110px;
	float:left;
	color:#b8b7b7;
	text-align:right;
	font-size:20px;
	margin-right:15px;
}

#derniere_photo h3 span{
	color:#5cc5ed;
}

#flickr{
float:left;
margin-top:10px;
}

#flickr img{
margin: 0 2px;
width:56px;
}

#flickr_galerie{
	margin-left: 40px;
	margin-top: 20px;
}

#flickr_galerie img{
	margin: 4px 4px;
}

#intro-galerie{
margin-left:40px;
margin-top:10px;
}

#zoom_artiste{
border-right:1px solid #636060;
padding-right:30px;
width:260px; 
font-size:12px;
margin-left:20px;
padding-top:10px;
}


#liste_actu_accueil{
float:right;
width:391px;
padding-top:10px;
}

#liste_actu_accueil h2{
	margin-left:10px;
}

#liste_actu_accueil #derniere_news{
	margin-left: 10px;
}

#liste_actu_accueil li img{
margin-top:17px;
}

#liste_actu_accueil li{
border-bottom: 1px solid #636060;
padding-bottom:25px;
font-size:11px;
width: 391px;
padding: 0 10px 25px 10px;
}

#liste_actu_accueil li:last-child{
  border-bottom: none;
}


#liste_actu{
width:100%;
padding:10px 40px 40px 0px;
}

#liste_actu li img{
margin-top:17px;
}

#liste_actu li{
border-bottom: 1px solid #636060;
padding-bottom:25px;
font-size:11px;
padding-left:40px;
}

#liste_actu li:last-child{
  border-bottom: none;
}

#voirtouteactu{
float:right;

display:block;
background:url(../images/puce.jpg) no-repeat 0 2px;
color:#5cc5ed;
font-size:10px;
padding-left:10px;
margin-top:10px;
}

#liste_actu_accueil .dataActu{
  width:265px;
  float:right;
}

#liste_actu .dataActu{
  width:500px;
  float:left;
}

#newsletter{
margin-top:10px;
margin-left:20px;
color:#fff;
float:left;
width:250px;
}

#social_linking{
  margin-top:10px;
margin-left:50px;
color:#fff;
width:300px;
float:left;
}

.TXNewsletters_form input[type=submit]{
    border:none;
    background:#636060;
    color:white;
    margin-top:1px;
    
}

.TXNewsletters_form_email{
float:left;
width:210px;
}

.TXNewsletters_form_right{
float:left;

}

#lien_externe a{
font-size:14px;
color:white
}

#lien_externe ul
{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 20px;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

#lien_externe #colonne_gauche 
{
padding-right: 20px;
border-right: 1px solid #4490ae;
height:170px;
}

#lien_externe a{
font-size:10px;
text-decoration:none;
}


#lien_externe h4 
{
margin-top: 10px;
margin-right: 0pt;
margin-bottom: 10px;
margin-left: 0px;
font-size: 16px;
}

#lien_footer
{
font-size:14px;
float:left;
margin-top: 50px;
text-align: right;
margin-left:300px
}

#lien_footer span{
color:#4490ae;
padding:0 10px;
}

#lien_footer a{
color:white;
text-decoration:none;
}

#legale{
font-size:10px;
}

#menu {
margin:182px 0 0 212px;

position:absolute;
}

#menu a{
padding:2px;
margin:0 10px 0 0;
float:left;
display:block;
height:14px;
color:black;
font-size:16px;
text-decoration:none;
}

cufontext:hover{
	color:#5cc5ed !important;
}

/*#programmation{
background:url(../images/menu/menu_01.jpg) no-repeat top left;
width:152px;
}

#programmation:hover{
background:url(../images/menu/menu_01.jpg) no-repeat bottom left;
}

#info_pratique{
background:url(../images/menu/menu_02.jpg) no-repeat top left;
width:152px;
}

#info_pratique:hover{
background:url(../images/menu/menu_02.jpg) no-repeat bottom left;
}

#galerie{
background:url(../images/menu/menu_03.jpg) no-repeat top left;
width:140px;
}



#partenaires{
background:url(../images/menu/menu_04.jpg) no-repeat top left;
width:122px;
}

#partenaires:hover{
background:url(../images/menu/menu_04.jpg) no-repeat bottom left;
}

#presse{
background:url(../images/menu/menu_05.jpg) no-repeat top left;
width:108px;
}

#presse:hover{
background:url(../images/menu/menu_05.jpg) no-repeat bottom left;
}

#galerie:hover{
background:url(../images/menu/menu_03.jpg) no-repeat bottom left;
}*/

#titlepage{
margin:10px 0 10px 40px;
}

#titlepage a{
color:white;
}

#listeDate{
width:300px;
margin-top:25px;
}

#listeDate h3{
cursor:pointer;
background:#797676 url(../images/liste_date.jpg) no-repeat 10px 12px;
color:white;
text-transform:uppercase;
padding: 10px 10px 5px 30px;
font-size:24px;
}

#listeDate h3.current{
cursor:pointer;
background:#a2cb38 url(../images/liste_date_active.jpg) no-repeat 10px 12px;
color:white;
text-transform:uppercase;
padding: 10px 10px 5px 30px;
}

.listeEvent h4{
    background: url(../images/puce_bgnoir.jpg) no-repeat 3px 3px;
    
    font-size:16px;
    padding-left:20px;
}

.listeEvent h4 a  {
color:#ec008c;
text-decoration:none;
}

.listeEvent h4 a:hover{
color:#5cc5ed;
}

.listeEvent li{
margin:10px 0;
}

#textEvent{
margin-left:5px;
}

#textEvent .plus{
margin-left:20px;
margin-top:5px;
}

#textEvent .qui,#textEvent .date{
margin-left:20px;
text-transform:uppercase;
}

#textEvent .date{
color:#ec008c;
}

#textEvent .plus{
margin-top:20px;
}

#textEvent{
width:210px;
}

#colonne_dates{
margin-left:40px;
width:300px;
padding-right:20px;
/*border-right:1px solid #636060;  */
}

#colonne_artistes{
padding-left:0px;
width:380px;
float:left;
border-left:1px solid #636060;
}

#colonne_artistes h2{
  margin-left:20px;
}

#colonne_dates,#colonnes_artistes{
  float:left;
} 

#listeArtiste{
    margin-top:23px;
    margin-left:20px;
}

.taille_1 a{
  font-size:22px;
  text-transform:uppercase;
  font-weight:bold;
  color: white;
  text-decoration: none;
  line-height: 22px;
}

.taille_0 a,.taille_ a{
  font-size:13px;
  text-transform:uppercase;
  color: white;
  text-decoration: none;
}

.taille_0 a:hover,.taille_1 a:hover,.taille_ a:hover{
	color:#5cc5ed;
}

.listeExpo{
margin-left:20px;
margin-top:20px;
}

.listeExpo h5 a{
  color:white;
  text-decoration:none;
}

.listeExpo li{
float:left;
width:150px;
height: 160px;
text-transform:uppercase;
}

.listeExpo span{
color:#a2cb38;
}

#detail_event{

padding:20px;
border-top:1px solid #636060;
border-bottom:1px solid #636060;
}

#detail_event a{
    color:#5cc5ed;
    padding-left:10px;
    background: url(../images/puce_bgnoir.jpg) no-repeat 0px 3px;
}

#detail_event #facebook{
        color:#5cc5ed;
    
    background: url(../images/fb_event.jpg) no-repeat 0px 0px;
    height:30px;
    display:block;
    padding-left:35px;
    padding-top:13px;
    color:white;
    margin-top:8px;
}

#detail_event h2{
font-size:28px;
text-transform:uppercase;
margin-left:20px;
line-height:28px;
}

#detail_event h3,#detail_event #desc{
   margin-left:20px;
}

#detail_event .left{
width:26%;
margin:10px;
padding:10px;
font-size:12px;
}

#detail_event .border-right{
border-right:1px solid white;
}

.liste_artiste{
border-bottom:1px solid #636060;
padding-bottom:10px;
margin-bottom:10px;
padding:10px 20px 10px 20px;
}


.liste_artiste a{
color:#5cc5ed;
}

.illus_artiste{
	margin-top:13px;
}

.liste_artiste .lien_web{
margin-left:0px;
}

.liste_artiste .lien_web a{
background: url(../images/puce_bgnoir.jpg) no-repeat 0px 3px;
padding-left:15px;

}

.liste_artiste .video a{
/*background: url(../images/picto_video.jpg) no-repeat 0px 3px;*/
background: url(../images/puce_bgnoir.jpg) no-repeat 0px 3px;
padding-left:15px;
}

.liste_artiste .lien_web,
.liste_artiste .video{
          /*width:45%;*/
}

.liste_artiste h3{
color:white;
font-size:25px;
padding-left:20px;
background: url(../images/puce_bgnoir.jpg) no-repeat 3px 8px;
line-height: 25px;
}

.liste_artiste h3 span{
color:#5cc5ed;
font-size:15px;
}

.liste_artiste h4{
text-transform:uppercase;
font-size:15px;
margin-left:20px;
}

.liste_artiste h3, .liste_artiste h4 {
	color:#5CC5ED;
}

.liste_artiste p{
margin:10px 0 10px;
}

.liste_artiste .texte{
width:450px;
margin-left:20px;
}

.prev{
background:url(../images/precedent.jpg) no-repeat top left;
padding-left:35px;
height:18px;
padding-top:8px;
color:#5cc5ed;
margin-left:32px;
margin-top:50px;
}

.next{
background:url(../images/suivant.jpg) no-repeat top right;
padding-right:35px;
height:18px;
padding-top:8px;
color:#5cc5ed;
margin-right:33px;
margin-top:50px;
}

#voiraussi{
width:679px;
margin:20px auto 0 auto;
}

#liste_voiraussi{
border:8px solid #4b4949;
border-top:0px;
width:648px;
padding:7px
}

#liste_voiraussi li{
float:left;
margin:10px;
}

#liste_voiraussi h4 a{
text-decoration:none;
color:#ec008c;
font-size:20px;
margin-left:20px;
}

#evenement_accueil{
height:260px;
width:700px !important;
}

#evenement_accueil h1{
margin-top:5px;
line-height:30px;

}

#evenement_accueil li{
width:700px;
overflow:hidden;
}




.bloc{
padding:20px 20px 20px 40px;
width:310px;
}

.bloc a{
color:#5cc5ed;
}

.border_1{
   border-right:1px solid #636060;
   border-bottom:1px solid #636060;
}

.border_2{
       border-bottom:1px solid #636060;
}

#text_content{
margin:40px;
}

#billeterie{
	height: 206px;
	background: url(../images/billeterie.jpg);
	padding-top: 50px !important;
	
}

#billeterie p,#programme p,#blog p{
margin-left:0px !important;
}

#billeterie .lien{
	position: absolute;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	width: 210px;
	height: 206px;
}

#programme{
	height: 241px;
	background: url(../images/leprogramme.jpg);
	padding-top: 50px !important;
	position:relative;
}


#programme .lien{
	position: absolute;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	width: 210px;
	height: 205px;
}
#programme .lien2{
	position: absolute;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	top:260px;
	width: 210px;
	height: 30px;
}


#blog{
	background: url(../images/leblog.jpg) no-repeat;
	height: 104px;
	padding-top: 50px !important;
}

#blog .lien{
	position: absolute;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	width: 210px;
	height: 104px;
	color:black;
}





#fb_player{
	background: url(../images/devenir_fan.jpg);
	height: 218px;
}

#lien_fb{
	display: block;
	height: 50px;
	width: 100%;
}

#open_player{
	display: block;
	height: 229px;
	width: 100%;
}

.liste_partenaire{
  margin-left:40px;
  margin-top:20px;
}

.liste_partenaire li{
  float:left;
  margin:5px;
  padding-top: 2px;
  background:url(../images/bg_partenaire.gif) no-repeat;
  width:118px;
  text-align:center;
  height:81px;
  vertical-align:middle;
  display: table-cell;
}

.liste_partenaire li * {
    vertical-align: middle;
}

.liste_partenaire li {
    display: block;
}
.liste_partenaire li span{
    display: inline-block;
    height: 100%;
    width: 1px;
}


.liste_partenaire li img{
  
}

.titre_partenaire{
margin-left:40px;
}

.content_partenaire{
	margin-left: 40px;
	margin-right: 50px;
}
/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    right: 60px;
    top: 40px;
    padding: 15px 15px 0;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}


/* Post (main content entries)
------------------------------------------------------------------------- */






/* Related Links 
------------------------------------------------------------------------- */
#navlist li { 
    display: inline;
    list-style-type: none;
    padding-right: 20px;
}


/* UserComments 
------------------------------------------------------------------------- */                        
.comment {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #f4f4f4;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Arial, sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}


/* Sidebar 
------------------------------------------------------------------------- */

#sidebar {
    float:right;
    padding: 12px 0 0 0;
    font-size: 85%;
    min-height:1000px;
    color: #999;
    /*border-left:1px solid #636060; */
    background: url(../images/top_sidebar.png) no-repeat 12px 0px;
    width: 236px;
    color: black;
}

.uiBoxLightblue,.fbConnectWidgetHeaderTitle {
	border-top:none !important;
}

#sidebar h2 {
    padding: 25px 0 0 35px;
    color: #666;
    background: url(images/sidebar_icon.gif) no-repeat 5px 15px;
    height: 32px !important; /* for most browsers */
    height /**/:57px; /* for IE5/Win */
}

#sidebar ul, #sidebar p {
    padding: 0px 12px 15px;
    margin-left: -5px;
}

#sidebar ul { margin: 0;list-style:none; }
#sidebar ul li{margin:0;padding:0;}


/* Footer 
------------------------------------------------------------------------- */
#prefooter{
height:113px;
}
#logo_prefooter{
margin-top:0px;
float:right;
margin-right:50px;
}

#footer {
    margin: 0px;
    padding: 0 0 9px 0;
    font-size: 85%;
    color: #ddd;
    height:165px; 
    /*background: url(../../../../blog/wp-content/themes/default/images/bg_footer.jpg) repeat-y;*/
}

#footer p {
    padding: 20px 320px 20px 95px;
    background: url(images/bottom_sash.gif) no-repeat top left;
}

#footer a {border-bottom: none;}


/* Forms 
------------------------------------------------------------------------------- */
form {
	width: 360px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}

#Email{
width:194px;
background:url(../images/input.jpg) no-repeat;
border:none;
height:20px;
color:636060;
padding:0 3px;
}
/* Special handling for images & alignment 
------------------------------------------------------------------------------- */

p img {
	padding: 0;
	max-width: 100%;
}

img.centered {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}