/*  
Theme Name: JourDePluie 3
Theme URI: http://blog.jour-de-pluie.com
Description: Le thème original de Jour de pluie
Version: 3.0
Author: Leporé Thibault
Author URI: http://www.jour-de-pluie.com
Comment: Be original, don't steal it
*/


body 
{
	font-family: Arial, Sans-serif;
	font-size : 12px;
}

/****************************** TITRES ******************************/

h1, h2, h3, h4, h5
{
	font-weight : normal;
	font-family: Georgia;
}

h1
{
	margin-top : 100px;
}

/****************************** LIENS ******************************/

a
{
	text-decoration: none;
	outline: none;
}

a:hover
{
	text-decoration: line-through;
	outline: none;
}

a img
{
	border: none;
}

/*************************** GENERIQUES ***************************/

acronym, abbr 
{
	cursor: help;
	background: #DDDDDD;
	border: none;
}

blockquote
{
	margin-bottom: 10px;
	font-style: italic;
}

li
{
	list-style-type: none;
}

hr 
{
	display: none;
}

strong
{
	font-weight: bold;
}

/****************************** GENERAL ******************************/

*
{
	margin: 0;
	padding: 0;
	list-style: none;
	
}

body
{
	background : url(images/background.jpg) fixed top left;
}

/****************************** STRUCTURE ******************************/

#page 
{
	width: 765px;
	margin : auto;
	padding :  0 50px 0 50px;
}

#header 
{
	width : 765px;
	overflow : hidden;
	margin-bottom : 10px;
}

#centre
{
	overflow: hidden;
}

#content
{
	float: left;
}

/***************************** HEADER *****************************/

#more
{
	background : url(images/darkgrey.png) repeat;
	width : 745px;
	padding : 5px 10px 10px 10px;
	float : left;
	font-size : 11px;
	color : #b6b6b6;
	text-align : justify;
}

	#more h3
	{
		font-size : 24px;
		color : #f2ede4;
		font-style : italic;
		margin-bottom : 5px;
	}
	
	#more li
	{
		line-height : 11px;
	}
	
	#more li a
	{
		color : #b6b6b6;
	}
	
	#more a:hover
	{
		text-decoration: none;
		color : #1d1d1d;
	}

	.archives, .liens, .about
	{
		float : left;
		width : 200px;
	}
	
	.about
	{
		width : 340px;
	}
	
		.about h3
		{
			float : left;
		}
		
		.about p
		{
			float : left;
			width : 340px;
		}

		.about h3 a
		{
			display : block;
			color : #f2ede4;
			border-top : 1px solid #7e7d7a;
			border-bottom : 1px solid #7e7d7a;
			margin-top : 10px;
			width : 340px;
			padding-bottom : 2px;
		}
		
		.about input
		{
			margin-left : 10px;
			padding : 3px;
			width : 241px;
			border: none;
			background-color: #7e7d7a;
			color : #ffffff;
			margin-top : 5px;
		}
		
		.about input#searchsubmit
		{
			font-family: Georgia;
			text-align : right;
			width : 336px;
			background : none;
			font-size : 24px;
			color : #f2ede4;
			font-style : italic;
			margin-top : -10px;
			cursor: pointer;
		}
		
		.about input#searchsubmit:hover
		{
			color : #1d1d1d;
		}

#categories 
{
	width : 765px;
	float : left;
}

	#categories li
	{
		font-family: Georgia;
		font-size : 20px;
	}

		#categories li a
		{
			display : block;
			padding : 5px 9px;
			float : left;
		}

		#categories li a:hover
		{
			text-decoration: none;
			background : url(images/darkgrey.png) repeat;		
		}
		
		#categories li a.selected
		{
			text-decoration: none;
			background : url(images/darkgrey.png) repeat;		
		}
		
		#categories li a#getmore
		{
			color : #333333;
			font-weight : bold;
			padding : 5px 14px 5px 15px;
		}

		#categories li a#getmore:hover
		{
			color : #f2ede4;
		}
		
		#categories li a#getless
		{
			color : #f2ede4;
			font-weight : bold;
			padding : 5px 17px 5px 18px;
			background : url(images/darkgrey.png) repeat;	
		}

/****************************** POST ******************************/

	.post 
	{
		overflow: hidden;
		margin-bottom : 70px;
	}

