@charset "utf-8";
/* CSS Document */

* {
padding:0;
margin:0;
}

body {
	background:url(images/bg.gif) repeat-x top #e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#wrap {
	width:100%;
	min-width:805px;
//	background: url(images/bg.png) no-repeat;
	height:auto;
}

.clear { clear:both; }

#site {
	width:1005px;
	margin:0 auto;
	height:auto;
}

#header {
	height:82px;
	background:url(images/header.gif) repeat-x;
	padding:16px 0 0 0;
		}
		#logo {
			height:82px;
			width:530px;
			display:block;
			float:left;
			background:url(images/logo.png) bottom no-repeat;
			border:none;
			text-indent:-9999px;
			overflow:hidden;
}
		.nav1, .nav2, .nav3, .nav4, .nav5 {
			height:82px;
			display:block;
			float:left;
			text-indent:-9999px;
			overflow:hidden;
			border:none;
			background-position:top;
		}
		.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav5:hover {
			background-position:bottom;
		}
		.nav1 {
			width:95px;
			background:url(images/nav1.gif) no-repeat;
		}
		.nav2 {
			width:82px;
			background:url(images/nav2.gif) no-repeat;
		}
		.nav3 {
			width:87px;
			background:url(images/nav3.gif) no-repeat;
		}
		.nav4 {
			width:106px;
			background:url(images/nav4.gif) no-repeat;
		}
		.nav5 {
			width:75px;
			background:url(images/nav5.gif) no-repeat;
		}

#content {
	background:url(images/content.gif) repeat-x top #fff;
	padding:21px 34px 100px 39px;
	width:932px;
	height:auto;
		}

