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

/*
Theme Name: Creation Theme
Theme URI: http://www.blog.challengemynet.com/
Description: le blog chalengemynet.
Version: 0.1
Author: Judi
 
Creation Theme by Judi || http://www.lewebsurunfauteuil.com
 
*/

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

/* ************************ css intégrale ************************** */

* {
	margin:0;
	padding:0;
	border:0;
}

body {
	background-image:url(images/bgdBody.png);
	background-repeat:repeat-x;
	background-color:#767675;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.clear {
	clear:both;
}


/* ************************ header ************************** */
#header {
	position:relative;
	left:50%;
	width:1020px;
	margin-left:-510px;
	background-image:url(images/bgdHeader.png);
	background-repeat:no-repeat;
	height:174px;
}

	#titre {
		width:320px;
		float:left;
		margin-left:35px;
	}

		h1 {
			font-size:6px;
			text-indent:-9000px;
		}
	
	#headerRight {
		width:530px;
		float:right;
		text-align:right;
		color:#666666;
		font-size:12px;
		margin-right:60px;
		margin-top:8px;
	}
	
	
		#headerRight q strong {
			color:#bdbdbd;
		}
		
		#banner {
			margin-top:40px;
			margin-bottom:3px;
		}
		
		#banner img{
			width:456px;
			height:58px;
			border:1px solid #666666;
		}
		
		#headerRight p {
			font-size:11px;
		}
		
		#headerRight p a {
			color:#cf8803;
		}
		
		#headerRight p a:hover {
			color:#bdbdbd;
		}

/* ************************ content ************************** */
#content {
	width:902px;
	background-image:url(images/bgdContent.png);
	background-repeat:repeat-y;
	position:relative;
	left:50%;
	margin-left:-451px;
	
}

#contentBas {
	width:902px;
	height:5px;
	background-image:url(images/bgdContentBas.png);
	background-repeat:no-repeat;
	margin:auto;
}

	#leftContent {
		width:575px;
		float:left;
	}
	
		.unArticle {
			margin:16px 0 30px 16px;
		}
		
			.unArticle h2 {
				border-left:2px solid #cd0634;
				padding-left:8px;
				color:#333333;
				font-size:22px;
				font-weight:bold;
			}
			
			.unArticle h2 a {
				text-decoration:none;
				color:#333333;
			}
			
			.unArticle h2 a:hover {
				color:#999999;
			}
			
			.infos {
				border-bottom:1px solid #bfbfbf;
				position:relative;
				padding-bottom:4px;
			}
			
				.articleDate {
					font-size:9px;
					font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
					color:#528abc;
					width:120px;
					float:left;
				}
				
				.articlePosteur {
					width:250px;
					text-align:right;
					font-size:9px;
					font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
					color:#767675;
					position:absolute;
					right:0px;
					top:-10px;
				}
				
					.articlePosteur span {
						font-size:12px;
						color:#fea202;
						font-weight:bold;
						padding-left:5px;
					}
					
					.articlePosteur img {
						position:relative;
						top:6px;
					}
			
			.contenuArticle {
				font-size:12px;
				padding-left:9px;
				margin-top:12px;
				margin-bottom:5px;
				text-align:justify;
			}
			
				.contenuArticle p {
					margin-bottom:15px;
				}
			
				.contenuArticle img {
					float:left;
					border:3px solid #bfbfbf;
					margin-right:10px;
					position:relative;
					left:-9px;
				}
				
				.contenuArticle a {
					color:#fea202;
					font-weight:bold;
					text-decoration:none;
				}
				
				.contenuArticle a:hover {
					color:#666666;
				}

			.articleEnSavoirPlus {
				text-align:right;
			}
			
			.articleEnSavoirPlus a {
				font-size:11px;
				color:#00ccff;
				text-decoration:none;
			}
			
			.articleEnSavoirPlus a:hover {
				color:#999999;
			}
		
		/* la partie commentaires */
		#leftContent h3 {
			font-size:22px;
			font-weight:bold;
			color:#666666;
			background-image:url(images/barreDroiteH3leftContent.png);
			background-repeat:no-repeat;
			padding:0 0 8px 10px;
			border-bottom:1px solid #bfbfbf;
			margin-bottom:36px;
		}
		
		.comments-template {
			margin-left:20px;
			margin-bottom:25px;
		}
		
		.commentsTemplatesP {
			font-size:11px;
			color:#333333;
		}
		
		.commentsUserIdentity {
			text-decoration:none;
			color:#fea202;
			font-weight:bold;
		}
		
		.commentsUserDeconnection {
			text-decoration:none;
			color:#999999;
			border:1px solid #999999;
			font-size:10px;
			padding:1px 3px 1px 3px;
			margin-left:15px;
		}
		
		.commentsUserDeconnection:hover {
			color:#333333;
			border:1px solid #666666;
		}
		
		.commentlist {
			list-style:none;
		}
		
		.commentlist li {
			width:526px;
			border-bottom:1px solid #e5e5e5;
			padding-bottom:12px;
			margin-bottom:12px;
			margin-left:24px;
		}
		
			.commentPosteur {
				font-size:12px;
				font-weight:bold;
				color:#fea202;
				margin-bottom:5px;
			}
			
				.commentPosteur strong {
					padding-right:10px;
				}
			
				.commentPosteur a {
					font-size:10px;
					font-weight:400;
					color:#999999;
					text-decoration:none;
					border:1px solid #999999;
					padding:1px 3px 1px 3px;
				}
				
				.commentPosteur a:hover {
					color:#333333;
					border:1px solid #666666;
				}
			
			.commentContenu {
				font-size:11px;
				color:#000000;
			}
			
			.commentDate {
				font-size:9px;
				font-family:Tahoma Verdana, Arial, Helvetica, sans-serif;
				color:#528abc;
			}
			
			
			#commentform {
				margin-top:31px;
				margin-left:24px;
			}
			
				#author, #email, #url {
					width:235px;
					height:17px;
					background-image:url(images/bgdChampTexte.png);
					background-repeat:repeat-x;
					border:1px solid #e5e5e5;
					padding:6px 0 0 6px;
					margin-top:4px;
					font-size:11px;
					color:#666666;
				}
				
				#comment {
					width:496px;
					height:58px;
					background-image:url(images/bgdChampTexte.png);
					background-repeat:repeat-x;
					border:1px solid #e5e5e5;
					padding:6px 6px 6px 6px;
					margin-top:4px;
					margin-bottom:8px;
					font-size:11px;
					color:#666666;
					font-family:Georgia, "Times New Roman", Times, serif;
				}
				
				#champPosterCommNotification {
					position:relative;
					top:-20px;
				}
				
				#formPosterCommentaire label {
					position:relative;
					top:-20px;
					font-size:11px;
					color:#666666;
					padding-right:72px;
				}
		
	/* **** la pagination **** */	
	.pagination {
		text-align:center;
		color:#666666;
		font-size:12px;
		margin-top:20px;
		margin-bottom:0px;
	}
		
		.pagination a {
			color:#000000;
			text-decoration:none;
		}
		
		.pagination a:hover {
			color:#666666;
		}
		
		
		
