/* CSS Document */

body {
	background: url(/images/bg-page.jpg) top left repeat-x #718E9E;
	margin: auto 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	}
	
#container{
	width: 745px;
	padding: 0px;
	margin: 0px auto;
	position: relative;
	}
	
#headerHC{
	height: 223px;
	width: 745px;
	float: left;
	clear: right;
	z-index: 0;
	}
	#headerHC h1{
		color: #FFFFFF;
		font-size: 66px;
		padding: 10px 0px 0px 15px;
		margin: 0px;
		text-align: left;
		z-index: 0;
		position: relative;
		}
	#headerHC h2{
		color: #FFFFFF;
		font-size: 20px;
		padding: 0px 0px 0px 15px;
		margin: -8px 0px 0px 0px ;
		text-align: left;
		font-style: italic;
		}
	
	
	.header1{
		width: 745px;
		height: 70px;
		background: url(/images/bg-top.png) no-repeat;
		position: absolute;
		top: 165px;
		left: 0px;
		}
		.menuTop{
			position: absolute;
			top: 190px;
			left: 26px;
			color: #ffffff;
			font-size: 17px;
			}
			.menuTop a{
				color: #ffffff;
				font-size: 17px;
				font-weight: bold;
				text-decoration: underline;
				}
			.menuTop a:hover{
				text-decoration: none;
				}
			.menuTop img{
				border: none;
				}
			.searchHC{
				background: url(/images/bg-search.gif) repeat-y #FFFFFF;
				border: solid 1px #1D66A6;
				color: #1D66A6;
				height: 17px;
				width: 120px;
				padding: 0px 0px 0px 15px;
				position: absolute;
				top: 2px;
				left: 348px;
				font-size: 13px;
				
				}
			.menuTop .btnSearch{
				position: absolute;
				top: 0px;
				left: 493px;
				}
				
		.addRSS{
			width: 100px;
			height: 97px;
			position: absolute;
			top: 137px;
			left: 602px;
			display: block;
			z-index: 5;
			}
			.addRSS img{
				border: none;
				}

