/* ############################################################################
	UNESCO
	SQLI 2009
	contentDetail.css
############################################################################ */

/* ##############################################
     LEFT COLUMN
############################################## */

/* MENU 3 ################################################################## */
/* sub menu in left column */
#menu3 .subcl {
	background:#005CA1 url(../images/bg_bas_menu3.jpg) bottom left no-repeat;
	padding:0;
	width:190px;
	margin-bottom:25px;
}

#menu3 h2 {
	margin:0 0 0px 5px;
	padding:5px 0 0  0;
	font-size:1.6em;
	line-height:1.45em;
	color:#FFF;
	background:none;
	font-weight:normal;
}

#menu3 ul{
	padding:5px 7px 5px 5px;
	margin:0;
	
}
#menu3 li {
	position:relative;
	color:#005CA1;
	background:url(../images/bg_separation_menu.gif) repeat-x bottom left;
}
#menu3 li.last{
	background:none;
}
#menu3 li.active{
	background:#FFF;
}
#menu3 li span{
	display:block;
	margin:0 7px;
	border-bottom:1px solid #98bbd7;
	font-size:1.3em;
	font-weight:bold;
	padding:5px 0 5px 3px;
}
	#menu3 li.active span{
		border-bottom:none;
	}
#menu3 li a {
	text-decoration:none;
	font-weight:normal;
	color:#FFF;
	padding:8px 0 10px 4px;
	display:block;
	font-size:1.2em;
}
#menu3 li a:hover {
text-decoration:underline;
}
#menu3 li ul li a:hover {
color:#932B24;
text-decoration:underline;
}

#menu3 li ul{background:#FFF;}
#menu3 li ul li {
	color:#005CA1;
	background:#FFF;
	padding-left:7px;
}
#menu3 li ul li a{
	background:url(../images/li_pbi.gif) 0 5px no-repeat;
	padding-left:7px;
	color:#005CA1;
	font-size:1.1em;
	padding:0 0 3px 9px;
}
#menu3 li ul li.on a{
	background:url(../images/li_pbi_on.gif) 0 4px no-repeat;
	padding-left:9px;
}

/* correction bug iE 6 */
	* html #menu3 li {
    vertical-align: bottom; zoom: 1;
 }


/* ##############################################
     MIDDLE COLOUMN
############################################## */
#content .content {
	padding:17px;
	background:#fff;
	margin-bottom:20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-weight: normal;
}
#content .content .fleche_bord{
	position:absolute;
	top:35px;
	left:722px;
	height:50px;
	width:15px;
	background:url(../images/fleche_bordure.gif) no-repeat 0 0;
}
#menu3 .subcl .arrow_menu_lvl1{
	position:absolute;
	top:8px;
	left:171px;
	padding:0;
	height:10px;
	width:15px;
	background:url(../images/fleche_bordure_menu.gif) no-repeat 0 0;
	border:none;
}
#menu3 .subcl .arrow_menu_lvl2{
	position:relative;
	top:-16px;
	left:159px;
	margin-bottom:-20px;
	height:10px;
	width:15px;
	background:url(../images/fleche_bordure_menu.gif) no-repeat 0 0;
	border:none;
}
	#content h2 {height:25px;}
	#content .content h3 {
	clear:both;
	font-weight:normal;
	font-size:2.00em;
	line-height:1em;
	margin-bottom:10px;
	}
	#content .content h4 {
		clear:both;
		font-size:1.5em;
		color:#3f95c3;
		margin-bottom:15px;
	}
	#content .content a {/*color:#808080; font-weight:normal;*/}
	#content .content li {
		padding:0 0 10px 20px;
		background:url(../images/bg_li_content_content.gif) no-repeat 4px 6px;
	}
	#content .noMargin{margin-bottom:0;}
    #content .content .author{font-weight:bold;margin-bottom:8px;}
    #content .content .author span{font-style:italic;font-weight:normal;}
    #content .content .price{color:#3F95C3; font-size:1.5em;}
	#content .content .price input { vertical-align:text-top;}
	
