@charset "utf-8";
/*
Theme Name: Objectif-Justice V2
Theme URI: objectif-justice.fr
Description: Thème du site Objectif-Justice.fr
Version : 2
Author: Jiyong
Author URI: http://www.jiyong.eu/blogs
Tags: 
*/

*{
	margin:0;
	padding:0;}
	
body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:rgba(80,55,8,1);
	font-size:13px;}
	
#content{
	background-color:rgba(255,255,255,1);}

a{
	text-decoration:none;
	color:rgba(31,71,90,1);
}	

	a:hover{
			color:rgba(31,71,90,0.5);
	}
	
input[type=submit]{
background-color:transparent;}
	
header#top,nav,#logo,#searchform input[type=submit]{
	background-image:url(images/sprites.png);
	}
	
header#top,footer#bottom{
	border-color:rgba(62,44,9,1);
	border-width:5px 0 0 0;
	border-style:solid;
	box-shadow:0px 1px 0px rgba(113,88,19,1) inset;
	background-color:rgba(80,55,8,1);
	min-height:250px;}
	
	header#top{
	background-position:0 -300px;}
	
	footer#bottom{
	background-image:url(images/bg_footer.png);
	}
	
nav{
	border-color:rgba(221,208,182,1);
	border-width:1px;
	border-style:solid;
	background-color:rgba(233,210,186,1);
	vertical-align:central;
	background-position:0 -999px;
	}
	
	nav .wrap{
		position:relative;}
	

	nav ul{
		list-style:none;
	    position: relative;
	    top: 1px;}
		
	nav .menu-blog-container{
	width:761px;}
		
	nav ul li{
		display:inline-block;
		margin:0 10px 0 0;
		}
		
		nav ul li a{
			height:58px;
			line-height: 58px;
			display:block;
			padding:0 5px;
			font-size:15px;
			color:rgba(38,36,35,1);
			text-shadow:0 1px 0 rgba(239,232,220,1);
			-moz-transition:background-color 0.3s ease;}
			
				nav ul li a:hover{
					background-color:rgba(255,255,255,1);}
			
			nav ul li:last-child{
			margin:0;}
			
.Gris{
	background-image:url(images/bggris.png);
	border-width:1px 0 0 0;
	border-color:rgba(255,255,255,1);
	border-style:solid;}
	
.wrap{
	width:955px;
	margin:0 auto;}
	
header#top ul{
	text-align:center;
	list-style:none;
}


#logo > li{
		width:350px;
		height:180px;
		overflow:hidden;}

#logo{
		background-position:0 -19px;
		text-indent:-9999px;
		margin:15px auto 5px auto;
		width:350px;
		height:180px;
		display:block;
}

#baseline{
	color:rgba(223,210,186,1);
	font-size:18px;
	font-weight:bold;
	padding:0 0 0 13px;
	text-transform:uppercase;
	letter-spacing:0.03em;}
	


/*colonnes*/

.w305, .w630{
float:left;
margin:0px 20px 20px 0;}

	.w305#Venez_Decouvrir	{
	float:right;
	margin:0 0 20px 0;
	}

	#content .wrap section#site,ul.listarticle li:nth-child(3n), footer#bottom section:nth-child(3n){
		margin:0 0 20px 0;
	}
	


	.w305{
	width:305px;}

	.w630{
	width:630px;}
	
	/*liste article*/
	
	div.wrap ul, div.wrap ul ul{
	list-style:none;}
	
	.ImageTitre{
	width:305px;
	height:155px;
	display:block;
	overflow:hidden;
	background:#000;}
	
/*h**/
	h1{
	font-size:22px;
	color:rgba(101,101,101,1);
	text-transform:uppercase;
	padding:20px 0 20px 0;}

	h2{
	font-size:20px;
	color:rgba(101,101,101,1);
	text-transform:uppercase;
	margin:20px 0 20px 0;}
	
	h3{
	font-size:20px;
	color:rgba(101,101,101,1);
	padding:16px 0 0 0;}
	
		#comments h3{
		padding:20px 0 10px 0;
		}
	
	h4{
	font-size:18px;
	color:rgba(101,101,101,1);
	margin:10px 0 0 0;}
	
	h5{
	font-size:18px;
	color:rgba(101,101,101,1);
	margin:8px 0 0 0;}
	
	footer#bottom h6{
	color:rgba(255,255,255,1);
	font-size:16px;}
	
/*hr*/

hr{
border:none;
}

hr.sep{
border-width:1px 0 0 0;
border-style:solid; 
border-color:rgba(232,236,238,1);
}


hr, .clear{clear:both;}
	
/*paragraphe*/
p{
	margin:20px 0 0 0; 
	text-align:justify;
	color:rgba(101,101,101,1);}
	
p:hover{
	color:rgba(51,51,51,1);}
	
/*footer*/