/* ************************ sidebar ************************** */
#sidebar {
	width:306px;
	float:right;
}

	#sidebare li {
	list-style:none;
	}

	.linkcat {
		list-style:none;
	}

	#searchform {
		width:306px;
		height:57px;
		background-image:url(images/bgdRecherche.png);
		background-repeat:no-repeat;
	}

		#s {
			width:235px;
			height:20px;
			background-image:url(images/bgdChampTexte.png);
			background-repeat:repeat-x;
			border:1px solid #fea202;
			padding:3px 0 0 6px;
			margin:15px 0 0 19px;
		}
		
		#searchsubmit {
			position:relative;
			top:6px;
		}

	#descriptionCMN {
		margin:8px;
		padding:10px;
		background-image:url(images/bgdDescriptionSidebar.png);
		background-repeat:repeat-x;
		background-color:#767676;
		font-size:16px;
	}
	
	#lienTwitter {
		margin-left:11px;
		position:relative;
		top:-17px;
	}
	
	#lienFacebook {
		margin-left:11px;
		position:relative;
		top:-20px;
	}
	
	#sidebar h2 {
		font-size:18px;
		font-weight:bold;
		color:#666666;
		border-left:2px solid #00ccff;
		margin-left:11px;
		padding-left:11px;
	}
	
	#sidebar ul {
		border-top:1px solid #d3d3d3;
		margin:8px 11px 40px 11px;
		padding-top:12px;
	}
	
		#sidebar ul li {
			list-style-type:none;
			margin-left:25px;
			font-size:14px;
			font-weight:bold;
			margin-bottom:5px;
		}
		
			#sidebar ul li a {
				color:#000000;
				text-decoration:none;
			}
			
			#sidebar ul li a:hover {
				color:#666666;
			}
			
			#sidebar ul li span {
				font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#528abc;
				font-weight:400;
				
			}
		
		.liRSS {
			list-style-image:url(images/listRSS.png);
			padding-left:0;
		}
		
		#liConnexion {
			list-style-image:url(images/listConnection.png);
			padding-left:0;
		}


/* ************************ footer ************************** */
#footer {
	background-image:url(images/bgdFooter.png);
	background-repeat:repeat-x;
	background-color:#000000;
	height:263px;
}

#footerLargeur {
	position:relative;
	width:990px;
	left:50%;
	margin-left:-495px;
}

	#footer .footerCategories {
		width:990px;
		position:relative;
		background-image:url(images/casqueFooter.png);
		background-repeat:no-repeat;
		padding-left:45px;
		font-size:11px;
		color:#FFFFFF;
		padding-top:70px;
		padding-bottom:0px;
		line-height:18px;
		margin-left:-450px
		left:50%;
		position:absolute;
		top:0;
		list-style:none;
	}
		
		#footer ul li {
			float:left;
			list-style:none;
			margin-right:10px;
		}
		
		
		
		#footer li a {
			color:#fea202;
			font-weight:bold;
			text-decoration:none;
		}
		
		#footer li a:hover {
			color:#CCCCCC;
		}
		
		
		.liensFooter {
			font-weight:bold;
			text-decoration:none;
			color:#fea202;
		}
		
		.footerCopyright {
			clear:both;
		}
		
		#footer .footerCopyright a {
			color:#bfbfbf;
		}
		
		#footer .footerCopyright a:hover {
			color:#fea202;
		}