/*
le thème Contre Feux du blog de la rédaction
name: Blog de la rédaction
designer: Hi-Pi
designer_url: http://www.hi-media.com 
layouts: 
*/
:link,:visited {text-decoration:none;}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
table,th,tr,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
table {border-spacing:0;}
fieldset,img,abbr,acronym {border:0;} 


body {
background:transparent url(../contrefeux/images/bg.jpg) repeat-x scroll center top;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
img, table {border:0;}
p.inner {padding:12px;}
div.inner {padding:12px;}
.orange { color:#f90; }
.gras { font-weight:bold; }
a {text-decoration:none;color:#fc3702;}
a:hover {text-decoration:underline;}
#container {
background:transparent url(/static/images/contrefeux/blog-shadow.png) center top repeat-y;
margin:0pt auto;
width:772px;
}
/* HACKS IE6 */
* html #site {border-left:solid 1px #666;border-right:solid 1px #666;} /* PNG sous IE6 remplac� apr bordures */
* html #container {background:transparent;}
/* IE6 */
#site {
background:#738F93 url(/static/images/contrefeux/blog-header.jpg) no-repeat scroll center top;
margin:0pt 11px;
position:relative;
width:750px;
}
.blogbanner {
	position:absolute;
	top:0;
	width:750px;
	text-align:center;
}
#mainblock {
background:url(/static/images/contrefeux/blog-bg.gif) repeat-y;
}
#header {
	height:189px;
	display:block;
}
#menu {
	float:right;
	width:180px;
}
#content {
	float:right;
	margin-right:2px;
	width:567px;
	background:#fff url(../contrefeux/images/corner.gif) no-repeat top right;
}
.page-titre {
	color:#738F93;
	font-size:12px;
	font-weight:bold;
	padding:12px 0pt 0pt 10px;
	text-transform:uppercase;
}
.btn-ok {
	background:transparent url(../contrefeux/images/bout_ok.gif) repeat scroll 0%;
	width:26px;
	border:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	height:20px;
	line-height:20px;
}



/* MENU */
#menu {
	background:#efefef;
}
#menu .titre {
	padding:3px;
	font-weight:bold;
	background:#e4e6b8;
	margin:10px 3px 0 3px;
}
#menu ul {
	padding:5px 10px;
	margin:0 3px 15px 3px;
	background:#fff;
}
div.menubox {
	padding:5px;
	margin:0 3px 15px 3px;
	background:#fff;
}
#menu li {
	list-style:none;
}
#menu li a {
	color:#000;
	display:block;
	padding:1px 0;
	margin-bottom:1px;
}
/* MENU tags */
#menu ul.tags {
	text-align:center;
}
#menu ul.tags li {
	display:inline;
}
#menu ul.tags li a {
	display:inline;
	margin:0 2px 3px;
}
#menu ul.tags li.rank-1 a { font-size:9px; color:#333; }
#menu ul.tags li.rank-2 a { font-size:10px; color:#333; }
#menu ul.tags li.rank-3 a { font-size:10px; color:#000; }
#menu ul.tags li.rank-4 a { font-size:11px; color:#000; }
#menu ul.tags li.rank-5 a { font-size:12px; color:#333; }
#menu ul.tags li.rank-6 a { font-size:12px; color:#000; }
#menu ul.tags li.rank-7 a { font-size:13px; color:#000; }
#menu ul.tags li.rank-8 a { font-size:13px; color:#f90; }
#menu ul.tags li.rank-9 a { font-size:14px; color:#f90; }
/* MENU recherche */
#search { width:160px; border:solid 1px #ccc; }
.btn-recherche {
	margin-top:5px;
}
/* MENU sur contrefeux */
.topnotes-titre {
	color:#FE9900;
	font-size:11px;
	margin:0 5px 5px 0;
/*	padding-left:24px;*/
	padding-top:10px;
	text-transform:uppercase;
	clear:left;
	background-repeat:no-repeat;
	min-height:14px;
}
.topnotes-article {
	color:#666666;
	font-size:11px;
	margin-left:80px;
/*	margin-bottom:10px;*/
/*	height:50px;*/
}
.topnotes-image {
	float:left;
	margin-right:5px;
/*	margin-left:24px;*/
	height:50px;
	width:75px;
	overflow:hidden;
}


/* LISTE D'ARTICLES */
.article {
	padding:20px 0 10px 12px;
	border-bottom:solid 1px #ccc;
	margin-right:20px;
}
.article a.titre {
	font-size:32px;
	color:#000;
	display:block;
}
.article p {
	font-size:14px;
	margin:10px 0 20px;
}
.article .infos {
	font-size:11px;
}
.article span.auteur {
	padding:2px 5px 2px 21px;
	background:url(/static/images/contrefeux/ico-profil.gif) no-repeat left;
}
.article span.reac , .article span.date , .article a.permalink {
	padding:0 10px;
}

