body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

.pager {
	float:right;
	font-size:11px
}

.pagerLink {
	display:block;
	float:left;
	padding:2px 8px;
	border:1px solid #e5e5e5;
	margin:2px;
}

.pagerCurrentPage {
	display:block;
	float:left;
	padding:2px 8px;
	border:1px solid #fff;
	margin:2px;
	color:#000;
	font-weight:bolder;
}

.pagerLinkArrows {
	display:block;
	float:left;
	padding:2px 8px;
	border:1px solid #e5e5e5;
	margin:2px;
}

#page {
	width:890px;
	margin:auto;
	overflow:hidden;
}

#top{
	background-image:url(/images/arch/top.png);
	background-repeat:repeat-x;
	height:140px;
	padding-left:32px;
}

#top #topIn{
	width:850px;
	margin:auto;
}

#logo{
	height:115px;
	width:115px;
	float:left;
	margin-top:11px;
}

#topRight{
	float:left;
	/*float:right;*/
	height:140px;
}

#topRight a{
	color:#fff;
}

#contact{
	background-image:url(/images/arch/topRight.png);
	background-repeat:no-repeat;
	width:177px;
	color:#FFFFFF;
	height:26px;
	margin-left:60px;
	font-size:11px;
	padding-left:15px;
	padding-top:5px;
}

#newsletter{
	font-size:12px;
	color:#000000;
	width:153px;
	text-align:right;
	margin:10px auto;
}


#menu{
	background-image:url(/images/arch/backMenu.png);
	background-repeat:repeat-x;
	height:35px;
	padding-left:32px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}

#menu a{
	display:block;
	padding-top:9px;
	padding-bottom:10px;
	padding-left:35px;
	padding-right:35px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;

}

#menu .hover{
	background-image:url(/images/arch/menuHover.png);
	display:block;
	padding-top:9px;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:10px;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
}

#popitmenu{
	position: absolute;
	background-color: #358DEF;
	border-top-width:0;
	line-height: 18px;
	z-index: 1000;
	display:none;
	height:190px;
}

#popitmenu a{
	margin:1px;
	text-decoration: none;
	padding:2px 6px;
	color: #fff;
	display: block;
	font-size:12px;
	float:none;
	font-weight:bolder;
}

.sep{
	float:left;
}

#content{
	padding-top:25px;
	padding-left:30px;
	/*height:560px;*/
	overflow:hidden;
	
}

#left-content{
	width:520px;
	float:left;
	margin-right:20px;
	padding-right:30px;
	border-right:1px dotted #666;
	overflow:hidden;
}


#road{
	font-size:12px;
}

.road1{
	text-decoration:underline;
	color:#000000;
}

.road2{
	font-weight:bolder;
	text-decoration:none;
	color:#000000;
}


#right-content{
	float:left;
	width:270px;
	overflow:hidden;
}

.title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
}

#backLog{
	background-image:url(/images/arch/backLog.png);
	width:152px;
	height:107px;
	padding:10px;
	color:#fff;
	font-size:12px;
}

#backLog a {
	color:#fff;
	text-decoration:underline;
}

.mdp{
	text-decoration:underline;
	color:#fff;
	margin-top:2px;
}

#bottom{
	margin-top:24px;
	clear:left;
	padding-top:10px;
	background-image:url(/images/arch/bottom.png);
	background-repeat:repeat-x;
	height:51px;
	text-align:center;
	color:#484848;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#bottom a {
	color:#484848;
	text-decoration:underline;
}

#article {
	float:left;
	width:100%;
	font-size:12px;
	text-align:justify
}

#funcs {float:left;width:100%}

/******************************************************************************/

.hItem {
	height:100px;
	margin:16px 16px;
	font-size:11px;
}

.hItem h3 {
	background:none;
	clear:none;
	font-size:14px;
	font-weight:bolder;
	margin:0px;
	border:0;
}

.hItem .thumb{
	margin-right:12px;
	padding:1px;
	border:1px solid #999;
}

.hItem .date{
	color:#aaa;
	font-size:11px;
	display:none;
}

.hItem p{
	text-align:justify;
	overflow:hidden;
	height:56px;
	margin:0;
}

.hItem p img{
	position:relative;
	left:296px;
	top:40px;
}

.item{
	clear:left;
	height:80px;
	margin:4px 16px;
	font-size:11px;
}

.item h3 {
	background:none;
	clear:none;
	font-size:14px;
	font-weight:bolder;
	margin:0px;
	border:0;
}

.item .thumb{
	margin-right:12px;
	padding:1px;
	border:1px solid #999;
}

.item .date{
	color:#aaa;
	font-size:11px;
	display:none;
}

.item p{
	text-align:justify;
	overflow:hidden;
	height:16px;
	margin:0;
	font-size:11px;
}

.item p img{
	position:relative;
	left:296px;
	top:40px;
}

table {
	width:100%;
	font-size:11px;
}

table th{
	text-align:left;
}

a {
	color:#3F88D9;
}

.hItem p a{
	text-decoration:none;
}

.item p a{
	text-decoration:none;
}

.inlineForm {
	margin:auto;
	font-size:13px;
}

.inlineForm div {
	background:#ebebeb;
	padding:8px 12px;
	margin:12px;
	border:1px solid #f0f0f0;
}

.inlineForm input, form textarea {
	margin-left:12px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	width:110px;
	border:1px solid #ccc;
	
}

.inlineForm select {
	margin-left:12px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:8px;
}

.inlineForm label{
	clear:both;
	margin-top:2px;
	float:left;
	width:130px;
	vertical-align:middle;
	margin-bottom:8px;
	font-size:12px;
	font-weight:bolder;
}


.commentaire {
	font-size:13px;
	background:#eee;
	border:1px solid #ccc;
	padding:8px;
}

.commentaire .nom {
	font-weight:bolder;
}