/*  
Theme Name: Le peuple des connecteurs 8
Theme URI: http://wordpress.org/
Description: Le peuple des connecteurs
Version:2.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}


/* layout */
body{background-color:#ffffff;color:#000;margin:0;padding:0;line-height:1.6em}

/* fonts */
body{font-family:Georgia,"Bitstream Charter",serif,Arial,'Trebuchet MS','Lucida Grande',Verdana,Sans-Serif}
h1,h2,h3,h4,div.t,#header p,.postdate,#footer,.menu,#access .menu,.postmetadata{font-family:"Helvetica Neue",Arial, Helvetica,"Nimbus Sans L",sans-serif}

/* fonts size */
body{font-size:1em}
small{font-size: 0.9em;line-height:1.5em}
code{font: 1.1em 'Courier New', Courier, Fixed}
#sidebar,.postmetadata{font-size:0.9em;line-height:1.6em}
#footer{font-size:0.9em;line-height:1.5em}
#footer h2{font-size:1.4em}
p{font-size:0.9em}
h2{font-size:1.5em;line-height:1em}
h3{font-size:1.1em}
.ftn{font-size:0.8em}
.postdate{font-size:0.8em}

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{margin-top:20px}

b,strong{color:#5b6671}

.alignright{float:right;text-align:left}
.alignleft{float:left;text-align:left}
.center{text-align: center}

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:0 0 2px 7px;display:inline}
img.alignleft {padding:4px;margin:0 7px 2px 0;display:inline}

/* layout */
#page{margin:0 10% 0 10%;padding:0;clear:both}
#content{float:left;width:48%}
#sidebar{float:right;width:48%}
#footer{margin:0 10% 0 10%;clear:both}

/* Header */
#header{height:90px;background:#fff;padding:0 4% 0 4%;overflow:hidden}
#header h1{font-weight:bord;text-decoration:none;margin:2px 0 0 0;padding:0;line-height:40px;font-size:13px}
#header h1 a{font-size:34px;color:#a41c31}
#header p{padding:O;margin:0;color:#7d9e22;font-size:13px;line-height:15px}
#header p b{color:#a41c31}
#header #topbox{float:right;padding-top:15px;font-weight:bold}
#header #topbox p{text-align:right;line-height:1.5em}

/* Search form */
#search{margin:6px 2% 0 0;float:right;text-align:right}
#search form{margin:0}
#searchsubmit{padding:0;width:15px;height:14px;margin:0 7px 0 4px;border:none;background: transparent url(loupe.gif)}
#s {width:125px;height:15px;border:none}

/* footer */
#footer{background: #7d9e22 url(roundtl.png) no-repeat top left;margin-top:10px}
#footerinside{background: url(roundtr.png) no-repeat top right;margin0px;padding:7px 0 7px 0;color:#fff}
#footer table,#footer td,#footer tr{vertical-align: top}
#footer td{padding:0 7px 0 7px}
#footer td.line{width:1px;border-left:1px dotted #fff;margin-left:10px}
#footer a{text-decoration:none;color:#fff}
#footer h2{color:#fff;margin:0 0 2px 0}
#footer ul{margin:0;padding:0}
#footer ul li{list-style-type:none;list-style-image:none;margin-bottom:2px}
#footer li a{text-decoration:underline}

/* Content */
#content{margin-top:10px}
#content h2{margin:20px 0 5px 0;padding-bottom:0px}
#content ol{list-style-type:circle}
#content ul{list-style-type:decimal}

/* sidebar */
#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 .post img flickr{width:187px;height:141px;margin:5px 0 0 0}
#sidebar .box{background: #7d9e22 url(roundtl.png) no-repeat top left;margin:0;padding:0;height:28px}
#sidebar .boxinside{background: url(roundtr.png) no-repeat top right;margin:0;padding:0}
#sidebar .box h2{color:#fff;padding:4px 0 0 2%;border:none}
#sidebar .content{border:1px solid #7d9e22;padding:2%}


/* post */
.post{margin-bottom:20px}
.navigation{margin-top:20px;padding-bottom:20px}
.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 */
h3.comments{padding:0;margin:0px auto 20px;}
#commentform input{width:100%;padding: 2px;margin: 5px 5px 1px 0}
#commentform textarea{width:100%;padding:2px}
#commentform #submit{margin:0;width:200px}
#commentform p{margin: 5px 0}
.commentlist{padding:0;margin:0}
.commentlist li{margin:0px 0 0 0;padding:15px 0px 10px;list-style:none;font-weight:bold;border-bottom: 1px dotted #ccc;}
.commentlist p{margin:10px 0 10px 0;font-weight: normal;line-height:1.6em;text-transform:none}
.commentlist cite, .commentlist cite a{font-weight:bold;font-style:normal}
.nocomments {text-align:center;margin: 0;padding: 0}
.commentmetadata{margin:0;display:block}
.commentlist li, #commentform input, #commentform textarea {font:1.05em}
.alt{background-color:#eee;border-top:1px solid #ddd;border-bottom: 1px solid #ccc;margin:0;padding:10px}
.altext{background-color:#eee;border-top:1px solid #ddd;border-bottom: 1px solid #ccc;padding:25px 10px 3px 5px;}
.avatar{float:right}

/* MENU */
.menu {
border:0 none;
float:left;
height:18px;
margin:6px 0px 0;
padding:0;
width:500px;
}
.menu ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
cursor:pointer;
float:left;
height:18px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 -8px;
padding:0;
}
.menu li {
float:left;
font-size:13px;
height:18px;
padding:0;
}
.menu li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#a41c31;
display:block;
line-height:21px;
margin:0;
padding:0 10px;
text-align:center;
}
.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:#FFFFFF 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;
width:170px;
}
.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;
height:22px;
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;
}
.menu hr{margin:5px 8px 0 8px}