/**************************** POSTHEAD ****************************/

	.post_head
	{
		float: left;
		width : 165px;
	}

	.post_head .infos
	{
		float: left;
		width : 155px;
		margin-right: 10px;
		color : #ffffff;
		text-align : right;
	}

			.post_head .infos h3
			{
				float: left;
				width : 147px;
				height : 55px;
				padding : 0 4px;
				font-size : 14px;
				text-transform : uppercase;
			}

				.post_content .infos h3 a, .post_head .infos h4 a
				{
					color : #ffffff;
				}

				.post_content .infos  h3 a .day
				{
					float : right;
					width : 155px;
					height : 40px;
					margin-top : -5px;
					font-size : 36px;
				}
				
				.post_content .infos  h3 a .month
				{
					float : right;
					width : 155px;
				}
			
			.post_head .infos h4
			{
				width : 147px;
				float : left;
				height : 17px;
				padding : 0 4px;
				padding-top : 1px;
				font-size : 12px;
				background : url(images/grey.png) repeat;
				margin-top : 1px;
				text-transform : lowercase;
			}
			
			.post_head .infos h5
			{
				width : 147px;
				float : left;
				height : 17px;
				padding : 0 4px;
				padding-top : 1px;
				font-size : 12px;
				background : url(images/ligne.png) repeat-x bottom;
				margin-top : 1px;	
			}
			
			.post_head .infos h5 a
			{
				color : #000000;
			}
			
/************************* REALCONTENT **************************/
		
	.real_content
	{
		text-align: justify;
		float : left;
		width : 600px;
	}
	
		.real_content h2
		{
			font-size: 60px;
			line-height : 54px;
			padding-bottom : 10px;
			margin-top : -1px;
			text-align: left;
		}
			
		.real_content img
		{
			margin-top : 10px;
			margin-bottom : 10px;
		}

		.real_content li
		{
			list-style:square;
			margin-left: 20px;
		}
			
		.real_content ul
		{
			margin-bottom: 10px;
		}
		
		.real_content p
		{
			margin-bottom: 10px;
		}
			
		.real_content h3
		{
			font-size : 30px;
			margin-top : 15px;
			margin-bottom : 5px;
		}

/************************* NAVIGATION **************************/

	.navigation
	{
		float: left;
		width : 600px;
		margin-left : 165px;
		overflow : hidden;
	}
	
	.navigation a
	{
		width : 147px;
		float : left;
		font-size : 24px;
		text-align : left;
		color : #333333;
		line-height : 20px;
		font-family : Georgia;
		padding-bottom : 5px;
	}
	
	.navigation .alignright a
	{
		float : right;
		text-align : right;
	}

/************************ SUPERTITLE *************************/	

	.supertitle
	{
		margin-bottom : 50px;
		width:600px;
		margin-left : 165px;
		padding : 5px;
		color : #ffffff;
		background : url(images/grey.png) repeat;	
		font-size : 14px;
	}
	
/************************* COMMENT **************************/
	
	.comment
	{
		float : left;
		width : 765px;
		margin-top : 30px;
	}
		
		.comment h3
		{
			font-size: 60px;
			color : #333333;
			margin-left : 165px;
			margin-bottom : 30px;
			line-height : 54px;
		}
		
		.comment_unit
		{
			position: relative;
			overflow: hidden;
			margin-bottom : 40px;
		}
		
			.comment_title
			{
				float : left;
				width : 155px;
				text-align : right;
			}
			
			.comment_title  h4, .comment_title h5 a
			{
				color : #ffffff;
			}
		
			.comment_title h4
			{
				width : 147px;
				float : left;
				height : 17px;
				padding : 0 4px;
				padding-top : 1px;
				font-size : 12px;
			}

			.comment_title h5
			{
				width : 147px;
				float : left;
				height : 17px;
				padding : 0 4px;
				padding-top : 1px;
				font-size : 12px;
				background : url(images/grey.png) repeat;
				margin-top : 1px;
				color : #ffffff;
			}
		
		.comment_content
		{
			width : 585px;
			float : left;
			padding-left : 20px;
			margin-left : 5px;
		}
			
			.comment_content p
			{
			}
		