.bottom {
	width:621px;
	height:6px;
	background:url(images/border_b.gif) no-repeat;
	margin:0 0 10px 0;
}
		#content .main {
			width:625px;
			height:auto;
			float:left;
				}
				.navigation,
				.wp-pagenavi {
					margin-top: 10px;
					height: 25px;
					width: 625px;
				}
				.navigation .alignleft .wp-pagenavi {
					float:left;
				}
				.navigation .alignright .wp-pagenavi {
					float:right;
				}
				h2.pagetitle {
					font-family:"Arial Black", Arial;
					font-weight:bold;
					font-size:14px;
					margin:10px 0;
				}
				.post,
				.item p {
					font-size: 12px;
					color:#212121;
					margin-right: 30px;
					line-height: 16px;
}
				.post a, p#breadcrumbs a {
					color:#4E95C7;
				}
				.post .say {
					background:url(images/say.gif) no-repeat;
					text-indent:-9999px;
					display:block;
					height:17px;
					width:153px;
					margin:15px 0;
				}
				.post p {
					margin:0 0 15px 0;
				}
				
				.post img {
					border:none;
					margin:0 0 10px 0;
				}
				.post img[align=left] {
					border:none;
					margin:0 10px 10px 0;
				}
				.post img[align=right] {
					border:none;
					margin:10px 0 10px 10px;
				}
				.post span.date {
					color:#d0ac58;
					font-size:11px;
					font-weight:bold;
				}
				.main .latest {
					width:620px;
					height:auto;
						}		
						.main .latest .item {
							padding: 10px 15px 10px 0;
								}
								.main .latest .item span.date {
									font-size:11px;
									color:#D0AC58;
									font-weight:bold;
								}
								.main .latest .item .thumb {
									margin:0 20px 0 0;
									float: left;
										}	
										.main .latest .item .thumb img {
											border:none;
											z-index:1;
										}
										.main .latest .item .thumb .cmts {
											position:absolute;
											bottom:0;
											right:0;
											background:#000;
											font-size:9px;
											color:#fff;
											z-index:5;
											padding:5px;
											opacity:.5;
											/* For IE 5-7 */
											filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
											/* For IE 8 */
											-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
												}
												.main .latest .item .thumb .cmts a {
													color:#fff;
													text-decoration:none;
													background:url(images/speech.png) no-repeat left center;
													display:block;
													padding:0 0 0 15px;
												}
		#content .sidebar {
			float:right;
			width:301px;
			height:auto;
				}
				#content .sidebar .box li {
					font-size: 14px;
					margin-top: 5px;
					list-style-image: none;
					list-style-type: none;
}
				#content .sidebar p.recent {
					color: #3483BC;
					font-size: 14px;
				}
				#content .sidebar .datesidebar{
					background-color: #D0AC58;
					color: white;
					float: left;
					padding: 2px;
					margin-right: 5px;
				}
				#content .sidebar .item {
					margin: 5px 5px 5px 0;
				}

				#content .sidebar .box li a {
					color:#3483BC;
					font-size:14px;
				}
				.sidebar .box div a {
					color:#3483bc;
					text-decoration:none;
					font-size:14px;
				}
				.sidebar .box div a:active {
					color:#7601c2;
					font-size:14px;
				}
				.search input {
					height:13px;
					width:214px;
					background:url(images/field.gif) no-repeat right;
					border:none;
					display:block;
					float:left;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#3b3b3b;
					padding:5px;
				}
				.search input[type=submit] {
					height:23px;
					width:77px;
					background:url(images/search.png) no-repeat;
					border:none;
					display:block;
					float:left;
				}
				#featured {
					background:#fbe7f3;
					width:281px;
					height:auto;
					padding:10px;
					color:#000000;
					text-align:left;
					margin:10px 0;
						}
						#featured .img {
							float:left;
							height:auto;
							width:auto;
								}
								#featured .img img {
									border:none;
								}
						#featured .exc {
							float:left;
							width:165px;
							margin:0 0 0 10px;
								}
								#featured .exc span.date {
									font-size:10px;
									font-weight:bold;
									color:#a19ca2;
									display:block;
								}
								#featured .exc span.title {
									font-size:18px;
									font-weight:bold;
									color:#000;
									display:block;
									padding:5px 0;
										}
										#featured .exc span.title a {
											color:#000;
											text-decoration:none;
										}
								.exc a.more {
									font-style:italic;
									color:#4e91be;
									background:url(images/arrow.gif) no-repeat left;
									margin:10px 0;
									padding:0 0 0 10px;
									display:block;
								}
					.box {
						width:301px;
						margin:0 0 10px 0;
							}
							.box .title {
								height:10px;
								width:287px;
								background:url(images/side.gif) repeat-x;
								padding:7px;
							}
							.box ul.videos li {
								list-style:none;
								display:block;
								float:left;
								width:297px;
								border-bottom:1px solid #e4e4e4;
								padding:10px 2px;
									}
									.box ul.videos li .thumb {
										float:left;
										width:105px;
										height:auto;
									}
									.box ul.videos li .desc {
										float:left;
										width:145px;
										margin:5px 0 0 20px;
											}
											#content .sidebar .box ul.videos li .desc span.ttl a {
												font-family: 'Rokkitt', serif;																		font-weight:bold;
												color:#000;
												font-size:18px;
												text-decoration:none;
												font-style:normal;
												margin:0 0 10px 0;
											}
											.box ul.videos li .desc a {
												font-style:italic;
												color:#599ac8;
												display:block;
											}
										
			#footer {
				color:#494949;
				font-size:10px;
	margin-top: 25px;
}
					#footer .nav {
						color:#ce0000;
						padding:10px 0;
							}
							#footer .nav a {
								color:#3083b5;
								text-decoration:underline;
							}
			
										
		
		







.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 621px; /*width of featured content slider*/
height: 248px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 621px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 248px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.sliderwrapper .contentdiv img {
	position:absolute;
	z-index:18;
	top:0;
	left:0;
}
.sliderwrapper .contentdiv .text {
width:591px;
height:70px;
background:#000;
opacity:.70;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
position:absolute;
bottom:0;
left:0;
z-index:19;
color:#fff;
padding:15px;
font-size:12px;
}
.sliderwrapper .contentdiv .text span.fttl {
	font-size:30px;
	font-family:"Chunkfive", "Arial Black", Arial;
	line-height:42px;
	text-transform:none;
	display:block;
		}
		.sliderwrapper .contentdiv .text span.fttl a {
			color:#fff;
			text-decoration:none;
		}
		.sliderwrapper .contentdiv .text span.date {
			color:#d0ac58;
			font-size:11px;
			font-weight:bold;
		}