/* ARTICLE INFORMATIONS - near article's title ***************************** */
	#artRateCom {
		position:absolute;
		top:3px;
		right:3px;
		font-weight:normal;
		font-size:1em;
		line-height:1em;
		color:#b5b5b5;
		text-transform:none;
		overflow:hidden; _overflow:visible; zoom:1;
	}
		#artRateCom .left {
			float:left;
			display:block;
			height:18px;
			width:10px;
			background:transparent url(../images/bg_artInfos.gif) no-repeat 0 0;
		}
		#artRateCom .right {
			float:left;
			display:block;
			padding:0 10px 0 0;
			height:18px;
			background:transparent url(../images/bg_artInfos.gif) no-repeat 100% 0;
		}
				p#artRate {
					float:left;
					padding:3px 12px 0 0;
					_padding-top:2px;
					border-right:1px solid #e8e8e7;
				}
				p#artComment {
					float:left;
					padding:4px 0 0 30px;
					height:14px;/* 18 */
					background:url(../images/pict_comment.gif) no-repeat 10px 2px;
				}
		#artArrow {
			position:absolute;
			top:2px;
			right:-9px;
		}
	
/* introduction */
#content .content .content_intro {
	margin-bottom:15px;
	overflow:hidden; _overflow:visible; zoom:1;
}
	#content .video {
		float:left;
		width:255px;
		padding-right:15px;
	}
		#content .content .content_intro .video p{
			float:none;
			font-size:0.8em;
			font-weight:normal;
			width:100%;
			margin:0;
		}
	#content .content .content_intro p {
		font-weight:bold;
	}
	
	.internalRelatedLinks {
	float:right;
	width:250px;
	padding-left:10px;
}

.internalRelatedBox{
border-left:solid 1px #b7b7b7;
border-right:solid 1px #b7b7b7;
 border-bottom:#666 outset 2px;
 padding-right: 5px;
}
.rate_comments{
	color:#808080;
	font-size:0.9em;
	background:url(../images/bg_rate.gif) top right no-repeat;
	height:15px;
	margin-bottom:15px;
	padding-top:3px;
}
.rate_comments img{ vertical-align:top;}
/* ARTICLE'S COPYRIGHT */
.artCopyright {
	clear:both;
	margin-bottom:0;
	font-size:0.9em;
	color:#707070;
	margin-top: -2px;
}
	
/* ARTICLE'S INFORMATIONS - at the end of the article  */
#artInfos {
	margin:15px 0;
	color:#a0a0a0;
}
	ul#artInfosList {
		margin:0;
		padding-left:6px;
		background:transparent url(../images/bg_artInfosList.gif) repeat-y 0 0;
		overflow:hidden; _overflow:visible; zoom:1;
	}
		#artInfosList li {
			float:left;
			padding:0 10px;
			width:166px;/* 186 */
			background:transparent url(../images/bg_artInfosList.gif) repeat-y 100% 0;
		}
			
			#artInfosList  h3 {
				margin:0;
				font-size:1.1em;
				color:#a0a0a0;
			}
				#artInfosList li ul{
					margin-bottom:10px;
				}
					#artInfosList li li{
						float:none;
						padding:0;
						background:none;
					}
						#artInfosList li li a{color:#a0a0a0;}
						
						#artInfosList li ul.keywordsList {
							float:left;
							margin-right:5px;
							width:75px;
						}
							#artInfosList li ul.keywordsList li {width:70px;}
							* html #artInfosList li ul.keywordsList li {/* hack IE pour bug margin li */
								vertical-align: bottom; zoom: 1;
							}

