/*
Theme Name: The Journalist_DR_2
Theme URI: http://lucianmarin.com/
Description: The Journalist is a smart, minimal theme designed for professional journalists.
Version: 1.3.2
Author: <a href="http://lucianmarin.com/">Lucian Marin</a>
Tags: white, two columns, fixed width, light, minimal
For the WordPress community (GPL), enjoy it guys.
by Lucian Marin - lucianmarin.com
*/





body {
background:#fff;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-family: Arial, Trebuchet MS, Verdana, sans-serif;
font-size:12px;
color:#222;
padding:0;
margin:0;
border-top:#333 2px solid;
}


img.photo { 
border:1px solid #000000;
margin-bottom: 15px;
}
img.photo_ss_cadre { 
margin-bottom: 15px;
}



#titres {
/*top:35px;*/
top:50px;
/*right:28%;*/
right:20%;
position:absolute;
padding:4px 12px 0 10px;
font-family: Arial, Trebuchet MS, Verdana, sans-serif;
text-transform:uppercase;
/*font-size:13px;*/
font-size:16px;
letter-spacing:2px;
word-spacing:8px;
color:#000;
/*font-weight:bold;*/
}

#titres a {
color:#000;
text-decoration: none;
}

#titres a:hover {
color:#000;
text-decoration: underline;
}




* {
padding:0;
margin:0;
}

#container {
width:1100px;
margin:0 auto;
}



#container h1 {
font-family: helvetica, Arial, Trebuchet MS, Verdana, sans-serif;
letter-spacing:5px;
word-spacing:0.2em;
/*font-size:2.3em;*/
font-size:2.5em;
font-weight:normal;
padding:20px 10px;
}

#container h1 a {
color:#222;
text-decoration:none;
}

#container h1 a:hover {
color:#222;
text-decoration:none;
border-bottom:#777 1px solid;
}

#content {
float:left;
width:720px;
padding:0 0 0 10px;
text-align: justify;
}

#content h2 {
letter-spacing:1px;
font-size:20px;
font-weight:normal;
margin:0 0 15px 0;
font-family: Georgia, serif;
}

#content h2 a {
color:#222;
text-decoration:none;
}

#content h2 a:hover {
color:#222;
text-decoration:none;
border-bottom:#777 1px solid;
}

#postnav {
margin:0 0 10px 0;
}

#postnav a {
color:#004276;
text-decoration:underline;
}

#postnav a:hover {
color:#2b9cce;
text-decoration:underline;
}

.main a,
.tags a {
color:#004276;
text-decoration:underline;
}

.main a:hover,
.tags a:hover {
color:#2b9cce;
text-decoration:underline;
}

.main a img {
padding:2px;
border:#fff 2px solid;
}

.main a:hover img {
padding:2px;
border:#2b9cce 2px solid;
}

.main p {
line-height:25px;
margin:0 0 10px 0;
}

.main ol {
margin:0 0 0 30px;
}

.main ul {
margin:0 0 0 30px;
}

.main li {
margin:0 0 10px 0;
}






.meta {
/*background-color:#333;*/
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
/*color:#eee;*/
color:#333;
padding:4px 6px;
margin:0 0 10px 0;
}

.meta a {
/*color:#eee;*/
color:#333;
font-weight:bold;
text-decoration:none;
}

.meta a:hover {
/*color:#fff;*/
color:#000;
text-decoration:none;
}







.tags {
margin:0 0 20px 0;
}

.comments {
font-size:12px;
margin:0 0 40px 0;
}

.comments a {
padding:3px 6px 2px 4px;
color:#222;
text-decoration:none;
border-top:#ccc 1px solid;
}

.comments a:hover {
padding:3px 6px 2px 4px;
color:#222;
text-decoration:none;
border-top:#777 1px solid;
}






#sidebar {
float:left;
width:180px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
border-right:#999 1px solid;
margin:0 120px 0 10px;
padding:0 15px 10px 0;
text-align:left;
/*background:#f4b12f*/;
}

#sidebar h3 {
font-size:13px;
margin:20px 0 5px 0;
}

#sidebar a {
color:#222;
text-decoration:none;
border-bottom:#ccc 1px solid;
}

#sidebar a:hover {
color:#222;
text-decoration:none;
border-bottom:#777 1px solid;
}

#sidebar ul {
list-style:none;
}

#sidebar ul ul {
margin:5px 0 0 10px;
}

#sidebar ul ul ul {
margin:5px 0 0 10px;
}

#sidebar ul li {
padding:0 0 5px 0;
}






#author h3 {
margin:5px 0 5px 0;
}