.pagination{
width: 600px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
padding: 5px 10px;
margin:-30px 0 0 0;
z-index:40;
position:absolute;
}

.pagination a{
padding: 3px 7px;
text-decoration: none; 
color: #fff;
background: #989898;
font-weight:bold;
font-size:14px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.pagination a:hover, .pagination a.selected{
color: #fff;
background-color: #488ec2;
}

ol.commentlist { list-style-type: none; }

.commentlist div.comment-text { border: 1px solid #E4E4E4; margin:0 20px 0 50px; padding:5px; }

.commentlist div.comment-avatar { margin: 0px; }

.commentlist div.comment-rating { float:right; }

.commentlist div.comment-rating span { margin-top: -5px; }

.commentlist div.comment-rating img { margin: 0; }

.commentlist div.comment-text blockquote { margin-top: 15px; }

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	margin-bottom: 10px;
	}


small, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

.twitter {
	text-align: center;
	align: center;
	height:auto;
	width:auto;
    border:none;
	}
	
	/* This is the style of your browser text */



	h1, h2, h3, h4, h5 {
		font-family: Helvetica, Arial, Verdana, sans-serif;
		font-weight: bold;
		letter-spacing: -.05em;
		margin: 0;
		padding: 0;
		line-height: 1em;
		text-transform:uppercase;
		font-family: 'Rokkitt', serif;
	}


	h1#feat {
		font-size: 18px;
		padding: 0;
		margin:0 0 5px 0;
		text-transform:uppercase;
		font-family: 'Rokkitt', serif;
}
	h1.posttl,
	h2.art
	 {
		font-size: 24px;
		padding: 3px 0;
		margin:0;
		text-transform:uppercase;
		font-family: 'Rokkitt', serif;
	}
	h2.sd {
		font-size: 14px;
		padding: 0;
		margin:0 0 2px 0;
		text-transform:uppercase;
		font-family: 'Rokkitt', serif;
	color: white;
}
	h3.art {
		font-size: 20px;
		padding:0;
		margin:0 0 5px 0;
		text-transform:uppercase;
		font-family: 'Rokkitt', serif;
	}
	h2.art a {
		color: #3483BC;
		text-decoration: none;
}
	h2.art a:hover {
	text-decoration: underline;
}


	
	/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a, 
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
    color: #BFBFBF;
}

.wp-pagenavi a:hover, 
.wp-pagenavi span.current {
    border-color: #000;
    color: #000;
}

.wp-pagenavi span.current {
    font-weight: bold;
}

/* Author Box  */

#authorbox {
    background: #F7F7F7;
    margin: 20px 0px 0px 0px;
    padding: 10px;
    border: 1px solid #E6E6E6;
    }

#authorbox h3 {
	 	margin: 0px;
		padding: 0px;
		text-transform:uppercase;
		font-family: 'Rokkitt', serif;
	}
    
#authorbox p {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    }
    
#authorbox-photo {
    background: #FFFFFF;
    float: left;
    margin: 0.1em 10px 10px 0;
    padding: 3px;
    border: 1px solid #CCCCCC;
    }

#socialinks { 
    margin: 16px 0; 
    text-align:right;
    font-size: 12px;
    font-family: arial, sans-serif; 
    }

#socialinks ul {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
    }

#socialinks ul li {
    background: none;
    display: inline !important;
    list-style-type: none;
    margin: 0;
    padding: 1px;
    }

#socialinks ul li:before {
    content: ""; 
    }

#socialinks img {
    background: transparent;
    float: none;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align:middle;
    }

#related {
	margin-top: 10px;
}

#related ul {
	margin: 10px 0 0 20px;
}

#related ul li {
	margin-bottom: 5px;
	list-style-image: url(images/arrow.gif);
}

#auteurs ul {
	margin: 10px 0 0 0px;
	list-style-image: none;
	list-style-type: none;
}

#auteurs ul li {
	margin-bottom: 15px;

}

#auteurs h3 a {
	color: black;
	text-decoration: none;
}

#auteurs h3 a:hover {
	text-decoration: underline;
}