/************************* LETCOMMENT **************************/

	.let_comment
	{
		padding-left : 165px;
	}
		
		.let_comment p
		{
			margin-bottom : 25px;
		}
		
		.let_comment h4
		{
			font-size : 20px;
		}
		
		.let_comment input, .let_comment textarea
		{
			border: none;
			margin-top : 3px;
			margin-right: 10px;
			padding : 2px 4px;
			color : #494949;
		}
		
		.let_comment input#searchsubmit
		{
			border : none;
			font-weight: normal;
			cursor: pointer;
			margin-left : 268px;
			background : url(images/darkgrey.png) repeat;
			color : #ffffff;
			margin-top : 10px;
		}
			
/****************************** FOOTER ******************************/

#footer
{
	background : url(images/darkgrey.png) repeat;
	padding : 5px 0;
	font-size : 11px;
	text-align : center;
	color : #f2ede4;
}
	
	#footer a
	{
		color : #f2ede4;
	}
	
	#footer a:hover
	{
		color : #1d1d1d;
		text-decoration : none;
	}
			
/**************************** ALIGNEMENT ****************************/
	
.alignright 
{
	float: right;
}

.alignleft 
{
	float: left;
}

.center 
{
	text-align: center;
}

.hors_champ
{
	position: absolute;
	left: -5000px;
}

/************************** COULEURS ****************************/



.dev .post_head .infos h3, .dev .comment_unit h4
{
	background : #bd9b7d;
}

.dev .comment_content
{
	background : url(images/comment_dev.png) no-repeat;
}

.dev a, .dev .real_content h3, .dev .let_comment h4, .dev .let_comment a
{
	color : #bd9b7d;
}

.flash .post_head .infos h3, .flash .comment_unit h4
{
	background : #29cfba;
}

.flash .comment_content
{
	background : url(images/comment_flash.png) no-repeat;
}

.flash a, .flash .real_content h3, .flash .let_comment h4, .flash .let_comment a
{
	color : #29cfba;
}

.fun .post_head .infos h3, .fun .comment_unit h4
{
	background : #f87abb;
}

.fun .comment_content
{
	background : url(images/comment_fun.png) no-repeat;
}

.fun a, .fun .real_content h3, .fun .let_comment h4, .fun .let_comment a
{
	color : #f87abb;
}

.geek .post_head .infos h3, .geek .comment_unit h4
{
	background : #ffaa24;
}

.geek .comment_content
{
	background : url(images/comment_geek.png) no-repeat;
}

.geek a, .geek .real_content h3, .geek .let_comment h4, .geek .let_comment a
{
	color : #ffaa24;
}

.gobelins .post_head .infos h3, .gobelins .comment_unit h4
{
	background : #00eaff;
}

.gobelins .comment_content
{
	background : url(images/comment_gobelins.png) no-repeat;
}

.gobelins a, .gobelins .real_content h3, .gobelins .let_comment h4, .gobelins .let_comment a
{
	color : #00eaff;
}

.html .post_head .infos h3, .html .comment_unit h4
{
	background : #a66fe9;
}

.html .comment_content
{
	background : url(images/comment_html.png) no-repeat;
}

.html a, .html .real_content h3, .html .let_comment h4, .html .let_comment a
{
	color : #a66fe9;
}

.internet .post_head .infos h3, .internet .comment_unit h4
{
	background : #d9000a;
}

.internet .comment_content
{
	background : url(images/comment_internet.png) no-repeat;
}

.internet a, .internet .real_content h3, .internet .let_comment h4, .internet .let_comment a
{
	color : #d9000a;
}

.mobile .post_head .infos h3, .mobile .comment_unit h4
{
	background : #ff0084;
}

.mobile .comment_content
{
	background : url(images/comment_mobile.png) no-repeat;
}

.mobile a, .mobile .real_content h3, .mobile .let_comment h4, .mobile .let_comment a
{
	color : #ff0084;
}

.perso .post_head .infos h3, .perso .comment_unit h4
{
	background : #00ade8;
}

.perso .comment_content
{
	background : url(images/comment_perso.png) no-repeat;
}

.perso a, .perso .real_content h3, .perso .let_comment h4, .perso .let_comment a
{
	color : #00ade8;
}

.webdesign .post_head .infos h3, .webdesign .comment_unit h4
{
	background : #a3d734;
}

.webdesign .comment_content
{
	background : url(images/comment_webdesign.png) no-repeat;
}

.webdesign a, .webdesign .real_content h3, .webdesign .let_comment h4, .webdesign .let_comment a
{
	color : #a3d734;
}