input.searchfield {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
background-color:#f6f6f6;
margin:5px 0 8px 0;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.searchfield:hover {
background-color:#fff;
color:#222;
}

input.submit {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
display:block;
background-color:#222;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#eee;
}

input.submit:hover {
cursor:pointer;
background-color:#333;
border:#999 1px solid;
color:#fff;
}

input.subcom {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#eee;
margin:0 0 10px 0;
padding:1px 4px 2px 4px;
border:#888 1px solid;
color:#222;
}

input.subcom:hover {
cursor:pointer;
background-color:#222;
border:#888 1px solid;
color:#eee;
}

input.comment {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#f6f6f6;
padding:2px 4px;
border:#aaa 1px solid;
color:#222;
}

input.comment:hover {
background-color:#fff;
color:#222;
}

textarea {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
width:500px;
padding:2px 4px;
background-color:#f6f6f6;
border:#aaa 1px solid;
color:#222;
}

textarea:hover {
background-color:#fff;
color:#222;
}

.postinput small {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 0 0 5px;
}

p.logged {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
}

p.logged a {
color:#222;
text-decoration:none;
border-bottom:#ccc 1px solid;
}

p.logged a:hover {
color:#222;
text-decoration:none;
border-bottom:#777 1px solid;
}

h3.reply {
font-size:15px;
margin:0 0 10px 0;
}

.nocomments {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0 0 30px 0;
}

ol.commentlist {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
padding:0 0 10px 0;
margin:0 0 30px 0;
border-bottom:#ccc 1px solid;
}

.commentlist li {
border-top:#ccc 1px solid;
margin:20px 0 0 0;
}

comments-list li .avatar {
float: right;
}

.commentlist li:hover {
border-top:#ccc 5px solid;
margin:16px 0 0 0;
}

.commentlist p {
line-height:20px;
margin:0 0 10px 0;
}

.comment_author {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
margin:20px 0 10px 0;
}

.comment_meta {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
}

#commentform p {
line-height:25px;
margin:0 0 10px 0;
}

.comment_author a, .commentlist a, .comment_meta a {
color:#222;
text-decoration:none;
border-bottom:#ccc 1px solid;
}

.comment_author a:hover, .commentlist a:hover, .comment_meta a:hover {
color:#222;
text-decoration:none;
border-bottom:#777 1px solid;
}

blockquote {
background:url(images/quote.gif) no-repeat top left;
font-style:italic;
padding:0 0 0 60px;
min-height: 50px;
}









#footer {
background-color:#333;
font-family:Arial, Helvetica, sans-serif;
word-spacing:3px;
font-size:12px;
color:#eee;
border-top:#999 1px solid;
margin:20px auto 0 auto;
padding:10px 0 10px 0;
text-align:center;
}

#footer a {
color:#eee;
font-weight:bold;
text-decoration:none;
}

#footer a:hover {
color:#fff;
text-decoration:none;
}

#skip {
display: none;
}

.clearleft {
clear:left;
}

.warning p {
/*background:url(images/warning.gif) no-repeat left;*/
/*height:160px;*/
padding:20px 0 0 90px;
font-size:20px;
margin:0 0 0 10px;
}

/* wpcom */
.commentlist li.bypostauthor {
background-color:#f6f6f6;
padding: 0 0.5em 0.5em 0.5em;
}






/*--------------------------------------------------------------------------------*/
/* bloc pour les GALERIES*/
/*--------------------------------------------------------------------------------*/

#galerie {
	float: left;
	/*overflow: auto;*/
	/*width: 1500px;*/
	/*height: 900px;*/
	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;	
	margin-left: 0px;

	/*background:#f4f4f4;*/
} 


/* bloc pour les texte de présentation des series */
#galerie_txt{
	float: left;
	width: 400px; 
	margin-right: 25px;
	margin-top: 50px;
	/*padding-top: 25px;*/
	/*padding-left: 25px;*/
	padding-right: 25px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #444444;
	/*background:#e0e0e0;*/

}
#galerie_txt p {
	/*margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 8px;
	margin-left: 0pt;*/
	/*width: 400px;*/
	text-align: justify;
	line-height: 16px;
}

#galerie_txt h2 {
	font-family: Georgia, serif;
	font-size: 25px;
	color: #666666;
	padding-bottom: 25px;
}


/* bloc pour les photos */
#galerie_img{
	float: left;
	margin-top: -80px;
	/*background:#f4b12f;*/
}

#galerie_img img{ margin: 0px 50px 20px 85px;}
#galerie_img span{ margin: 10px 20px 5px 100px;  font-size: 1.6em;  color:#202020;}

/* symbole de defilement de l'ecran en bas à droite */
#galerie_defil {   
	position:fixed;
	top:750px;
	right:50px;
	
	font-size: 6em;
	color:#CCCCCC;
}