/* COMMENTS **************************************************************** */
#comments {
	color:#808080;
}
	#comments h2 {
		padding:0;
		line-height:1em;
		border-bottom:1px solid #3F95C3;
		background:none;
		overflow:hidden; zoom:1;/* hack float */
	}
		#comments h2 span {
			display:block;
			float:left;
			padding:8px 22px 8px 34px;
			font-size:1.25em;
			background:#3f95c3 url(../images/bg_h2_comments.gif) no-repeat 10px 7px;
			color:#FFF;
		}
		
		#comments .commentPost {
			padding:12px 8px 12px 35px;
			border-bottom:1px dashed #3F95C3;
			background:#EBEBEB url(../images/bg_commentPost.gif) no-repeat 8px 12px;
		}
			.odd {background-color:#fff !important;}
			.commentPost .name {
				margin-bottom:0;
				font-weight:bold;
				color:#000;
			}
			.commentPost .date {
			margin-bottom:5px;
				font-style:italic;
				color:#000;
			}
			.commentPost .messsage {
				
			}
	.post_form{
		background:#EBEBEB;
		float:left;
		border-bottom:1px solid #3F95C3;
		padding-bottom:10px;
	}
	#comments form {
		padding:10px;
	}
		#comments form h4 {
			margin-bottom:16px;
			height:22px;
			line-height:22px;
			font-size:1.25em;
			color:#004E89;
			background:transparent url(../images/bg_h4_comments.gif) no-repeat 100% 0;
		}
			#comments form h4 span {
				display:block;
				float:left;
				padding:0;
				height:22px;
				width:6px;
				background:transparent url(../images/bg_h4_comments.gif) no-repeat 0 0;
			}
			#commentsRate {
				top:5px;
				right:10px;
				_right:20px;
				font-size:0.9em;
				color:#004E89;
			}		
			#comments input.inputT1 {
				height:16px;
				width:320px;
				border:1px solid #b2b2b2;
				background-color:#eff6fa;
			}
			#comments textarea {
				height:70px;
				width:320px;
				border:1px solid #b2b2b2;
				background-color:#eff6fa;
			}

			.posAbsolute{
				position:absolute;
			}
			
/* FULLVIEW #################################################################################### */
#content .contentFullview  {
	padding:0;
}

.blockFullview {}
	#content .blockFullview  .blockFullviewContent {
		margin:0;
		padding:10px;
		font-size:0.94em;
	}
	
	#content .contentFullview h3 {
		padding:10px 0 0 12px;
	}
	#content .blockFullview  .blockFullviewContent  h4 {
		margin-bottom:8px;
		font-size:1.27em;
		text-transform:uppercase;
	}
	
	.blockFullviewContentForm {
		overflow:hidden;
		zoom:1;
		margin-bottom:15px;
	}
		.blockFullviewContentForm form {
			float:left;
			width:240px;
		}
		.blockFullviewContentForm select {
			height:20px;
			width:180px;
			font-size:1.1em;
			border:1px solid #004e89;
		}
		.blockFullviewContentForm input.submit {
			height:21px;
			width:24px;
			color:#fff;
			border:none;
			background:transparent url(../images/bg_fullviewContentForm_submit.gif) no-repeat 0 0;
			cursor:pointer;
		}

		.contentFullview .blockT1 {
			border:none;
		}
	.blockFullview  address{font-style:normal;}
	ul.listFullviewAdress {
		margin:0;
	}
		#content .listFullviewAdress li {
			padding:0;
			background:none;
		}
	
	.blockFullview  a.lnk_writeTo {
		position:relative;
		top:-16px;
	}

	ul.fullViewListContact2 {
		margin:0;
	}
	#content .fullViewListContact2 li {
		margin-bottom:10px;
		padding:0;
		background:none;
		border:none;
		overflow:hidden;
		zoom:1;
	}
		.fullViewListContact2 img {
			float:left;
			display:block;
			margin-right:10px;
		}
		.fullViewListContact2 .colText {
			float:left;
		}
			#content .fullViewListContact2Content li {
				margin-bottom:0;
			}
			.fullViewListContact2Content li.name {
				font-weight:bold;
				text-transform:uppercase;
			}
			.fullViewListContact2Content li.title {
				text-transform:uppercase;
			}
			
			.fullViewListContact2Content li.fullViewListSpace {
				margin:10px 0 0 0;
			}

/******************* In Pictures aCe */
#simplegallery1{
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 3px solid #333;
}

#simplegallery1 .gallerydesctext{
text-align: left;
padding: 2px 5px;
}

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