/* ARTICLE */
.article li {
	margin-left:20px;
	font-size:14px;
}

/* FOOTER */
#footer a, #footer-himedia a {
	font-size:10px;
	margin-right:10px;
	text-decoration:underline;
}
#footer a:hover, #footer-himedia a:hover {
	text-decoration:none;
}
#footer {
	background:#738F93 none repeat scroll 0%;
	clear:both;
}
#footer a {
	color:#000000;
}
#footer-himedia {
	line-height:20px;
	font-size:10px;
	color:#bbb;
	background:#698589 none repeat scroll 0%;
	text-align:center;
	padding:5px;
}
#footer-himedia a {
	color:#FFFFFF;
}

/* COMMENTAIRES */
#article-barreactions {
	background:#f3f3f3;
	padding:18px 10px 12px 10px;
	margin-top:35px;
	border-top:solid 1px #ccc;
	font-size:24px;
}
#commentaires {
	border-top:solid 1px #ccc;
	background:#f3f3f3;
	padding:10px 0 20px 10px;
}
.article-comm {
	border:solid 1px #ccc;
	background:#fff;
	margin-bottom:10px;
}
.article-comm-infos {
	font-size:11px;
	color:#999;
	margin:8px;
}
.article-comm-titre {
	display:block;
	margin-bottom:4px;
	font-weight:bold;
}
.article-comm-menu {
	font-size:10px;
	color:#f90;
}
.article-comm-menu td {
	padding-top:5px;
}
.article-comm-menu a {color:#f90;text-decoration:underline;}
.article-comm-menu a:hover {text-decoration:none;}
.article-comm-bar {
	border-top:solid 1px #ccc;
	padding:8px;
	font-size:10px;
}
.article-comm-bar span , .article-comm-bar a {
	line-height:19px;
}
.article-comm-bar input {
	font-size:10px;
	padding:1px;
}
.article-comm-bar input.okbtn {
	margin-bottom:-5px;
}
.id-comm {position:relative;padding:25px;}
.id-comm label {
	clear:left;
	float:left;	
	text-align:right;
	display:block;
	width:80px;
	font-size:11px; 
	line-height:25px;
	margin-right:5px;
}
.id-comm input {float:left;}
.id-comm #nom {margin-bottom:10px;}
#premiere-visite-comm {
	position:absolute;
	top:50px;
	left:320px;
	line-height:18px;
	width:210px;
}
#premiere-visite-comm a {margin-top:2px;margin-right:0;}

.premiere-visite {
	background-color:#efefef;
	border:solid 1px #c4c4c4;
	padding:5px 8px;
	color:#000;
}
.premiere-visite a {margin:0;text-decoration:underline;}
.premiere-visite .pv-titre {
	display:block;
	margin-bottom:4px;
	font-size:13px;
	font-weight:bold;	
}

#comments-form {margin:10px;}
#comments-info {
	float:right;
	width:190px;
	margin:50px 5px 10px 5px;
	font-size:10px;
	color:#9c9c9c;
	line-height:9px;
}
#comments-info p + p {margin-top:10px;}
#comments-info input {margin-top:40px;}
#comments-login {
	margin-bottom:10px;
	font-weight:bold;
	font-size:13px;
}
#comments-login a {color:#000;font-size:10px;}
#comments-text label {
	display:block;
	font-size:11px;
}
#comments-text input + label {margin-top:5px;}
#comment-title, #comment-text {width:330px;}
#comment-text {margin-bottom:5px;}
label.label-checkbox {margin-top:5px;}
.comment-reply a {color:#000;font-weight:bold;}
.comment-reply a:hover {text-decoration:underline;}
a.reactions {
	background: transparent url('../contrefeux/images/bout_orange-droit.gif') no-repeat right;
	height: 15px;
	padding-right: 5px;
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
a.reactions:hover { text-decoration:none; }
a.reactions span {
	background: transparent url('../contrefeux/images/bout_orange-gauche.gif') no-repeat left;
	padding-left:8px;
	padding-right:1px;
	text-decoration:none;
}
.btn-reac {
	margin-left:5px;
}
.btn-publiez {
	height:20px;
	line-height:20px;
	color:#fff;
	border:none;
	font-weight:bold;
	font-size:11px;
	width:66px;
	background:url(../contrefeux/images/bout_publiez.gif);
}