#contentHC{
	background: url(http://hors-contexte.com/images/bg-middle.png) repeat-y;
	width: 745px;
	float: left;
	clear: left;
	}
	.dateHC{
		color: #003366;
		float: left;
		clear: right;
		width: 554px;
		text-align: right;
		margin: 0px 0px 25px 0px;
		}
		.dateHC a{
			color: #003366;
			font-weight: bold;
			text-decoration: none;
			}
			.dateHC a:hover{
				text-decoration: underline;
				}

	.content1{
		width: 567px;
		float: left;
		padding: 10px 0px 0px 0px;
		}
		.content1 p{
			margin: 0px;
			padding: 0px;
			}
		.blockHC{
			padding: 0px 0px 38px 46px;
			float: left;
			clear: left;

			}
			.voteHC{
				height: 89px;
				width: 82px;
				background: url(/images/bg-vote.gif) no-repeat;
				float: left;
				}	
				.scoreHC{
					font-size: 40px;
					color: #ffffff;
					font-weight: bold;
					font-family: Arial, sans-serif;
					padding: 5px 0px 0px 0px;
					}
				.voteTxt {
					font-size: 19px;
					color: #1D66A6;
					font-weight: bold;
					margin: -8px 0px 0px 0px;
					}
				.voteLink{
					margin: -2px 0px 0px 0px;
					}
					.voteLink a{
					font-size: 11px;
					color: #ffffff;
					text-decoration: underline;
						}
					.voteLink a:hover{
						text-decoration: none;
						}
				.voir{
					margin: 13px 0px 0px 0px;
					}
					.voir a{
						color: #CE6B08;
						text-decoration: underline;
						font-size: 11px;
						}
					.voir a:hover{
						text-decoration: none;
						}
					
			.citationHC{
				/*background: url(/images/bg-CitationHC.gif) no-repeat;*/
				width: 387px;

				float: left;
				clear: right;
				margin: 0px 0px 0px 18px;
				}
				.cHC {
					display: block;
					font-weight: bold;
					text-align: left;
					padding: 4px 0px 0px 10px;
					color: #1D66A6;
					}
				.addBy{
					text-align: left;
					font-size: 11px;
					color: #1D66A6;
					padding: 0px 0px 0px 10px;
					}
					.addBy a{
						color: #1D66A6;
						text-decoration: underline;
						}
					.addBy a:hover{
						text-decoration: none;
						}
					
				.laCitation{
					color: #2381D2;
					font-size: 22px;
					font-weight: bold;
					padding: 10px 10px 0px 10px;
					}
					.laCitation span{
						font-size: 22px;
						font-weight: bold;
						color: #1D66A6;
						}
						
				.zoneContexte{
					background: #F5F9FE;
					padding: 20px 10px 10px 10px;
					float: left;
					clear: both;
					
					}
					.zoneContexte div{
						background: #FFFFFF;
						border: solid 1px #1D66A6;
						color: #CE6B08;
						padding: 16px;
						
						float: left;
						clear: right;
						width: 333px;
						}
						.zoneContexte div a{
							display: block;
							width: 10px;
							position: absolute;
							top: 0px;
							left: 353px;
							color: #1D66A6;
							font-weight: bold;
							}
						p.enContexte{
							color: #2381D2;
							padding-top: 6px;
							}
							.enContexte span{
								color: #1D66A6;
								font-weight: bold;
								}
								
						.commentHC{
							text-align: right;
							font-size: 11px;
							color: #1D66A6;
							padding: 14px 0px 0px 0px;
							}
							.commentHC a{
								color: #1D66A6;
								text-decoration: underline;
								}
							.commentHC a:hover{
								text-decoration: none;
								}
			
			
			
	.content2{
		width: 173px;
		float: left;
		clear: right;
		height: 960px;
		padding: 10px 0px 10px 0px;
		}
		.menuRight{
			position: relative;
			}
			.sepRight{
				background: url(/images/bg-menuRight.gif) no-repeat;
				width: 170px;
				height: 32px;
				position: absolute;
				top: 12px;
				left: 15px;
				z-index: 5;
				text-align: left;
				padding: 7px 0px 0px 10px;
				font-size: 16px;
				font-weight: bold;
				}
			.menuUserHC{
				width: 143px;
				height: 100px;
				position: absolute;
				top: 50px;
				right: 14px;
				text-align: right;
				}
				.menuUserHC a{
					color: #ffffff;
					text-decoration: none;
					font-size: 13px;
					font-weight: bold;
					display: block;
					padding: 3px;
					}
					.menuUserHC a:hover{
						text-decoration: underline;
						}

#footerHC{
	float: left;
	clear: both;
	width: 745px;
	height: 86px;
	background: url(/images/bg-bottom.png) no-repeat top;
	
	}
	.copyRights{
		color: #FFFFFF;
		font-size: 12px;
		padding: 61px 0px 0px 0px;
		position: relative;
		text-align: left;
		margin: 0px 0px 0px 174px;
		}
		.copyRights a{
			color: #FFFFFF;
			font-size: 12px;
			text-decoration: underline;
			}
		.copyRights a:hover{
			text-decoration: none;
			}
		.copyRights h4{
			position: absolute;
			top: 24px;
			left: -24px;
			padding: 0px;
			margin: 0px;
			font-size: 12px;
			font-weight: bold;
			}
		
		.rssGroup{
			position: absolute;
			top: -222px;
			right: 16px;
			width: 120px;
			text-align: right;
			}
			.rssGroup img{
				border: none;
				}
			.rssGroup a{
				margin: 14px 0px 0px 0px;
				display: block;
				text-align: right;
				}

h1 a {
	color:#fff;
	text-decoration:none;
}

.sepRight a {
	color:#003366;
	text-decoration:none;
}

.sepRight a:hover{
	text-decoration:underline;
}