/* __________________________________________________
Theme Name: iClic.fr version 1.0
Theme URI: http://www.iclic.fr/about.html
Description: Design du blog iClic.fr.
Version: 1.0
Author: COSMA Corp.
Author URI: http://www.iclic.fr/
*/


/* ------------------------------------------------- */
/* Structure page */
/* ------------------------------------------------- */

body {
	background: #FFFFFF url('images/header_gradient.png') repeat-x;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content {
	margin: auto;
	width: 788px;
}
.footer {
	font-size: 11px;
	color: #999999;
	width: 750px;
	padding-bottom: 15px;
}

/* ------------------------------------------------- */
/* Header */
/* ------------------------------------------------- */

.header {
	height: 105px;
	width: 790px;
	background: url('images/header.jpg') no-repeat;
}
.header-left {
	background: url('images/header_left.png') repeat-x;
}
.header-right {
	background: url('images/header_right.png') repeat-x;
}
.logo-right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding-top: 5px;
	padding-right: 1px;
}
.logo-right a{
	color: white;
	text-decoration:none;
}
/* BANNIERE RSS ne pas prendre en compte les noms, c'est l'inverse */
.show {
display:block;
}
.hide {
display:none;
}
#rssad {
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 791px;
	background: url('images/rssad.png') no-repeat;
	height: 62px;
	font-size: 14px;
	color: #530068;
}
#ie6 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 771px;
	background: #FEFFCB;
	height: 62px;
	padding: 10px;
	font-size: 16px;
	color: black;
	border: 1px solid black;
}
#rssad a{
	font-size: 14px;
	color: #530068;
	text-decoration: none;
}
#rssclose a{
	color: #999;
	text-decoration: none;
	font-size: 12px;
}
/* ------------------------------------------------- */
/* Searchbox */
/* ------------------------------------------------- */
.searchbox {
	height: 29px;
	width: 194px;
	margin-top: 25px;
	background: url('images/searchbox.png') no-repeat;
}
.searchbox2 {
	height: 29px;
	width: 205px;
	margin-top: 25px;
	background: url('images/searchbox2.png') no-repeat;
}
.searchbox2 input{
	border: none;
	background: none;
	padding-left:7px;
}
.searchbox input{
	border: none;
	background: none;
	padding-left:7px;
}
.submit {
	height: 28px;
	width: 35px;
}
.searchbox1 {
	width: 140px;
}
.searchbox12 {
	width: 180px;
}
/* ------------------------------------------------- */
/* Menu + Tabs */
/* ------------------------------------------------- */

#menu table a{
	color: #FFFFFF;
	font-size: 14px;
	text-decoration:none;
}
#menu li {
	list-style:none;
	height: 20px;
	width: 158px;
	margin: 0px;
	padding-top: 9px;
	list-style-type:none;
	z-index:1;
	text-align: center;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	background: url('images/menuN.png') repeat-y;
}
#menu ul:hover {
	margin: 0px;
	padding: 0px;
	background: url('images/menuO.png') repeat-y;
}
.select {
	background: url('images/menuM.png');
}
.contentmenu {
	margin: auto;
	width: 767px;
	min-height: 92px;
	_height: 92px;
	padding-left:10px;
	padding-right: 10px;
	background: url('images/tabs/menubg.jpg') repeat-x bottom #540169;
}
.contentmenu li{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
.menushadow {
	margin: auto;
	width: 791px;
	background: url('images/tabs/menushadow.png') repeat-y;
}
.menubottom {
	margin: auto;
	width: 791px;
	height: 10px;
	background: url('images/tabs/menubottom.png') no-repeat;
}
.contentmenu ul {
	margin: 0px;
	padding: 0px;
}
.contentmenu a {
	color:white;
	text-decoration:none;
}
.tabcontent {
	width: 780px;
	padding-top: 7px;
	color: white;
}

/* ------------------------------------------------- */
/* Contenu des onglets */
/* ------------------------------------------------- */
.stickypost {
	width: 750px;
	padding-top: 6px;
	padding-left: 4px;
}
.stickylink a{
	padding-left: 4px; padding-top: 2px; color: #FFFFFF; font-size: 16px; text-decoration:none; font-weight:bold;
}
#blogroll a{
	color: #FFFFFF; font-size: 15px; text-decoration:none; font-weight:bold;
}
.blogrollitem {
	padding-left: 9px;
	line-height: 140%;
}
.blogrolllink {
	padding-left: 9px;
}
#tcontent5 li{
	list-style: inside;
	list-style-type: square;
}
#tcontent2{
	padding-left: 1px;
}
#tcontent2 li a{
	font-size: 13px;
	font-weight: bold;
}
#tcontent2 li{
	padding-top: 3px;
	padding-bottom: 8px;
	list-style: inside;
	list-style-type: square;
}
/* ------------------------------------------------- */
/* Zone des posts */
/* ------------------------------------------------- */

