#col-left{
	width:100%;
	position:relative;
	z-index:1;
}

.article{
	background:#fff;
	width:463px;
	padding:14px 0 0 15px;
	margin:0 4px 4px 0;
	float:left;
	position:relative;
}
html .article.hover{
	background:#90d1de;
}
.article-date.hover{
	background:#fff;
}
.article.paire{
	margin:0 0px 4px 0;
}
.article h3{
	margin-bottom:3px;
}
.article h3 strong{
	font-size:18px;

}
/** ie**/
.cufon-vml{
       /* margin: 8px 0 10px 0;*/
} 
/**ff3**/
.article h3 strong .cufon, x:-moz-any-link, x:default{
     top: -1px;
} 
.article h3 em{
	font-size:16px;
	color:#63c2d7;
	font-family:georgia;
	font-style:normal;
	font-weight:bold;
}
.hover h3 a em{
	color:#fff;
}
.article.hover h3 em{
	color:#fff;
}
html .article h3 em.custom-font{color:#000;}
/** ie**/
.cufon-vml{
     /*   margin: 8px 0 10px 0;*/
} 
/**ff3**/
.article h3 em .cufon, x:-moz-any-link, x:default{
     top: -1px;
} 
.article p a{
	color:#63c2d7;
	text-transform:uppercase;
	font-size:11px;	
}
.article.hover p a{
	color:#fff;	
}
.article p{
	color:#63c2d7;
	text-transform:uppercase;
	font-size:11px;	
}
.article.hover p{
	color:#fff;	
}
.block-hover{
	cursor:pointer;	
}

/***********danse***********/

.entete-danse .article{
	min-height:85px;
	padding:14px 0 0 15px;
}
* html .entete-danse .article{
	height:85px;
}

.entete-danse .article h4{
	font-family:georgia;
	font-size:12px;
	margin-bottom:23px;
}
.entete-danse .article p{
	position:absolute;
	bottom:10px;	
}

/***********operaconcert & oratorio***********/

.entete-operaconcert .article{
	min-height:85px;
	padding:14px 0 0 15px;
}
* html .entete-operaconcert .article{
	height:85px;
}

.entete-operaconcert .article h4{
	font-family:georgia;
	font-size:12px;
	margin-bottom:23px;
}
.entete-operaconcert .article p{
	position:absolute;
	bottom:10px;	
}
/***********opera***********/

.entete-opera .article{
	min-height:85px;
	padding:14px 0 0 15px;
}
* html .entete-opera .article{
	height:85px;
}

.entete-opera .article h4{
	font-family:georgia;
	font-size:12px;
	margin-bottom:23px;
}
.entete-opera .article p{
	position:absolute;
	bottom:10px;	
}
/***********recital***********/

.entete-recital .article{
	min-height:55px;
	height:auto;
	padding:14px 0 30px 15px;
	/*padding:0 0 0 15px;*/
}
* html .entete-recital .article{
	height:55px;
}
.entete-recital .article h3{

}
.entete-recital .article h3 em{
	font-size:15px;
	color:#000;
	font-family:arial;
	font-style:normal;
}
.entete-recital .article.hover h3 em{
	color:#fff;
}

.entete-recital .article h4{
	font-family:georgia;
	font-size:12px;
	margin-bottom:23px;
}
.entete-recital .article p{
	position:absolute;
	bottom:10px;
}



/***********orchestre***********/

.entete-orchestre .article{
	height:54px;
	padding:18px 0 0 15px;
	cursor:pointer;
}
.entete-orchestre .article.selected{
	background:#90d1de;
}
.article.selected p a{
	color:#fff;	
}
.entete-orchestre .article h3{
	margin-bottom:7px;
	hieght:18px;
}
/************************popin recital*******************/
#mydate{
	background:#90d1df;
	width:478px;
	position:absolute;
	z-index:10;
}
.pop-btn-close{
	position:absolute;
	top:-32px;
	cursor:pointer;
	right:0;
	width:79px;
	height:29px;
	z-index:100;
	display:block;
	background:url(../images/pop-btn-close.png) no-repeat;
	z-index:10;
	text-indent:-9000px;
}
#mydate .article-date{
	height:45px;
	padding:10px 0 0 16px;
	width:424px;
}
.article-date.hover a{
	color:#90d1df;
}
.article-date a{
	color:#fff;	
}
/*#mydate .second{
	background:#a6dae5;
}*/
#mydate .article-date h5{
	font-size:15px;
	margin-bottom:6px;
}
#mydate .article-date p{
	color:#fff;
	text-transform:uppercase;
}
#mydate.left-date{
	width:600px;
}
.border-date{
	background: url(../images/border-right.gif) 0 4px repeat-x;
	line-hieght:1px;
	font-size:1px;
	height:9px;	
	width:424px;
	margin-left:16px;
}