/*
Theme Name: Spoiler Alert v2
Theme URI: http://spoileralert.fr/
Description: Le theme de spoileralert.fr
Version: 1
Author: Melanie VM
Author URI: http://spoileralert.fr/
*/
* {
margin:0;
padding:0;
border:0;
}

html, body {height: 100%;}

body {
background:#e4e4e4 url(images/bg-repeat.jpg) repeat top left;
color:#2d1803;
font-family:Arial, Helvetica, sans-serif;
font-size: 62.5%; /* Resets 1em to 10px */
}

.hidden {display:none;}
.clear {clear:both;}
.center {text-align:center;}
.floatLeft, .leftFloat {float:left;}
.floatRight, .rightFloat {float:right;}
html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

h1 {}
h2 {font-family:Georgia, "Times New Roman", Times, serif;}
#colLeft .page h2 {padding:20px 30px;}
h3 {font-family:Georgia, "Times New Roman", Times, serif;color:#4EB5BA;}
.entry h3 {padding:8px 30px;}
.entry h4 {color:#4eb5ba; font-size:1.2em;padding:8px 40px;}
.entry h5 {color:#4eb5ba; font-size:1.2em;padding:8px 60px;}
.entry h6 {color:#4eb5ba; font-size:1.2em;padding:8px 80px;}
/* general */
blockquote {
border-left:3px solid #4EB5BA;
margin-left:60px;
}
.entry blockquote p {padding:8px 20px;}
acronym, abbr {border-bottom:1px dashed #828484;}
abbr {cursor:help;}

.entry ul, ol {margin-left:60px; }
.entry li { list-style:square; font-size:1.2em;}

dl { font-size:1.2em;padding:8px 60px;}
	dt {font-weight:bold;text-decoration:underline;}

table {margin:0.5em 0 1em; padding:8px 30px; font-size:1.2em;}
	table th {
	background-color:#5E5E5E;
	border-bottom:1px solid #E8E1C8;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	}
	table td, table th {
	border-right:1px solid #fff;
	padding:0.4em 0.8em;
	text-align:left;
	}

	table td {background-color:#eee;}
	
pre {
background-color:#fff;
border:1px solid #ddd;
font-size:1.4em;
margin:8px 30px;
overflow:hidden;
padding:8px 30px;
width:80%;
}





#wrap {background:transparent url(images/header-bg-repeat.jpg) repeat-x top left;}

	#header {
	width:960px;
	margin:0 auto;
	height:120px;
	}
	
		/* NAV */
		#header ul {
		white-space: nowrap;
		float:right;
		}
		
		#header li {
		display: inline;
		list-style-type: none;
		padding:0 2px;
		}		
		
		#logo {
		float:left;
		height:69px;
		left:0;
		margin-top:25px;
		width:305px;
		}
	

	#main {
	padding-bottom: 308px;/* must be same height as the footer */
	width:980px;
	margin:0 auto;
	background:url(images/shadow-top.png) no-repeat left 1em;
	}
	
	#mainContent {
	width:960px;
	margin:0 auto;
	}
		#contentLeft {float:left; width:623px;background:transparent url(images/shadow-repeat.png) repeat-y top right; z-index:500;}
			#colLeft {
			width:600px;
			float:left;
			background-color:#fff;
			}	

				#featured {
				width:580px;
				height:240px;
				margin:10px 0 0 10px;
				background:url(images/bg-featured.png) no-repeat top left;
				}
				
					#featuredContent {padding:10px 0 0 10px;}
						
						#slider{ width:560px; height:200px; overflow:hidden;}	
							#slider ul, #slider li, #slider2 ul, #slider2 li{
								margin:0;
								padding:0;
								list-style:none;
								}
							#slider li, #slider2 li{ 							
								width:560px;
								height:200px;
								overflow:hidden; 
								}	
								
								#slider .sliderTxt {
									background:transparent url(images/bg-sliderTxt.png) no-repeat scroll left top;
									height:200px;
									margin:0 0 0 30px;
									padding:0;
									text-align:left;
									width:200px;
									}	
									
									#slider .sliderTxt h3 {							
									color:#2d1803;							
									font-size:2.3em;
									font-weight:normal;
									line-height:100%;	
									padding:8px 5px 5px 0px;											
									}
									
										#slider .sliderTxt h3 a {
										background-color:#b3bd20;
										color:#2d1803;
										text-decoration:none;
										padding-right:5px;
										}
										
									#slider .sliderTxt p {color:#fff;font-size:1.2em;padding:3px 5px 8px 8px;}
									#slider .sliderTxt p.date {color:#eee;font-size:1.1em;padding:0px 0px 0px 8px;}
									#slider .sliderTxt p.liresuite {padding:0px 0px 0px 8px;}
									
									div#controls{
									margin:0;
									position:relative;
									} 
									
									#prevBtn, #nextBtn{ 
									display:block;
									margin:0;
									overflow:hidden;
									text-indent:-8000px;		
									width:20px;
									height:20px;
									position:absolute;
									left:500px;
									top:-30px;
									}	
									#nextBtn{ 
										left:526px;
										}														
									#prevBtn a, #nextBtn a{  
										display:block;
										width:20px;
										height:20px;
										background:url(images/previous.png) no-repeat 0 0;	
										}	
									#nextBtn a{ 
										background:url(images/next.png) no-repeat 0 0;	
										}							
						
				
				.actu {background:url(images/homeactu-pointilles.gif) no-repeat top right; float:left;width:600px; left:-11px;position:relative; clear:both;}
				
					.actuleft {width:152px; float:left; padding-top:2px;}
					
						.actuInfo {
						background-color:#eee;
						height:160px;
						width:110px;	
						margin-left:20px;
						margin-top:-50px;												
						z-index:9;
						}
						
							.actuInfo ul {padding:45px 0 0 0; width:110px;}
								.border {border-bottom:1px dotted #828484; }
								.actuInfo li {color:#828484; font-size:1.1em;list-style-type: none;padding:5px 5px;}
									.actuInfo li a {color:#828484; text-decoration:none;}
									.actuInfo li a:hover {color:#828484; text-decoration:underline;}
									
									.actuInfo li.cat {text-indent:18px; background:url(images/ico-cat.gif) no-repeat .5em .5em; max-height:53px; overflow:hidden;}
									.actuInfo li.comm {padding-left:25px; background:url(images/ico-comm.gif) no-repeat .4em .4em;}
									.actuInfo li a.suite {padding-left:20px; background:url(images/ico-suite.gif) no-repeat 0 0em;}
									
								
						.actu .date, .post .date {
						height:40px;					
						position:relative;
						margin-top:10px;
						z-index:10;
						}
						.post .date {
						left:-10px;
						margin-top:15px;
						position:relative;
						}
						.actu .date, .post .date {
						background:transparent url(images/timestamp.png) no-repeat scroll 0 0;
						margin-right:-5px;
						}	
						.calPage {
						color:#23211f;
						float:left;
						width:150px;
						}	
						
						.actu .calPage .jour, .post .calPage .jour {
						float:left;
						font-family:Georgia,"Times New Roman",Times,serif;
						font-size:2em;
						padding-left:20px;
						position:relative;
						top:-2px;
						}
						
						.actu .calPage .mois, .post .calPage .mois {
						float:left;
						font-size:1em;
						padding-left:5px;
						text-transform:uppercase;
						}
						
					.actuRight {
					float:right;
					width:448px;
					}
					
						.actu h3 {color:#4eb5ba; padding:10px 3px 7px 5px; font-size:2em;}
							.actu h3 a{color:#4eb5ba; font-weight:normal; text-decoration:none;}	
							.actu h3 a:hover{text-decoration:underline;}	
							.actu h3 a:visited{color:#8ac1c3;}
						.inner {}	
							.inner .imgActu {background:transparent url(images/bg-actus.png) no-repeat scroll 0 0;
								float:left;
								height:134px;
								position:relative;
								width:182px;
								left:-12px;
								}
									.inner .imgActu img {
									margin:8px 0 0 19px;
									}
						.inner .extrait {
								float:left;
								width:265px;
								position:relative;
								left:-5px;							
								}
								.extrait p {color:#2d1803; font-size:1.2em; text-align:justify;}							
										
			
			#colLeft .post, #colLeft .page  {margin:0 auto;width:600px;}
			.colHeight {
			min-height:1064px;
			height:auto;
			}
			
			/* for Internet Explorer */
			/*\*/
			* html .colHeight {
			height: 1074px;
			}
			/**/
				#colLeft h2 {padding:0px 20px;}
					#colLeft h2, #colLeft h2 a {color:#4eb5ba; font-size:2em;font-weight:normal;}
				.entry {margin:0 auto;width:600px;text-align:justify;}
					#featuredSingle {
					width:580px;
					height:240px;
					margin:10px 0 0 10px;
					background:url(images/bg-featured.png) no-repeat top left;
					}
						#featuredSingle img {padding:10px 0 0 10px;}
					.entry p{color:#2d1803;font-size:1.2em; padding:8px 30px;}
					.entry em {color:#4db4b9;}
					.entry a, .post a {color:#b2bc1f; text-decoration:underline;}
						
				.post p.postmetadata {
				background:url(images/post-cat-ico.gif) no-repeat 0 .5em;
				font-size:1.1em;
				padding:5px 10px 5px 18px;
				margin-left:20px;
				}					
				.postmetadata, .postmetadata a {
				color:#828484;
				text-decoration:none;
				}	
				.postmetadata a:hover {text-decoration:underline;}
						
				#tagList {
				background:transparent url(images/tag.gif) no-repeat scroll 0.5em 0.5em;
				border-bottom:1px solid #ddd;
				border-top:1px solid #ddd;
				color:#888;
				font-size:1.2em;
				margin:20px 10px;
				padding:5px 0 5px 25px;
				}
					#tagList a {color:#b3bd20; text-decoration:none;}
					#tagList a:hover {text-decoration:underline;}
			
			
		#sidebar {
		width:360px;
		float:left;
		margin-left:-23px;		
		padding-top:90px;		
		}
			.blocSeul {			 
			width:360px;
			margin:0 auto;	
			padding-bottom:8px;
			}		
				.blocSeul h2 {margin-bottom:-1px; padding-left:10px;position:relative;z-index:50;}
				.blocSeul h2.galerie {margin-bottom:-7px; padding-left:10px;}
				.blocSeul h3 {color:#4eb5ba; padding:0px 8px 10px 10px; font-size:1.4em; font-weight:bold;}
					.blocSeul a {color:#4eb5ba; text-decoration:none;}
					.blocSeul a:hover{color:#4eb5ba; text-decoration:underline;}
				.blocSeul li {list-style-type: none;}	
				.blocSeul .top {background:transparent url(images/blocseul-top.gif) no-repeat bottom left; height:11px;}				
				.blocContent {background:#ffffff url(images/shadow-repeat.png) repeat-y top left;border-right:1px solid #dedfdf;}
					.blocContent ul#breves {width: 360px;}
						.blocContent #breves li {background: url(images/enbref-bottom.gif) repeat-x bottom left; padding:8px 0; width:360px;}							
							.blocContent #breves li h3{padding:0px 8px 3px 10px;}
							.blocContent #breves li p{padding:0px 8px 5px 10px;color:#828484; font-size:1.2em;}
								#scroll {margin: 0;padding: 0;}
									#scroll li {display: inline;list-style-type: none;}
							.blocContent #breves li ul {width:360px;margin-left: 0;padding-left: 0;white-space: nowrap;padding:0px 8px 5px 10px;color:#828484; font-size:1.2em;}		
								.blocContent #breves li ul li {background: none; display: inline;list-style-type: none; padding-right:5px; }		
					.blocContent .haut {width:179px;height:45px;}
					.blocContent .bas {width:170px;height:45px;}					
						#scollContent {height: 220px;overflow: hidden; width: 100%;}
				.blocSeul .bottom {background:transparent url(images/blocseul-bottom.gif) no-repeat bottom left; height:11px;}
				.blocSeul .bottom2 {background:transparent url(images/blocseul-bottom2.gif) no-repeat bottom left; height:48px;}
			
			.allBreves {background:transparent url(images/archives-arrow.gif) no-repeat scroll 0 0.4em; padding:4px 0 4px 18px;}
				
			.video {
			display:block;
			overflow:hidden;
			padding:0 0 10px;
			width:338px;
			margin:0 auto;
			}

#footer {
	background:#e4e4e4 url(images/footer-bg-repeat.jpg) repeat-x bottom left;
	position: relative;
	margin-top: -308px; /* negative value of footer height */
	height: 308px;
	clear:both;
} 

	#footer #shadow {
		width:980px; 
		margin:0 auto;
		background:transparent url(images/shadow-bottom.png) no-repeat bottom left; 		
		}
		
		#footer #insideShadow {
		background-color:#fff; width:600px; margin-left:10px; padding-bottom:10px;
		}	
			#insideShadowContent {padding:25px 0 15px 0;}
			.wp-pagenavi, .hautpage {width:600px; margin:0 auto; }
			.wp-pagenavi {text-align:center; font-size:1.2em;}
			.hautpage { text-align:right; margin-right:25px;}
			.hautpage a {color:#4EB5BA; font-size:1.2em; background:url(images/arrow-top.gif) no-repeat 0 2.2em; padding-left:18px; font-weight:bold;}
	
	#footer #footerContent {width:960px; margin:0 auto; padding:15px 0 0 0;}
		#footer #footerContent #catArchives {border-right:1px solid #46a2a6;float:left;width:335px;padding-right:10px;}
			#footer #footerContent #catArchives #rightList {float:right;/*margin-right:5px;*/}
		#footer #footerContent #monthlyArchives, #footer #footerContent #blogroll, #footer #footerContent #contact {
		float:left;
		margin-left:15px;				
		}
		#footer #footerContent #monthlyArchives {width:170px;}
		#footer #footerContent #blogroll {width:190px;}
		#footer #footerContent #monthlyArchives, #footer #footerContent #blogroll {border-right:1px solid #46a2a6;}
		
		#footer #footerContent ul {padding:8px 0 0 0;}
			#footer #footerContent ul li {list-style-type: none; padding:3px 0;}
				#footer #footerContent ul li a, #footer #footerContent ul li a:active {
					background: transparent url(images/list-arrow.gif) no-repeat 0 .2em;
					color:#2d1803;
					font-size:1.4em; 
					font-weight:bold;	
					padding:0px 0 0px 15px;				
					text-decoration:none;
				}
				#footer #footerContent ul li a:visited {color:#574635;}
				#footer #footerContent ul li a:hover { text-decoration:underline;}
		#footerbottom {clear:both; color:#fff; font-size:1.2em; position:absolute; bottom:5px; width:980px;}
			#footerbottom p {text-align:center;}
			#footerbottom a {color:#fff;}
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
    display: block;
    height: 0;
	font-size:0;
    clear: both;
    visibility: hidden;
	
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.ngg-widget, .ngg-widget-slideshow {
margin:0;
overflow:hidden;
padding:5px 0 0;
text-align:center;
}

/* comments */
h3#respond, h3#comments {
	background: url(images/arrow.gif) no-repeat 0 .3em;
	color:#4EB5BA;
	padding: 0 0 15px 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	font-weight:normal;
	margin: 10px 0px 0px;
	clear: both;
}

.commentaire { width:560px ; margin:0 auto;}
.commentaire a {color:#b2bc1f; text-decoration:underline;}
ol.commentlist {margin-left:0px;}
.commentlist {list-style-type:none}
.commentlist li {padding-bottom:10px;}

.comment_meta {
color:#36bae9;
float:left;
margin-top:0px;
padding:0px 10px 10px 0px;
width:110px;
}
.comment_meta {background:transparent url(images/comment-meta-bg.png) no-repeat scroll right 1.3em;}
.commentOfficial .comment_meta {background:transparent url(images/comment-meta-bg-official.png) no-repeat scroll right 1.3em;}

.comment_meta cite, .comment_meta cite a {
color:#2d1803;
font-style:normal;
font-weight:bold;
}

.commentOfficial .comment_meta cite, .commentOfficial .comment_meta cite a {
color:#4eb5ba;
font-style:normal;
font-weight:bold;
}

.comment_meta cite {font-size:1.3em;}

.comment_meta cite a {
font-size:1em;
text-decoration:none;
}

.comment_meta cite a:hover {text-decoration:underline;}

.comment_meta .commentmetadata, .comment_meta .commentmetadata a {
color:#828484; 
font-size:1.1em; 
}

.comment_meta .commentmetadata a {text-decoration:none;font-size:1em; }

.comment_text {
color:#2d1803;
float:left;
font-size:1.2em;
padding:10px 12px 10px 12px;
width:410px;
text-align:justify
}

.comment_text {background-color:#f4f3f2;}
.commentOfficial .comment_text {background-color:#e8f7fc;}
.comment_text a {color:#36bae9;}

#commentform label {
	color:#828484;
	font-weight:normal;
	font-size: 1.2em;
}

#commentform input {
	color:#828484;
	margin:5px 0;
	width: 160px;
	height:18px;
	padding: 2px 3px 2px 3px;
	background: url(images/form-field-bg.gif) no-repeat;
	border: 1px solid #d9d9d9;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #B3BD20;
}

#commentform textarea {
	color:#828484;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	width: 350px;
	height: 185px;
	border: solid 1px #e6e6e6;
	margin:5px 0;
	padding: 5px 3px 3px 7px;
}

#commentform #submit {
	color: #fff;
	text-transform:uppercase;
	background: url(images/submit-btn.gif) no-repeat top left;
	border: none;
	width: 75px;
	height: 24px;
	padding-bottom: 6px;
}

.obligatoire {color:#ed008c;}


#commentform small {
	color: #999;
	font-size: 90%;
}

#mediaspace {
text-align:center;
padding:10px 0;
}

.visuArticle {
float:left;
margin:0 5px 5px 0;
}

.erreur404 h2{padding:50px 0}
/* ARCHIVES */
.archivesContent {width:560px; margin:0 auto; clear:both;}
.archivesPage {
font-size:1.2em;
}
.archivesPage ul {
list-style-type:none;
padding:0px 0 15px 30px;
}
	.archivesPage a {color:#4EB5BA; text-decoration:none;}
	.archivesPage a:hover {text-decoration:underline;}
	
	.archivesPage li {
	background:transparent url(images/archives-arrow.gif) no-repeat scroll 0 0.4em;
	padding:4px 0 4px 18px;
	}
		.archivesPage li ul {
		margin:0;
		padding:0;
		}
			.archivesPage li ul li {
			background:transparent url(images/list-arrow.gif) no-repeat scroll 0 0.7em;
			padding:4px 0 4px 15px;
			}

	
.archivesMoitie {
width:48%; 
}			
	.artrecent {
	padding:10px 0;
	background:url(images/archives-bottom.gif) repeat-x bottom left;
	}
		.artrecent h3 {
		font-size:1.4em;
		font-weight:normal;
		}
		.artrecent p.suite {padding:5px 0 0 0;}
		.artrecent .suite a {
		background:transparent url(images/archives-arrow.gif) no-repeat scroll 0 0.1em;
		color:#b3bd20;
		font-weight:bold;
		padding-left:18px;
		}
		.artrecent .date small {
		color:#ccc;
		font-size:0.9em;
		}
		
		.nbComment a {
		background:transparent url(images/comment-bubble.png) no-repeat scroll 0 0.5em;
		color:#5B5D5D;
		padding:5px 0 0 20px;
		text-decoration:none;
		}
		.nbComment a:hover {
		text-decoration:underline;
		}
		.artrecent .resume {
		clear:both;
		}
		
/* recherche */		
.searchForm {
background:url(images/bg-search.png) no-repeat right top;
height:33px;
margin:0 auto;
padding:0;
width:340px;
}

.searchForm #s {
background-color:transparent;
border: none;
color:#828484;
float:left;
font-size:1.3em;
height:auto;
margin:8px 5px 0 38px;
width:250px;
}

.searchForm #searchsubmit {
margin:0px 0 0 5px;
width:40px;
}

.result .artrecent {margin:0 20px;}