/* ##############################################
     RIGHT COLUMN - SIDEBAR
############################################## */
#sidebar .content {
	padding-top:8px;
	background:#fff;
	overflow:hidden;
}
	#sidebar h3 {
		margin-bottom:5px;
		font-size:1.25em;
		color:#005ca1;
	}
	
	/* COMMUN BLOCS */
	#relatedNews h3,
	#relatedDocs h3,
	#relatedPages h3,
	#relatedWebsites h3,
	#relatedContacts  h3 {
		font-weight:bold;
		text-transform:uppercase;
		font-size:1.2em;
	}
	
	#relatedNews p, #relatedDocs p,	#relatedPages p, #relatedWebsites p, #relatedContacts  p {
		font-weight:bold;
	}
	.subcr h2{
		background:#025A9C url(../images/bg_title_blockC1.jpg) repeat-x scroll 0 0;
		color:#FFFFFF;
		font-weight:bold;
		line-height:1.8em;
		padding:4px 0 4px 8px;
		text-transform:uppercase;
		font-size:1.2em;
	}
	
	.subcr li{
		background:url(../images/li_pbi_on.gif) no-repeat 0 4px;
		padding-left:9px;
	}
	.subcr li a{
		font-weight:normal;
	}

	/* BLOC NEWS ***** */
	#relatedNews {
		padding:0 8px;
		overflow:hidden;
		_overflow:visible;
		zoom:1;
	}
		#relatedNews p.text {
			float:right;
			width:55%;
		}
			#relatedNews span.date {
				display:block;
				color:#818181;
			}
		#relatedNews img {
			float:left;
		}
		
		/* BLOC DOCUMENTS / PUBLICATIONS ***** */
		#relatedDocs {
			margin:8px 0;
			padding:0 8px 5px 8px;
			background:url(../images/bg_side_inter.jpg) bottom left no-repeat;
			
		}
			
		/* PAGES ***** */
		#relatedPages {
			margin:8px 0;
			padding:0 8px 5px 8px;
			background:url(../images/bg_side_inter.jpg) bottom left no-repeat;
		}
		
		/* BLOC WEBSITES ***** */
		#relatedWebsites {
			margin:8px 0;
			background:url(../images/bg_side_inter.jpg) bottom left no-repeat;
		}
			#relatedWebsites h3 {
				margin-bottom:0;
				padding:0 8px;
			}
			#relatedWebsites li {
				padding:0 8px 10px 8px;
				background:none;
			}
			#relatedWebsites p {
				margin:6px 0 3px 0;
			}
		
		/* BLOC CONTACTS ***** */
		#relatedContacts {
			margin-top:8px;
			padding:0 8px 15px 8px;
			background:url(../images/bg_side_inter.jpg) bottom left no-repeat;
		}
		
/* RESSOURCES */
#sidebar #ressources {
	margin:0 8px;
}

a.external {
	background:url(../images/bg_external_link.gif) 0 1px no-repeat;
	padding-left:16px;
	font-weight:bold!important;
	}
.pub_m{
	clear:both;
	background:url(../images/bg_pub_m.gif) 0 0 no-repeat;
	padding-bottom:5px;
}
.pub_m h4{
	font-size:2em;
	color:#FFF;
	width:350px;
	padding:5px 0 0 15px;
	line-height:1em;
}
.pub_m p{
	color:#FFF;
	padding:3px 0 3px 15px;
	width:350px;
	margin:0;
}
#content .content .pub_m a{
	color:#FFF;
	padding:0 0 0 15px;
	font-size:0.9em;
	text-decoration:underline;
}

/* FULLVIEW #################################################################################### */
	ul.fullviewlistCentres, ul.fullviewlistAlso {
		margin:0;
		padding:0 8px 8px 8px;
	}
		.subcr .fullviewlistCentres li {margin-bottom:12px;}
			.subcr .fullviewlistCentres li.last {margin-bottom:0;}
			
		
		.subcr .fullviewlistAlso li {margin-bottom:2px;}
			.subcr .fullviewlistAlso li.last {margin-bottom:0;}


/***********ARCHIVES MODIFS  */

.contact-service {
	color: #3F95C3;
	font-weight: bold;
	}



/*FURTHER READING RESOURCES ############################################## */
.contentFurther {
	border: solid 1px #b7b7b7;
	padding: 5px 5px 5px 10px;
}

.contentFurtherTile {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#5D5D5D;
display:block;
border:solid 1px #ccc;
background :url(../images/bg_footer.jpg);
padding: 5px;
margin-bottom:5px;
}