footer#bottom{
padding:25px 0 20px 0;}

	footer#bottom a{
	color:rgba(255,255,255,1);
	display:block;
	line-height:25px;
	-moz-transition:color 0.3s ease;
	}
	
		footer#bottom a:hover{
		color:rgba(255,255,255,0.5)}
		
		footer#bottom .menu-blog-container{
			text-align:center;}
		
		footer#bottom .menu-blog-container li{
			display:inline-block;		
		}
		
		footer#bottom #Venez_Decouvrir li{
		width:50%;
		display:inline-block;
		float:left;}
		
/*recherche*/

#searchform{
position:relative;}

#searchform input[type=text]{
height:24px;
padding:0 30px 0 12px;
border-radius:2px;
border:none;
box-shadow:0 1px 1px rgba(79,77,72,1) inset;


	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(rgba(185,180,170,1)),
		to(rgba(218,213,203,1))
	);
	background: -webkit-linear-gradient(
		top,
		rgba(185,180,170,1),
		rgba(218,213,203,1)
	);
	background: -moz-linear-gradient(
		top,
		rgba(185,180,170,1),
		rgba(218,213,203,1)
	);
	background: -o-linear-gradient(
		top,
		rgba(185,180,170,1),
		rgba(218,213,203,1)
	);
	background: linear-gradient(
		top,
		rgba(185,180,170,1),
		rgba(218,213,203,1)
	);
	
}

#searchform input[type=submit]{
	width:28px;
	height:24px;
	position:absolute;
	top:0px;
	right:0px;
	background-position: -2px -1109px;
	border:none;
	overflow:hidden;
	text-indent:-9999px;
	}
	
footer#bottom #searchform input[type=text]{
width: 263px;}

nav div form#searchform{
position:absolute;
width:150px;
top:18px;
right:0;
}

nav #searchform input[type=text]{
width: 108px;}

#NavFooter li{
	display:inline-block;
	margin:0 5px 0 0;
}
/*catégorie et articles*/


article header{position:relative;
margin:0 0 10px 0;}

.Article header time{position:absolute;
top:50px;
left:1px;
font-size:13px;
color:rgba(101,101,101,1);}

article ul{
	font-weight:normal;
	color:rgba(101,101,101,1);
}

	article ul li{
		list-style:disc;
		margin:10px 0 10px 30px;
	}
	
	article ol li{
		list-style:decimal;
		margin:10px 0 10px 30px;
	}
	
	article ul li:hover, article ol li:hover{
		color:rgba(51,51,51,1);
	}
	
/*commentaires*/

.comment{
margin:10px 0 0 0;}

.comment .children{
margin:10px 0 0 60px;}

#comments .w630{
margin: 0 0 20px 0;}

article.comment .pavatar{
width:46px;
height:46px;
padding:2px;
background-color:rgba(255,255,255,1);
border:1px solid rgba(191,191,191,1);
float:left;
margin:0 10px 0 0;
}

	article.comment header,.comment-content {
	position:relative;
	margin: 0 0 10px 60px;}
	
	article.comment .auteur{
	font-size:13px;
	font-weight:bold;
	color:rgba(0,0,0,1);}
	
	article.comment time{
	font-size:12px;
	color:rgba(0,0,0,0.5);
	position:absolute;
	right:0!important;
	top:0;}
	
	article.comment footer ul{
	list-style:none;
	text-align:right;
	margin:0 0 5px 0;}
	
		article.comment footer ul li{
		display:inline-block;
		}

/*citation*/

article blockquote{
background-image:url(images/bggris.png);
margin:20px 10px;
padding:10px;
border-radius:3px;
}


#comment hr{
border-width:0 0 1px 0;
border-style:solid;
border-color:rgba(0,0,0,0.5);
}

label{
display:block;
color:rgba(101,101,101,1);
margin:0 0 3px 0;}

#comments input[type=text], #comments textarea, #commentform input[type=submit]{
width:295px;
padding:0 5px;
border-radius:3px;
margin:0 0 8px 0;}

#commentform footer input[type=submit]{
background-color:rgba(59,42,8,1);
width:305px;
text-align:center;
height:24px;
line-height:24px;
border:none;
color:rgba(255,255,255,1);
box-shadow:0 2px 0 rgba(0,0,0,1);
cursor:pointer;}

	#commentform footer input[type=submit]:active{
	box-shadow:none;
	}

#comments input[type=text], #comments textarea{
border:1px solid rgba(191,191,191,1);}

#comments input[type=text]{
height:24px;}

#comments textarea{
padding:5px;
height:90px;}


/*navigation*/
.pagination{
padding:10px 0;
}

	.nav-previous{
		float:right;
	}
	
	
	.nav-next{
		float:left;
	}
	
/*Licences*/

#Licence li:first-child{
float:left;
height:52px;
width:52px;
margin:0 20px 0 10px;}

#Licence ul {
margin:10px 0 0 0;
}

#Licence li{
height:22px;
margin:5px 0 0 0;}

	#Licence li span{
	display:block;
	height:22px;
	line-height:22px;
	}

#Licence li img{
margin:0 10px 0 0;
float:left;}


#RestezConnectes a img
{float: left;
 margin: 0 5px 0 0;}
 
 /*partage*/
 
.addthis_{
margin:20px 0;}