@import url(global.css);
@import url(typo.css);

/* commun */

.clean {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px;}
		
.tags {
	clear:both;
	margin:5px 0;
	color:#999;}
	.tags a {
		color:#999;}
		.tags a:hover {
			color:#20ADD7;}
			
.pagecontent .imageright {
	padding-left:5px;
	width:auto;}
.pagecontent .imageleft {
	padding-right:5px;
	width:auto;}
			
/* positionnement */

.col {
	float:left;
	width:223px;}
	.colLeft {
		width:301px;
		margin-right:10px;}

		
.articleTop {
	margin:0 10px 0 0;
	padding:5px 0;
	border-bottom: 1px solid #ddd;}
	.articleTop .imageleft {
		padding-right:10px;}
	.articleTop .chapo a {
		font-size:12px;
		font-weight:normal;
		font-style:normal;
		color:#000;}
	.articleTop .chapo a:hover {
		color:#20ADD7;}
	.articleTop h2{
		font-size:18px;
		color:#20ADD7;
		margin:10px 0 0;
		padding:0;}
		.articleTop h2 a{
			color:#20ADD7;}
	.articleTop h1{
		margin:0;
		padding:0;
		font-size:30px;}
		.articleTop h1 a{
			color:#016990;}
		.articleTop h1 a:hover{
			color:#20ADD7;}
		
.articleHome {
clear:both;
padding:5px 0;
border-bottom: 1px solid #ddd;}
.articleHome h3{
margin:0;
padding:0;
font-size:15px;}
.articleHome h2{
line-height:22px;
padding:0 0 3px ;
font-size:20px;}
.articleHome h2 a{
color:#016990;}
.articleHome h2 a:hover{
color:#20ADD7;}
.articleHome .chapo {
color:#000;
font-style:normal;
font-weight:normal;
font-size:11px;}	
.articleHome .chapo a{
color:#000;}
.articleHome .chapo a:hover{
	color:#20ADD7;}
	
#pubArticle {
	padding:10px 0;
	text-align:center;
	border-bottom: 1px solid #ddd;}
	
#encart_webtv {
	height: 250px;
}

#webtv {
	padding:10px 0 0;}

#agenda , .documentation{
	border:1px solid #ddd;
	border-width:1px 0 0 1px;
	padding:10px 0 0 10px;
	margin:10px 0 15px;}

#agenda h2, .documentation h2{
	font-size:18px;}
	#agenda a {
		display:block;
		color:#000;
		margin:10px 0;}
		#agenda a .date{
			color:#20ADD7;}
		#agenda a .title{
			font-weight:bold;}
		#agenda a:hover{
			color:#20ADD7;}

/* ticker */
#flash {
	padding : 0 10px 0 0;
	margin:0 10px 0 0;
	height: 33px;
	display: block;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	border:1px solid #ddd;
	border-width:0 1px 1px 0;
}
#flashInfo {
	height: 25px;
	display: block;
	overflow: hidden;
	list-style: none;
	margin: 3px 0 0;
	padding: 0;

}
#flashInfo li {
	display: block;
	width: 500px;
	height: 30px;
	line-height: 12px;
	color: #000;
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: left;
}
#flashInfo li strong{
	color:#016990;}

#flashNext {
	position:absolute;
	bottom:4px;
	right:4px;}