/*  
Theme Name: Le peuple des connecteurs 8
Theme URI: http://wordpress.org/
Description: Le peuple des connecteurs
Version:3.0
Author: Thierry Crouzet
Author URI: http://blog.tcrouzet.com
*/

/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
ol,ul{list-style-type:none}
body{line-height:1em}

/* bodystyle  */
body{color:#000;margin:0;padding:0;background:#f1f1f1}

/* fonts */
body{font-family:Georgia,"Bitstream Charter",serif,Arial,'Trebuchet MS','Lucida Grande',Verdana,Sans-Serif}
h1,h2,h3,h4,div.t,.postdate,#footer,.menu,.postmetadata,small,#comment cite,.pagination{font-family:"Helvetica Neue",Arial, Helvetica,"Nimbus Sans L",sans-serif}
code{'Courier New', Courier, Fixed}

/* fonts size */
body{font-size:0.9em;line-height:1.3em}
small{font-size:0.8em}
#sidebar,.postmetadata{font-size:0.9em;line-height:1.4em}
#footer{font-size:0.8em;line-height:1.4em}
#footer h2{font-size:1.4em}
#header #topbox p{font-size:0.9em}
p{font-size:1em}
h2{font-size:1.5em;line-height:1em}
h3{font-size:1.1em}
.ftn{font-size:0.8em}
.postdate{font-size:0.8em}
#sidebar .box h2{font-size:0.9em}
.gray {font-size:0.8em;color:#ccc}
#une{font-size:0.9em}

/* layout */
#wrapper{margin: 0 auto;width:940px;background:#fff}
#header,#footer{padding: 0 2.5em;clear:both;overflow:hidden}
#menu,#plusmenu,div.box{border-top:1px solid #000;padding-top:1px;height:18px}
#menu,div.box{background:#000;margin-top:10px}
#plusmenu{margin-top:0}
#content{padding: 0 2.5em;overflow:hidden;}
#sidebar{float:right;width:280px;padding:20px 2.5em 1em 0;overflow:hidden;margin:0}

#content div.box ul{padding:0;margin:0}

a,a:visited{color:#a41c31;text-decoration:none}
a:hover{color:#7d9e22}
form{margin:0;padding:0}
p{word-wrap:break-word;text-align:left;margin-top:1em}
a img{border:none}
iframe{margin:0;padding:0}

h1,h2,h3,div.t{color:#5b6671}
h1, h1 a, h1 a:visited{text-decoration:none;color:#7d9e22}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited{color:#7d9e22;text-decoration:none}
h3,h4{margin-top:20px;margin-bottom:0}

b,strong{color:#5b6671}

.alignright{float:right;text-align:left}
.alignleft{float:left;text-align:left}
.center{text-align: center}
.alt{background-color:#eee;border-top:1px solid #ddd;border-bottom: 1px solid #ccc;margin:0;padding:10px}
a.glossaryLink,a.glossaryLink:visited{border-bottom: 1px dotted #7d9e22}

blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left: 5px solid #ddd}
blockquote cite{margin: 5px 0 0;display:block}

/* images */
p img {padding:0;max-width:100%}
img.centered {display: block;margin-left: auto;margin-right:auto;}
img.alignright {padding:4px;margin-left:0 0 0 7px;display:inline}
img.alignleft {padding-top:4px;margin:0 7px 0 0;display:inline}

/* Header */
#header h1{font-weight:bord;text-decoration:none;margin:2px 0 0 0;padding:0;line-height:18px;font-size:13px;margin-top:25px;margin-bottom:30px}
#header h1 img{margin-right:10px;width:257px;height:42px;float:left}
#header h1 a{color:#7d9e22}
#header #topbox{float:right;padding-top:12px}
#header #topbox p{text-align:right;margin:0;padding:0}

/* Search form */
#search{float:right;text-align:right;margin-top:-1px}
#search form{margin:0;padding:0}
#search select{margin-right:4px;padding:0;height:17px;border:0}
#search input{padding:0;height:19px;border:0}
#search #submit{padding:0;width:15px;height:14px;margin:0 7px 0 4px;border:none;background: transparent url(loupe.gif) no-repeat}
#search #s {width:125px;height:16px;border:none;margin:0px}

/* footer */
#footer{background:#FFF;margin-top:10px;color:#000}
#footer a{text-decoration:none;color:#000}
#footer p{margin:0;padding:10px 0 10px 0.8em}

/* Content */
#content h2{margin:20px 0 5px 0;padding-bottom:0px}
#content ol{list-style-type:decimal;margin:0;padding:0px 0px 0px 25px}
#content ul{list-style-type:circle;margin:0;padding:0px 0px 0px 17px}
#content p{text-align:justify}
#content #proche{margin:0 0 15px 0;width:49%;float:left}
#content #norilsk{margin:0 0 15px 0;width:49%;float:right}
#content #proche h3,#content #norilsk h3{margin-top:0}

#content #une{padding-bottom:10px;margin-top:15px}
#content #une h3{margin-top:0}
#content .books{clear:both;padding-top:10px}
#content .livre{width:33%;float:left;height:145px;margin-top:10px;overflow:hidden}
#content .livre p{text-align:left;margin-top:0}

/* sidebar */
#sidebar {text-align:left}
#sidebar .livre{height:145px;margin-top:10px;clear:both;overflow:hidden}
#sidebar .livre img,#content .livre img{width:88px;height:135px;border:1px solid #ccc;float:left;margin-right:10px}
#sidebar .livre p{text-align:left}

#sidebar p{margin-top:0;margin-bottom:6px;padding:0}
#sidebar p.tw_comment{color:#aaa}
#sidebar h2,#sidebar h2 a{margin:12px 0 0 0;color:#fff}
#sidebar ul{margin:0;padding:0}
#sidebar ul li{margin-bottom:2px}
#sidebar .contentessay{border:1px solid #a41c31;padding:2%;clear:both;overflow:hidden}
#sidebar .contentlitt{border:1px solid #7d9e22;padding:2%;clear:both;overflow:hidden}
#sidebar .essay{background:#a41c31}
#sidebar .litt{background:#7d9e22}

/* post */
.post{margin-bottom:20px;clear:both}
#navigation{margin-top:20px;padding:8px 5px 8px 5px;background:#f1f1f1;height:25px}
.postmetadata, .postdate, .commentmetadata, .login{letter-spacing:1px;font-weight:normal;color:#5b6671}
.postdate,.postdate a{text-transform:uppercase;margin-top:0px;text-decoration:none;color:#888}
p.postmetadata{margin-bottom:30px;padding:0;clear:both}
.post hr{width:10%;height:2px;color:#000;margin:10px auto 15px auto;padding:0;border:4px;background-color:#ccc}
.post ul{margin:0;padding:0px 0px 0px 25px}
.post ol{margin:0;padding:0px 0px 0px 25px}
.post li{margin:0;padding:10px 0 0 0}
.similar ul{margin:0;padding:0}
.similar li{margin:0 0 5px -38px;padding:0 0 2px 0px;list-style:none;border-bottom: 1px dotted #ccc}
.ftn {vertical-align:super}

/* comment */
#comment {clear:both}
#comment h3{padding:0;margin:20px 0 10px 0}
#comment input{width:100%;padding: 2px;margin: 5px 5px 1px 1px}
#comment textarea{width:100%;padding:2px}
#comment #submit{margin:0;width:200px}
#comment p{margin: 5px 0}
#comment ol{padding:0;margin:0;list-style-type:none}
#comment ol li{padding:15px 0px 10px;list-style:none;border-bottom: 1px dotted #ccc;}
#comment cite, #comment cite a{font-weight:bold;font-style:normal}
#comment .nocomments {text-align:center;margin: 0;padding: 0}
#comment .commentmetadata{margin:0;display:block}
#comment .alt{background-color:#eee;border-top:1px solid #ddd;border-bottom: 1px solid #ccc;margin:0;padding:10px}
#comment .altext{background-color:#eee;border-top:1px solid #ddd;border-bottom: 1px solid #ccc;padding:25px 10px 3px 5px;}
#comment .avatar{float:right}

/* MENU */
.menu {
border:0 none;
float:left;
margin-top:-1px;
padding:0;
}
.menu ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
cursor:pointer;
float:left;
height:18px;
list-style-type:none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0;
padding:0;
}

.menu li {
float:left;
font-size:13px;
height:19px;
padding:0;
color:#fff
}
.menu li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color:#FFF;
display:block;
line-height:18px;
margin:0;
padding:0 10px;
text-align:center;
}
.menu li a b{color:#fff}
.menu li a:hover {
background-color:#a41c31;
color:white;
text-decoration:none;
}
.menu li ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFF none repeat scroll 0 0;
border-color:#DDDDDD;
border-style:dotted solid solid dotted;
border-width:1px;
display:none;
height:auto;
margin:0;
padding:0 0 5px;
position:absolute;
width:170px;
z-index:200;
}

.menu li:hover ul{display:block}

.menu li li {
display:block;
float:none;
font-size:13px;
margin:0;
padding:0;
color:#000;
height:auto
}

.menu li:hover li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
}

.menu li ul a {
color:#a41c31;
display:block;
margin:0;
padding:0 5px 0 8px;
text-align:left;
text-decoration:none;
}
.menu li ul a:hover, .menu li ul li:hover a {
background-color:#a41c31;
border:0 none;
text-decoration:none;
}
.menu p {clear:left}

/* Sub-menu */
.menu li ul li ul{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFF none repeat scroll 0 0;
border-color:#FF00FF;
border-style:dotted solid solid dotted;
border-width:1px;
display:none;
height:auto;
margin:0;
padding:0 5px 0 15px;
position:absolute;
width:180px;
z-index:220;
}

.menu li li li:hover ul{display:block}

.menu li li li{
display:block;
float:none;
font-size:13px;
margin:0;
padding:0;
width:170px;
}

.menu li li li ul{
display:none;
}

.menu li ul li ul a {
color:#a41c31;
display:block;
height:22px;
margin:0;
padding:0 5px 0 8px;
text-align:left;
text-decoration:none;
}

/* Comment listing */
#menucom{float:left}
#menucom .menu li ul{width:40%}

/* Pagination */	
.pagination {
	margin: 0px 0 10px;
	float: left;
	background: #eee;
	width: 100%;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 12px 1% 10px;
	}	

.pagination a {

	padding: 3px 4px 2px 4px; 

	margin: 2px;

	text-decoration: none;

	border: 1px solid #ccc;

	color: #666;

	background-color: #FFFFFF;	

}



.pagination a:hover {	

	border: 1px solid #444;

	color: #444;

	background-color: #FFFFFF;

}



.pagination span.pages {

	padding: 3px 4px 2px 4px; 

	margin: 2px 2px 2px 2px;

	color: #666;

	border: 1px solid #ccc;

	background-color: #FFFFFF;

}

.pagination span.current {

	padding: 3px 4px 2px 4px; 

	margin: 2px;

	border: 1px solid #666;

	color: #444;

	background-color: #FFFFFF;

}

.pagination span.extend {

	padding: 3px 4px 2px 4px; 

	margin: 2px;	

	border: 1px solid #ccc;

	color: #444;

	background-color: #FFFFFF;

}