#posts_top {
	margin: auto;
	width: 791px;
	background: url('images/posts_top.png') no-repeat;
	height: 11px;
	margin-top: 7px;
}
#posts {
	margin: auto;
	width: 769px;
	background: url('images/posts_bg.png') repeat-y;
	padding-top: 9px;
	padding-left: 22px;
	padding-bottom: 0px;
}
#posts_bottom {
	margin: auto;
	width: 791px;
	background: url('images/posts_bottom.png') no-repeat;
	height: 11px;
}
h2 {
	padding: 0px 0px 2px 0px;
	margin: 2px 0px 15px 0px;;
	font-weight: bold;
	color: #751366;
	width: 750px;
	font-size: 18px;

}
.pageslinks a{
	text-decoration: none;
	color: #A01B8B;
	font-weight: bold;
}
.pageslinks a:hover{
	text-decoration: none;
	color: #751366;
	font-weight: bold;
}
/* ------------------------------------------------- */
/* Titre des posts */
/* ------------------------------------------------- */

.h2 {
	padding-top:0px;
	margin-bottom:8px;
}
.h2 a {
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	color: #A01B8B;
	font-weight:normal;
	text-decoration: none;
}
.h2 a:hover {
	color: #5B0F50;
}

/* ------------------------------------------------- */
/* Style des posts */
/* ------------------------------------------------- */

.post {
	font-size: 12,5px;
	line-height: 140%;
	color: #333333;
	width:545px;
	margin-top:3px;
	min-height: 170px;
	_height: 170px;
}
.post a {
	font-size: 12,5px;
	color: #651A77;
}
.post a:hover {
	font-size: 12,5px;
	color: #530068;
}

/* ------------------------------------------------- */
/* Postbox */
/* ------------------------------------------------- */

.postbox {
	float:right;
	position: absolute;
	margin-left: 560px;
	width: 176px;
	color: #333333;

}
.postbox a {
	color: #363D43;
	text-decoration: none;
}
.postbox a:hover {
	color: black;
	text-decoration: none;
}
.postbox1 {
	height: 19px;
	background: url(images/postbox/postbox1.png);
}
.postbox2 {
	padding-left: 41px;
	height: 50px;
	background: url(images/postbox/postbox2.png);
}
.postbox3 {
	padding-left: 41px;
	height: 35px;	
	background: url(images/postbox/postbox3.png);
}
.postbox4 {
	padding-left: 41px;
	height: 29px;
	background: url(images/postbox/postbox4.png);
}
.postbox5 {
	padding-left: 43px;
	height: 21px;
	background: url(images/postbox/postbox5.png);
	padding-top: 6px;
}
.postbox6 {
	height: 50px;
	background: url(images/postbox/postbox6.png);
}
.comments a {
	color: #9346A6;
	font-weight: bold;
}
.sharetooltip {
	position:absolute;
	background: url('images/sharetooltip.png');
	width: 112px; 
	height: 119px;
	padding-top: 14px;
	padding-left: 9px;
	padding-right: 10px;
	visibility: hidden; 

}
.sharetooltip a{
	text-decoration:none;
	color:black;
}
/* ------------------------------------------------- */
/* Commentaires d'un post */
/* ------------------------------------------------- */
h3  {
	font-size: 14px;
}
.commentmetadata {
	font-size: 11px;
	color: #999999;
}
.comment-bottom a {
	font-size: 12px;
	color: #732088;
}
.comment {
	background: #EDE4EF url('images/comment-top.gif') no-repeat top;
	width: 538px;
	padding-left: 10px;
	padding-right: 10px;
	margin:0px;
}
.commentlist a{
	color: #333333;
	text-decoration: none;
}
.comment-text p {
	margin: 0;
	padding-top: 10px;
}
.comment-top {
	width: 558px;
	height: 9px;
	margin:0px;
}
.comment-bottom {
	background: url('images/comment-bottom.gif') bottom #EDE4EF;
	width: 503px;
	height: 20px;
	margin:0px;
	padding-left: 55px;
	padding-top: 12px;
	color: #333333;
	margin-bottom: 20px;
}

/* ------------------------------------------------- */
/* Formulaires */
/* ------------------------------------------------- */

textarea {
	border: 1px solid #C2ADD6;
	background: #EDE4EF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 10px;
	height: 120px;
	width: 540px;
}
input {
	border: 1px solid #C2ADD6;
	background: #EDE4EF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 5px;
}