/*
Theme Name: La Cremerie
Theme URI: http://www.la-cremerie.com/
Description: Theme La Cremerie based on Chronicle Theme by Arun Kurian
Author: Milky
Author URI: http://Milky-interactive.com
Tags:  
*/

	
/* Theme Colors

Cool Grey (Blue) Color: #41BDD7;
Cool Grey (Grey) Color: #404040;

*/

	
/* Table of Contents 

1. Reset
2. Header
	- Top Bar
	- Logo
	- Search
3. Navigation
	- Main Nav
	- Secondary Nav
4. Content (Dimensions)
5. Main Content
	- Post Left
		- Comments
	- Post Right
		- Post Meta
6. Page Navigation
7. Side Content
	- Side Standards
	- Adverts
	- Popular/Recent Posts
	- Flickr
8. Footer 
-------------------------------------
9. Single Page
	- Full Content
	- Social Bar
	- Comments
	- Comment Form 
-------------------------------------
10. Archive Page
	- Archive Standards
	- Author
-------------------------------------
11. 404 Page

*/

	
/*-----------1. RESET-----------*/
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td,:focus {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

body {
	font-family:Arial, sans-serif;

	
/*color: #6F6F6F;*/
	color:#8f8f8f;
}

p {
	font-size:.8em;
}

h2 {
	font-size:1.6em;

	
/*color: #353535;*/
	color:#538aa6;
	font-size:29px;
	font-weight:bolder;
	letter-spacing:-1px;
	line-height:29px;
}

h3 {
	color:#538aa6;
	font-size:.9em;
	line-height:1.5em;
}

a {
	color:#538AA6;
	text-decoration:none;
}

a:hover {
	color:0;
	text-decoration:underline;
}


	
/*-----------2. HEADER-----------*/
body {

	
/*background: url("images/background.png") repeat-x;*/

	
/*background: url("images/fond.jpg") no-repeat 0px 0px;*/
}

#mainwrap {
	background:url(images/fond.jpg) no-repeat top center;
	margin:0 auto;
	min-height:782px;
	height:auto!important;
	height:100%;
}

.clearfix {
	clear:both;
}

#header {

	
/*background: url("images/header.png") no-repeat center 67px;*/
	width:773px;
	margin:0 auto;
	padding:63px 0 0;
	height:179px;
}

#header a {
	background:url(images/header.png) no-repeat 0 -139px;
	display:block;
	margin:0 auto;
	height:137px;
	width:535px;
}

#header a:hover {
	background-position:0 0;
}

.bloginfo {
	text-indent:-9999px;
}


	
/*TOP BAR*/
#topbar {
	width:960px;
	float:left;
	height:25px;
}

#subscribe {
	display:none;
}

.subscribe-to-comments label {
	padding-left:10px;
	line-height:20px;
}

.iphone-style {
	display:block;
	width:61px;
	height:20px;
	background:url(images/checkbox.png) no-repeat;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	overflow:hidden;
	cursor:pointer;
	float:left;
}

.on {
	background-position:0 100%;
}

.off {
	background-position:100% 0;
}


	
/*LOGO*/
#logospace {
	float:left;
	width:660px;
	height:154px;
}


	
/*
If your logo is larger than the default, 
adjust the width of the following attribute (#logo)
*/
#logo {
	float:left;
	width:175px;
	margin-top:40px;
	cursor:pointer;
}


	
/*SEARCH*/
#searchspace {
	float:right;
	width:300px;
	height:99px;
	padding-top:55px;
}

#search {
	float:right;
	height:24px;
}

#searchbar {
	float:left;

	
/*background-color: #353535;*/
	background-color:transparent;

	
/*border: #4F4F4F 1px solid;*/
	color:#8f8f8f;

	
/*font-size: .75em;*/
	width:190px;
	height:16px;
	padding:6px 5px 3px;
}

.searchsubmit {
	float:right;
	background:url(images/searchbtn.png) no-repeat;
	width:26px;
	height:24px;
	margin-right:10px;
	text-indent:-9999px;
	cursor:pointer;
	font-size:0;
	line-height:0;
	display:block;
}


	
/*-----------3. NAVIGATION-----------*/
#navspace {
	margin:1px auto 0;
	width:960px;
	height:43px;
}

	
/*MAIN NAV*/
#mainnav {
	float:left;
	height:41px;
}

#mainnav ul.menu > li.menu-item:first-child a{
	background: url(images/home.png) no-repeat 0 10px; padding: 0 0 0 17px
}
#mainnav ul.menu > li.menu-item:first-child .sous-menu a{
	background: url(images/home-hover.png) no-repeat 17px 10px;

}

#mainnav ul.menu > li.menu-item {
	float:left;
	list-style-type:none;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#8F8F8F;
	margin-left:-1px;
	line-height:35px;
	background-color:#f3f3f3;
	border:1px solid #d9d9d9;
	padding:3px 19px 0;
	height:38px;
}

#mainnav ul li.menu-item:last-child {
}

#mainnav ul li.menu-item:hover {
	cursor:pointer;
}

#mainnav ul li.menu-item#firstnav {
}

#mainnav ul li.menu-item a {
	display:block;
	font-size:.9em;
	text-decoration:none;
	color:#8F8F8F;
	padding: 0 13px;
	
}

#mainnav ul li.menu-item:hover,#mainnav ul li.menu-item a:hover,#mainnav ul li.current-cat {

}

#mainnav ul li.current-cat {
	font-weight:bold;
}
	
/* SOUS-MENU */
.sous-menu {
	position:absolute;
	background-color:#787878;
	z-index:100;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;
	color:#ffffff;
	margin-top:-36px;

	
/*padding: 10px 8px 16px 8px;*/
	background:#4f4e4e url(images/repeat-menu.png) repeat-x 0 0;
	font-size:13px;

	
/*opacity: 0;*/
	display:none;
	filter:alpha(opacity=0);
	min-height:37px;
}


	
/*#menu-developpement {width: 151px;}*/
#mainnav ul li.menu-item ul {
	list-style-type:none;
	background:url(images/repeat-titre-menu.png) repeat-x 0 3px;
	padding:6px 0;
}

#mainnav ul li.menu-item ul li {
	list-style-type:none;
	background:url(images/puce-fleche-menu.png) no-repeat scroll 0 11px transparent;
	margin:0 0 0 10px;
	color:#ffffff;
	text-align:left;
	line-height:26px;
}

.sous-menu ul li:last-child {
	margin-bottom:0;
}

#mainnav ul li.menu-item ul li a {
	text-decoration:none;
	color:#ffffff;
	margin-left:18px;
	display:normal;
	padding:0;
}

.sous-menu .titre-sous-menu a {
	color:#ffffff!important;
	font-weight:bolder;
	font-size:13px!important;

	
/*line-height: 13px;*/
	text-align:center;
	display:normal;
	padding-top:1px;
}

#mainnav ul li.menu-item ul li:hover,#mainnav ul li.menu-item ul li a:hover {
}


	
/*
  This makes sure that the first button
  displays its left border and that others
  do not
*/

	
/*-----------4. CONTENT (DIMENSIONS)-----------*/
#content {
	width:960px;
	margin:20px auto;
}


	
/*-----------5. MAIN CONTENT-----------*/
#maincontent {
	float:left;
	width:642px;
}

.posts {
	float:left;
	width:600px;

	
/*padding: 0px 10px 0px 10px;*/
	padding:0 20px 20px;
	border:#DFDFDF 1px solid;

	
/*background: #F8F8F8 url("images/boxbg.png") repeat-x;*/
	background-color:#f8f8f8;
	margin-bottom:20px;
}

.post {
	float:left;

	
/*margin-top: 10px;*/
	margin-top:35px;

	width:600px;
	
/*padding-bottom: 20px;*/

	
/*border-bottom: #DFDFDF 1px solid;*/
}

.post:first-child {
	margin-top:20px;
}

.post:last-child {
	border:0;
}

.postpage {
	border:0;
}

.zonecliquable {
}
	
/*POST LEFT*/

	
/*
  This is concerned with everything on the 
  left side of the post display: image, comments.
*/
.post_left {
	float:left;
	width:202px;
	margin-right:20px;
	position:relative;
}

img.attachment-post-thumbnail {

}

	
/*comments*/
.commentsmain {
	margin:5px 0 20px;
	width:200px;
	font-size:.7em;
	float: left;
}

.commentsmain .speechbubble {
	font-size:1.3em;
	float:left;
	background:url(images/speechbubble.png) no-repeat;
	width:25px;
	height:22px;
	text-align:center;
	padding-top:3px;
	font-weight:bold;
	color:#4F4F4F;
}

.commentsmain .speechbubble a {
	text-decoration:none;
	color:#4F4F4F;
}

.commentsmain .commentstext a {
	font-size:1.2em;
	text-decoration:none;
	width:124px;
	float:left;
	padding:3px 0 3px 5px;

	
/*background-color: #EBEAEA;*/

	
/*border-top: #D7D7D7 1px solid;*/

	
/*border-bottom: #D7D7D7 1px solid;*/
	margin-top:2px;
	color:#8F8F8F;
}

.commentsmain .commentstext a:hover {
	text-decoration:underline;
}

.commentsmain .commentsadd a {
	font-size:1.2em;
	display:block;
	width:21px;
	height:21px;
	background:url(images/croix.png) no-repeat top;
	float:right;
	margin-top:2px;

	
/*text-align: center;
	text-decoration: none;
	color: #8F8F8F;
	text-indent: -999px;*/
}

.commentsmain .commentsadd a:hover,.commentsmain .commentsadd a.hover {
	background-position:bottom;
}

.commentaire {
	position:absolute;
	z-index:100;
	margin-top:21px;
	margin-left:-65px;

	
/*opacity: 0;*/
	filter:alpha(opacity=0);
	cursor:pointer;
	background:url(images/commentaire.png) no-repeat;
	width:155px;
	height:27px;
}

.commenthover {
	position:absolute;
	margin-left:25px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
}


	
/*.commentsadd a:hover, .commentsadd a.hover {
	background-position: 0 -21px;
} */
.edit a,p.edit a.comment-edit-link {
	float:left;
	text-decoration:none;
	color:white;
	font-size:.7em;
	padding:3px 6px;
	background-color:#2F2F2F;
}


	
/*POST RIGHT*/

	
/*
  This is concerned with everything on the 
  right side of the post: Title, Metadata, etc.
*/
.post_right {
	float:right;
	width:365px;
}

h2 a {
	color:#538aa6;
	text-decoration:none;
	font-weight:bolder;
}

h2 a:hover {
	color:#7acee6;
	text-decoration:none;
}

/*post meta*/
.post_meta {
	float:left;
	width:365px;
	color:#7acee6;
	margin:10px 0;
}

.post_meta span {
	float:left;
	padding:0 10px;
	font-size:.7em;
	border-right:1px solid #c7c7c7;
}

.post_meta span.first {
	padding-left:0;
}

.post_meta span.last {
	border-right:0;
}

.post_meta a {
	color:#7acee6;
	text-decoration:none;
}

.post_meta a:hover {
	text-decoration:underline;
}

.post_right p {
	float:left;
	line-height:1.6em;
}


	
/*-----------6. PAGE NAVIGATION-----------*/
.pagenavi {
	float:left;
}


	
/*-----------7. SIDE CONTENT-----------*/

	
/*SIDE STANDARDS*/

	
/*
  Sidebox, sidetitle, etc. are fot the functions built into
  the theme (Flickr, Adverts, etc.) but the widbox, widtitle
  settings are for the widgets that you can add from the
  WP admin panel.
*/
#sidecontent {
	float:right;
	width:302px;
}

.sidebox,.widbox {
	width:283px;
	float:left;
	border:#d9d9d9 1px solid;
	background:#F8F8F8 url(images/boxbg.png) repeat-x;
	text-align:center;

	
/*padding: 10px 10px 10px 10px;*/
	padding:15px 0 15px 15px;
	margin-bottom:18px;
}

#mea-boiteameuuuh {
	float: left;
	margin-bottom: 20px;
}
#mea-boiteameuuuh a {
	background: url('images/mea_boiteameuuuh.png') top left transparent;
	width: 300px;
	height: 190px;
	text-indent: -999999px;
	overflow: hidden;
	display: block;
}
#mea-boiteameuuuh a:hover {
	background: url('images/mea_boiteameuuuh.png') bottom left transparent;
}

#tag_cloud-3 a,#article-tags a {
	float:left;
	background-color:#d9d9d9;
	color:#ffffff;
	font-size:14px!important;
	font-weight:bolder;
	padding:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-right:10px;
	margin-bottom:10px;

	
/*line-height: 40px;*/
}

#tag_cloud-3 a:hover {

	
/*background-color: #538aa6;*/
	text-decoration:none;
}

#maincontent ul.wp-tag-cloud {
	list-style:none;
}

#maincontent ul.wp-tag-cloud li {
	display:inline-block;
}

#sidecontent p {
	font-size:1em;
	text-align:left;
}


	
/* Ajout css pour la box de recherche dans la sidebar */
.searchbox {
	width:280px;
	float:left;
	background:url(images/recherche.png) repeat-x;
	text-align:center;
	padding:10px;
	margin-bottom:18px;
	height:26px;
}

.widbox {
	font-size:.8em;

	
/*text-align: left;*/
	text-align:center;

	
/*padding: 10px 30px 10px 30px;*/

	
/*width: 240px;*/
}

.sidebox span {
	text-align:center;
}

.sidebox a,.widbox a {
	font-size:.7em;
	color:#6F6F6F;
	line-height:1.6em;
	text-decoration:none;
}

.widebox a {
	font-size:1em;
}

.sidebox a:hover,.widbox a:hover {
	text-decoration:underline;
}


	
/* ajout de .widtitle */
.sidetitle,.widtitle {
	width:254px;
	height:18px;
	margin:0 0 24px;
}

.sidetitle span,.widtitle span {
	width:254px;
	text-align:left;
	float:left;

	
/*font-size: .8em;*/
	font-size:24px;

	
/*font-weight: bold;*/
	color:#538aa6;
}


	
/*.widtitle span {
	font-size: 1em;
} */

	
/* ABONNEMENT */
#abonnement ul {
	list-style:none;
	margin-bottom:12px;
}

#abonnement ul li {
	float:left;

	
/*margin-right: 15px;*/
	margin-bottom:12px;
}

#description {
	font-size:18px;
	margin-left:-10px;
	padding-top:15px;
	height:30px;

	
/*border: 1px solid red;*/
}

#description .nombre {
	color:#ff8900;
	font-weight:bolder;
}

#abonnement ul li:last-child {
	margin-right:0;
}

#abonnement ul li a {
	display:block;
	width:32px;
	height:32px;
	padding:0 7px;
}

#abonnement ul li a.icone-rss {
	background:url(images/milky-rss.png) no-repeat 0 -32px;
}

#abonnement ul li a.icone-rss:hover,#abonnement ul li a.icone-rss.hover {
	background:url(images/milky-rss.png) no-repeat;
}

#abonnement ul li a.icone-twitter {
	background:url(images/milky-twitter.png) no-repeat 0 -32px;
}

#abonnement ul li a.icone-twitter:hover,#abonnement ul li a.icone-twitter.hover {
	background:url(images/milky-twitter.png) no-repeat;
}

#abonnement ul li a.icone-facebook {
	background:url(images/milky-facebook.png) no-repeat 0 -32px;
}

#abonnement ul li a.icone-facebook:hover,#abonnement ul li a.icone-facebook.hover {
	background:url(images/milky-facebook.png) no-repeat;
}

#abonnement ul li a.icone-tumblr {
	background:url(images/milky-tumblr.png) no-repeat 0 -32px;
}

#abonnement ul li a.icone-tumblr:hover,#abonnement ul li a.icone-tumblr.hover {
	background:url(images/milky-tumblr.png) no-repeat;
}

#abonnement ul li a.icone-flickr {
	background:url(images/milky-flickr.png) no-repeat 0 -32px;
}

#abonnement ul li a.icone-flickr:hover,#abonnement ul li a.icone-flickr.hover {
	background:url(images/milky-flickr.png) no-repeat;
}

#abonnement ul li a.icone-contact {
	background:url(images/milky-contact.png) no-repeat 0 -32px;
}

#abonnement ul li a.icone-contact:hover,#abonnement ul li a.icone-contact.hover {
	background:url(images/milky-contact.png) no-repeat;
}

#abonnement-footer ul {
	list-style:none;
}

#abonnement-footer ul li {

	
/*float: left;*/

	
/*margin-right: 15px;*/
	width:80px;
	padding:0 0 5px;
}

#abonnement-footer ul li.blocgauche {
	width:135px;
}

#abonnement-footer ul li a {
	display:block;
	width:16px;
	height:16px;
	padding-left:25px;
}

#abonnement-footer ul li a:hover {
	color:#538AA6;
}

#abonnement-footer ul li a.icone-rss-footer {
	background:url(images/milky-rss-mini.png) no-repeat 0 -16px;
}

#abonnement-footer ul li a.icone-rss-footer:hover,#abonnement-footer ul li a.icone-rss-footer.hover {
	background:url(images/milky-rss-mini.png) no-repeat 0 0;
}

#abonnement-footer ul li a.icone-twitter-footer {
	background:url(images/milky-twitter-mini.png) no-repeat 0 -16px;
}

#abonnement-footer ul li a.icone-twitter-footer:hover,#abonnement-footer ul li a.icone-twitter-footer.hover {
	background:url(images/milky-twitter-mini.png) no-repeat 0 0;
}

#abonnement-footer ul li a.icone-facebook-footer {
	background:url(images/milky-facebook-mini.png) no-repeat 0 -16px;
}

#abonnement-footer ul li a.icone-facebook-footer:hover,#abonnement-footer ul li a.icone-facebook-footer.hover {
	background:url(images/milky-facebook-mini.png) no-repeat 0 0;
}

#abonnement-footer ul li a.icone-flickr-footer {
	background:url(images/milky-flickr-mini.png) no-repeat 0 -16px;
}

#abonnement-footer ul li a.icone-flickr-footer:hover,#abonnement-footer ul li a.icone-flickr-footer.hover {
	background:url(images/milky-flickr-mini.png) no-repeat 0 0;
}

#abonnement-footer ul li a.icone-tumblr-footer {
	background:url(images/milky-tumblr-mini.png) no-repeat 0 -16px;
}

#abonnement-footer ul li a.icone-tumblr-footer:hover,#abonnement-footer ul li a.icone-tumblr-footer.hover {
	background:url(images/milky-tumblr-mini.png) no-repeat 0 0;
}

#abonnement-footer ul li a.icone-contact-footer {
	background:url(images/milky-contact-mini.png) no-repeat 0 -16px;
}

#abonnement-footer ul li a.icone-contact-footer:hover,#abonnement-footer ul li a.icone-contact-footer.hover {
	background:url(images/milky-contact-mini.png) no-repeat 0 0;
}


	
/*ADVERTS*/
#adverts {
	margin:0 auto;
}

#adverts img {
	float:left;
	margin:7px;
}


	
/*POPULAR / RECENT POSTS */
.tabs {
	float:left;

	
/*width: 302px;*/
	width:300px;
	margin-left:1px;
}

.tabs li {
	float:left;
	list-style:none;
	margin-left:-1px;
}

.tabs li a {
	float:left;
	font-size:.75em;
	font-weight:bold;
	color:#8F8F8F;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	display:block;
	border:#DFDFDF 1px solid;
	background:#F8F8F8 url(images/sidebtn-unsel.png) repeat-x top left;
	width:148px;
}

.tabs li a:hover {
	color:#353535;
}

.tabs li a.active {

	
/*width: 150px;*/
	width:149px;
	background-image:none;
	color:#353535;
	border-bottom:#F8F8F8 1px solid;
}

#content_2 {
	display:none;
}

.specialposts {

	
/*width: 280px;*/
	width:278px;
	float:left;
	border:#DFDFDF 1px solid;
	border-top:0;
	background-color:#F8F8F8;
	padding:10px;
	margin-bottom:18px;
}

.specialposts-footer {
	width:280px;
	float:left;
	padding:0 10px;

	
/*margin-bottom: 18px;*/
}

.specialposts a,.specialposts-footer a {
	font-size:.85em;
	font-weight:bold;
	line-height:1.6em;
	text-decoration:none;
	color:#538aa6;
	display:block;
}

.specialposts a:hover,.specialposts-footer a:hover {
	color:#7acee6;
}

.specialposts ul,.specialposts-footer ul {
	list-style:none;
	float:left;
	margin:-1px 0 10px;
	overflow:hidden;
}

.specialposts ul li {
	float:left;
	width:280px;
	padding:10px 0;
	border-top:#DFDFDF 1px solid;
	border-bottom:#DFDFDF 1px solid;
	margin-top:-1px;
}

.specialposts-footer ul li {
	float:left;
	width:280px;
	padding:10px 0;
	margin-top:-1px;
}

.specialposts-footer ul li:first-child {
	padding:1px 0 10px;
}

.specialposts ul li:last-child {
	border-bottom:0;
}

.specialposts img,.specialposts-footer img {
	float:left;
	width:50px;
	height:50px;
	margin-right:10px;
	background-color:#d9d9d9;

	
/*padding: 3px;*/
}

.specialposts img:hover,.specialposts-footer img:hover {
	background-color:#538aa6;
}


	
/*FLICKR*/
.flickricon {
	background:url(images/flickricon.gif) no-repeat center right;
}

.sidetitle img {
	float:right;
}

#flickr {
	margin:0 auto;
	width:273px;
}

#flickr img {
	margin:8px;
}

#daily-milky {

	
/*margin: 0 auto 0 auto;*/

	
/*width: 273px;*/
	width:300px;
}

#daily-milky a {
	float:left;
	display:block;
	margin:0 15px 15px 0;
	background-color:#d9d9d9;
	padding:3px;
	width:75px;
	height:75px;
}

#daily-milky a:hover {
	background-color:#538aa6;
}

#daily-milky a.lirelasuite {
	background:url(images/puce-fleche-hover.png) no-repeat scroll 0 8px transparent;
	float:left;
	height:auto;
	width:auto;
	margin:0;
	padding:0 0 0 15px;
	display:inline;
}

#daily-milky a img {

	
/*border: 1px solid #d9d9d9;*/
}


	
/*------8. FOOTER-----*/
#push {

	
/*height: 220px;*/
	height:50px;
}

#footer {

	
/*margin: 0px auto 0px;*/
	width:100%;
	height:513px;
	background-color:#404040;
	background:url(images/footer.jpg) no-repeat top center;

	
/*border-top: #E5E5E5 10px solid;*/

	
/*margin-top: 50px;*/
}

#footer-gauche {
	float:left;
	width:315px;

	
/*border: 1px dashed #ff0000;*/
	min-height:400px;
}

#footer-centre {
	float:left;
	width:315px;

	
/*border: 1px dashed #ff0000;*/
	min-height:400px;
}

#footer-droite {
	float:left;
	width:315px;

	
/*border: 1px dashed #ff0000;*/
	min-height:400px;
}

.footbox {
	width:280px;
	float:left;

	
/*padding: 10px 10px 10px 10px;*/
	padding:10px 10px 10px 0;
	margin-bottom:18px;
	font-size:12px;
}

#footer-gauche .footbox:last-child {
	margin-bottom:0;
	padding:0 10px 0 0;
}

.footbox a {
	text-decoration:none;
	color:#8f8f8f;
}

.footbox ul {
	list-style:none;
	float:left;
	margin:-1px 0 10px;
	overflow:hidden;
}

.footbox ul li {
	float:left;
	width:280px;
	padding:10px 0;
	margin-top:-1px;

	
/*list-style-image: url(images/puce-fleche.png);*/
}


	
/* widget Archives */
#widget_archive.footbox ul li {

	
/*float: left;
	margin-top: -1px;*/
	width:120px;
	background:url(images/puce-fleche.png) no-repeat 0 5px;
	padding:0 0 0 20px;
}

#widget_archive.footbox ul li:hover {
	background:url(images/puce-fleche-hover.png) no-repeat 0 7px;
}

#widget_archive.footbox ul li a:hover {
	color:#538aa6;
}


	
/*#widget_archive.footbox ul li:last-child, .footbox ul.blogroll li:last-child {
  background: none;
  padding: 0;
}*/

	
/* widget Liens */
.footbox ul.blogroll li {
	width:120px;

	
/*border: 1px solid #cccccc;*/

	
/*list-style-image: url(images/puce-fleche.png);*/
	background:url(images/puce-fleche.png) no-repeat 0 3px;
	padding:0 0 0 20px;
}

.footbox ul.blogroll li a:hover {
	color:#538aa6;
}


	
/* Widget Twitter */
.footbox ul.twitter li {
	border-bottom:1px solid #e8e8e8;
	line-height:18px;
}

.footbox ul.twitter li:last-child {
	border-bottom:none;
}

.footbox ul.twitter li a {
	color:#538aa6;
}

.footbox ul.twitter li a:hover {
	color:#7acee6;
}

#widget_twitter .foottitle {
	width:295px;
}


	
/* bloc footer Articles populaires */
.footbox .specialposts-footer ul li {
	border-bottom:1px solid #DDDDDD;
}

.footbox .specialposts-footer ul li:last-child {
	border-bottom:none;
}

.footbox .specialposts-footer ul li a {
	color:#538aa6;
	font-size:14px;
	font-weight:bolder;
}

.footbox .specialposts-footer ul li a:hover {
	color:#7acee6;
}


	
/* widget FlickRSS */
#widget_flickrRSS.footbox {
	width:310px;
	padding:10px 10px 0 0;
}

#widget_flickrRSS.footbox a {
	display:block;
	float:left;

	
/*width: 95px;*/

	
/*border: 1px solid #d9d9d9;*/
	margin:0 16px 16px 0;
	background-color:#d9d9d9;
	padding:3px;
}

#widget_flickrRSS.footbox a:hover {
	background-color:#538aa6;
}

.foottitle {
	width:274px;
	height:18px;
	margin:0 0 17px;
}

.foottitle span {
	width:254px;
	text-align:left;
	float:left;
	color:#8f8f8f;
	font-size:24px;
}

#insidefoot {
	width:960px;
	margin:0 auto;
	padding-top:20px;
}

#insidefoot h2 {
	color:#E5E5E5;
}

#insidefoot p {
	color:#8f8f8f;
	line-height:1.7em;
}

#footertext {
	float:left;
	width:960px;
}

#aboutinfo {
	float:left;
	width:630px;
	border-right:#5F5F5F 1px dotted;
	padding-right:10px;
}

#pages {
	float:left;
	padding-left:10px;
	width:309px;
}

#pages li {
	float:left;
	list-style:none;
	font-size:.7em;
}

#pages li a {
	float:left;
	margin:10px 15px 5px 0;
	padding:4px 5px;
	background-color:#2B99AF;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
}

#pages li a:hover {
	background-color:#41BDD7;
}

#copyrights {
	float:left;
	width:960px;
	margin-top:10px;
	padding-top:10px;
	border-top:#5F5F5F 1px dotted;
}

#copy {
	float:left;
}

#wordpress {
	float:right;
}

#wordpress a {
	text-decoration:none;
	color:#606060;
	font-weight:bold;
}


	
/*-----------9. SINGLE PAGE-----------*/

	
/* FULL CONTENT */

.fullcontent pre {
	width:584px;
	background-color: #8F8F8F;
	color:#F8F8F8;
	overflow: auto;
	padding:8px;
	display: block;
}

.fullcontent pre strong, .fullcontent pre b {
	color:#7ccdf7;
}

.fullcontent table {
	border: 1px solid #8F8F8F;
	font-size: 12px;
	width:600px;
	padding: 0px;
}

.fullcontent table tbody tr {
	border-top: 1px solid #8F8F8F;	
}

.fullcontent table ul {
	width:350px;
}

.fullcontent table td, .fullcontent table th {
	padding: 5px;
}

.fullcontent thead {
	background-color: #8F8F8F;
	color:#F8F8F8;
}

.fullcontent p,.fullcontent ul,.fullcontent ol {

	
/*float: left;*/
	line-height:1.6em;
	width:600px;
	margin:8px 0 4px;
}

.fullcontent h2,.fullcontent h3,.fullcontenth4 {

	
/*float: left;*/
	margin:15px 0;
}

.fullcontent ul,.fullcontent ol {
	margin:8px 0 8px 20px;
	width:590px;
	font-size:.8em;
}

.fullcontent blockquote {
	margin:8px 0 8px 10px;
	float:left;
	font-size:1em;
	background-color:#EFEFEF;
	padding:10px;
	width:565px;
	border-left:#C5C5C5 5px solid;
}

.fullcontent blockquote p {
	width:565px;
	font-style:italic;
}

.fullcontent img {
	margin:10px -3px;
}

.authbox {
	float:left;
	width:578px;
	border:#DFDFDF 1px solid;
	background:#EFEFEF;
	padding:10px;
	margin:20px 0 0;
}

.postauthorinfo {
	float:left;

	
/*width: 512px;*/
	width:492px;
}


	
/*SOCIAL BAR*/
.socialbar {
	float:left;
	width:578px;
	padding:10px;

	
/*height: 56px;*/
	border:#DFDFDF 1px solid;
	background:#EFEFEF;
	margin-top:20px;
}

.socialtitle {
	padding-top:8px;
	float:left;
	width:364px;
}

.social1 {
	float:left;
	font-size:1.1em;
	color:#8f8f8f;
	font-weight:bold;
}

.social2 {
	float:left;
	color:#8F8F8F;
}

.sociallinks {

	
/*float: right;
	width: 246px;
	margin-top: 10px;*/
}


	
/*
.sociallinks div {
	display: inline;
	padding: 0px 12px 0px 12px;
	width: 32px;
	height: 32px;
	overflow: hidden;
	float: left;
}

.sociallinks div:hover {
	height: 50px;
}

.sociallinks p {
  width: 44px;
	text-align: center;
	font-size: .6em;
	color: #8F8F8F;
	margin-left: -6px;
	margin-top: 5px;
}

.sociallinks a {
  width: 32px;
  height: 32px;
  display: block;
}
*/
a.singledigg {
	background:url(images/digg.png) no-repeat 0 -32px;
}

a.singledigg:hover,a.singledigg.hover {
	background-position:0 0;
}

a.singledelicious {
	background:url(images/delicious.png) no-repeat 0 -32px;
}

a.singledelicious:hover,a.singledelicious.hover {
	background-position:0 0;
}

a.singletwitter {
	background:url(images/milky-twitter.png) no-repeat 0 -32px;
}

a.singletwitter:hover,a.singletwitter.hover {
	background-position:0 0;
}

a.singlefacebook {
	background:url(images/milky-facebook.png) no-repeat 0 -32px;
}

a.singlefacebook:hover,a.singlefacebook:hover {
	background-position:0 0;
}


	
/*COMMENTS*/
.commenttitle {
	float:left;

	
/*margin: 10px 0px 10px 10px;*/
	margin:10px 0;
}

#comments h2 {
	font-size:1.3em;
	line-height:1.6em;
	margin-bottom:-6px;
}

.commentlist {
	list-style:none;

	
/*margin: 0px 10px 10px 10px;*/
	margin:0 0 10px;
	float:left;
}

.commentlist li {
	float:left;
	margin-bottom:20px;
}

.commentleft {
	width:100px;
	float:left;
}

.commentmeta {
	float:left;
	margin-top:5px;
	font-size:.7em;
}

.commentmeta p {
	font-size: 1em !important;
}

.commentleft p {
	font-size:.7em;
}

.commentleft a {
	color:#538aa6;
	text-decoration:none;
	/* font-size:.7em; */
}

.commentright {
	width:478px;
	height:inherit;
	float:right;
	background-color:white;
	border:#DFDFDF 1px solid;
	padding:10px;
}

.commentright p {
	line-height:1.6em;
	margin: 10px 0;
}

.authorcomment {
	background-color:#D1EAEF;
	border:1px #A7D6DF solid;
	padding:10px 10px 4px!important;
}

div.milky-team {
	background:url(images/milky-team.png) no-repeat scroll left top transparent;
	display:block;
	float:right;
	height:30px;
	position:relative;
	right:-18px;
	width:54px;
}


	
/*COMMENT FORM*/
.formright {
	float:left;
	width:488px;
}

#commentform label {
	position:absolute;
	margin:5px 0 0 7px;
}

input#author,input#email,input#url {

	
/*float: left;*/
	width:100%;
	padding:5px;
	background-color:white;
	border:1px solid #CFCFCF;
	display:block;
	margin:5px 0;
	color:#8f8f8f;
	font-size:13px;
	font-family:Arial,sans-serif;
}

textarea#comment {
	font-family:Arial,sans-serif;
	font-size:13px;

	
/*float: left;*/
	width:100%;
	padding:5px;
	background-color:white;
	border:1px solid #CFCFCF;
	display:block;
	margin:5px 0 10px;
	color:#8f8f8f;
}

input#submit {
	background:url(images/envoyer.png) no-repeat 0 0;

	
/*float: right;*/
	float:left;
	margin:5px -12px 10px 0;
	width:90px;
	height:40px;
	text-indent:-999px;
}

input#submit:hover {
	background-position:0 -40px;
	cursor:pointer;
}

.required {

	
/*float: left;*/
	float:right;
	margin-top:10px;
	font-style:italic;
	font-size:.7em;
}


	
/*-----------10. ARCHIVE PAGE-----------*/

	
/*
  This is the styling for the archive.php page.
  Includes: author, category, monthly and yearly archs.
*/

	
/* ARCHIVE STANDARDS*/
.titlebox {
	float:left;
	width:620px;
	border:#DFDFDF 1px solid;
	background:#F8F8F8 url(images/boxbg.png) repeat-x;
	margin-bottom:20px;
	padding:10px;
}

.titlebox h2 {
	width:620px;
	float:left;
	font-size:1.3em;
	line-height:2em;
}

.titlebox p {
	border-top:#DFDFDF 1px solid;
	float:left;
	line-height:1.6em;
	padding-top:5px;
}


	
/*AUTHOR*/
#authorpic {
	float:left;
	width:80px;
}

#authorpic img {
	width:80px;
	float:left;
}

#authorpic a {
	float:left;
	width:80px;
	background-color:#41BDD7;
	font-size:.7em;
	text-decoration:none;
	text-align:center;
	color:white;
	text-transform:uppercase;

	
/*padding: 2px 0px 2px 0px;*/
}

#authorinfo {
	float:left;
	width:540px;
}

h2.authorname {
	width:auto;
	margin:0 0 0 20px;
	float:left;
	font-size:1.3em;
	line-height:1.5em;
}

p.authordesc {
	border-top:#DFDFDF 1px solid;
	float:left;
	margin:0 0 0 20px;
	line-height:1.6em;
	padding-top:5px;
	clear: both;
}

h2.postbyauth {
	margin:-10px 0 10px;
	float:left;
	font-size:1.3em;
	line-height:1.5em;
}


	
/*-----------11. 404 PAGE-----------*/

	
/*
  The 404 page gets 99% of its style from
  the archive page CSS. Look at that if
  you want to make a drastic change.
*/
#error {
	/* width:620px; */
}
#error img {
	border: 0 !important;
	width: 620px;
	height: 438px;
}

#hdhtlu-hdhtlu {
	background:url(images/input.png) no-repeat;
	width:191px;
	height:42px;
	padding:0 10px 0 16px;
	padding-top:10px;
	color:#8f8f8f;

	
/*background: url(images/input.png) no-repeat 0 -15px \9;*/
	float:left;

	
/*border: 1px solid #ff0000;*/
}

#inputmail {
	background:url(images/input.png) no-repeat;
	width:221px;
	height:42px;
	padding:0;
	float:left;
}

#entrezvotreemail {
	margin-top:13px;
	margin-left:15px;
	float:left;
	color:#8f8f8f;
	background-color:transparent;
}

#subForm { position: relative; 
}

#subForm .error {
	background: url("http://www.milky.fr/wp-content/themes/milky/img/error-icon.png") no-repeat scroll 4px 4px #FCCAC1;
	border: 1px solid #EB5439;
	color: #615E5D;
	font-size: 12px;
	height: 25px;
	line-height: 28px;
	padding: 6px 8px 7px 42px;
	position: absolute;
	top: 47px;
}

#subForm .success {
	color: green;
	margin-top: 10px;
	font-size: 11px;
}

#subForm-submit {
	background:url(images/submit.png) no-repeat 0 -40px;
	width:39px;
	height:40px;
	text-indent:-999px;
	cursor:pointer;
}

#subForm-submit:hover {
	background-position:0 0;
}

a#logo-milky {
	background:url(images/logo-milky-interactive.png) no-repeat 0 -133px;
	margin-left:-20px;
	margin-top:-30px;
	margin-bottom:10px;
	display:block;
	width:282px;
	height:133px;

	
/*border: 1px solid #ff0000;*/
}

a#logo-milky:hover,a#logo-milky.hover {
	background-position:0 0;
}

a#remonter {
	background:url(images/remonter.png) no-repeat 0 -46px;
	display:block;
	width:91px;
	height:46px;
	float:right;
}

a#remonter:hover,a#remonter.hover {
	background-position:0 0;
}

a.lirelasuite {
	background:url(images/puce-fleche-hover.png) no-repeat 0 5px;
	font-size:13px;
	padding-left:15px;
	color:#538aa6;
	text-decoration:none;

	
/*margin-left: 10px;9*/
}

a.lirelasuite:hover {
	color:#7acee6;
}

.miniature {
	float: left;
	height: 199px;
	width: 199px;
}

.miniature span {
	border:5px solid #8f8f8f;
	position:absolute;

	
/*margin-left: -150px;
  margin-top: 150px;    */
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.20;
	height:188px;
	width:190px;
}

.miniature em {
	background:url(images/lirelasuite.png) no-repeat;
	width:151px;
	height:51px;
	position:absolute;
	left:-7px;
	top:147px;

	
/*margin-top: -51px;
  margin-left: -17px;*/
	opacity:0;
}

.excerptcontent {
	font-style:italic;
	width:370px;
}

img.wp-post-image {
	border:2px solid #8f8f8f;
}

img.wp-post-image:hover {
	border:2px solid #538aa6;
}


	
/*.postpage img {
  border: 5px solid #8f8f8f;  
}

.postpage img:hover {
  border: 5px solid #538aa6;  
} */
div#maincontent img {
	border:3px solid #8f8f8f;
}

div#maincontent a.miniature img {
	border:none;
}

div#maincontent img:hover {
	border:3px solid #538aa6;
}

div#maincontent img.wp-smiley {
	border:0;
	margin:0!important;
}


	
/*
.innerborder,.innerborder img {
  float: left;
  overflow:hidden;
}
.innerborder {border:5px solid #8f8f8f;}
.innerborder img {margin: -5px;}
.innerborder:hover {border:5px solid #538aa6;}
*/
img.avatar {
	border:none;
}

#authorpic img.avatar {
	border:3px solid #8f8f8f;
	margin-right:15px;
}

#authorpic img.avatar:hover {
	border:3px solid #538aa6;
}

.navigation {
	display:block;
	font-size:18px;
}

.alignleft-links {
	display:block;
	float:left;
	width:310px;
}

.alignright-links {
	display:block;
	float:right;
	width:310px;
	text-align:right;
}

.alignleft-links a,.alignright-links a {
	color:#8F8F8F;
}

.alignleft-links a:hover,.alignright-links a:hover {
	text-decoration:none;
	color:#538AA6;
}

.alignleft-links a {
	display:block;
	background:url(images/prec.png) no-repeat left 0;
	height:16px;
	padding:0 0 0 20px;
}

.alignleft-links a:hover {
	background:url(images/prec-hover.png) no-repeat left 0;
}

.alignright-links a {
	display:block;
	background:url(images/suiv.png) no-repeat right 0;
	height:16px;
	padding:0 20px 0 0;
}

.alignright-links a:hover {
	background:url(images/suiv-hover.png) no-repeat right 0;
}

img.alignleft {
	float:left;
	margin:5px 10px 5px 0!important;
}

img.alignright {
	float:right;
	margin:5px 0 5px 10px!important;
}

#relpop,#article-tags {
	float:left;
	border:1px solid #DFDFDF;
	background-color:#f8f8f8;
	width:630px;
	padding:10px 0 0 10px;
	margin-bottom:20px;
}

#relpop .foottitle {
	padding-top:8px;
	margin:0 0 24px;
	float:left;
	width:364px;
	color:#538AA6;
}

#article-tags .foottitle span {
	padding-top:8px;
	margin:0 0 15px 15px;
	color:#538AA6;
	float:left;
	width:auto;
}

#article-tags .foottitle {
	width:auto;
	float:left;
	padding:0 15px 10px 0;
}

#article-tags a {
	margin-top:5px;
}

#relpop .footbox span,#article-tags .footbox span {
	color:#538AA6;
}

#relpop .footbox,#article-tags .footbox {
	width:290px;
	padding:10px 0;
	margin-bottom:0;
	font-size:12px;
	margin-left:15px;
}

#relpop .footbox:last-child,#article-tags .footbox:last-child {
	margin-right:0;
}

#relpop .footbox a {
	text-decoration:none;

	
/*color: #8f8f8f;*/
}

#article-tags p {
	margin:0 0 0 15px;
	font-size:1em;
}

#relpop .footbox ul {
	list-style:none;
	float:left;
	margin:-1px 0 10px;
	overflow:hidden;
}

#relpop .footbox ul li {
	float:left;
	width:280px;
	padding:10px 0;
	margin-top:-1px;

	
/*list-style-image: url(images/puce-fleche.png);*/
}

#widget_yarpp_widget a {
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:#538aa6;
	display:block;
}

#widget_yarpp_widget a:hover {
	color:#7acee6;
}

#widget_yarpp_widget ul {
	list-style:none;
	float:left;
	margin:-1px 0 10px;
	overflow:hidden;
}

#widget_yarpp_widget ul li {
	float:left;
	width:280px;
	padding:10px 0;
	border-top:#DFDFDF 1px solid;
	border-bottom:#DFDFDF 1px solid;
	margin-top:-1px;
}

#widget_yarpp_widget ul li:last-child {
	border-bottom:0;
}


	
/*
#widget_yarpp_widget img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	background-color: #d9d9d9;
  padding: 3px;
}

#widget_yarpp_widget img:hover {
  background-color: #538aa6;
}
*/
#article-hasard a {
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:#538aa6;
	display:block;
}

#article-hasard a:hover {
	color:#7acee6;
}

#article-hasard ul {
	list-style:none;
	float:left;
	margin:-1px 0 10px;
	overflow:hidden;
}

#article-hasard ul li {
	float:left;
	width:280px;
	padding:10px 0;
	border-top:#DFDFDF 1px solid;
	border-bottom:#DFDFDF 1px solid;
	margin-top:-1px;
}

#article-hasard ul li:last-child {
	border-bottom:0;
}


	
/*
#article-hasard img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	background-color: #d9d9d9;
  padding: 3px;
}

#article-hasard img:hover {
  background-color: #538aa6;
}
*/
div#relpop img {
	float:left;
	margin:0 10px 0 0;
	border:3px solid #8F8F8F;
}

div#relpop img:hover {
	border:3px solid #538aa6;
}


	
/* -- Greet Box Plugin */
.greet_block {
	background:#EFEFEF;
	border:1px solid #D9D9D9;
	margin:10px 0;
	width:600px;
}

.greet_image {
	float:left;
	padding:0 10px 0 0;
	border:none;
}

div#maincontent .greet_image img {
	background:none;
	border:none;
	margin:0;
	padding:0;
}

.greet_text {
	color:#8F8F8F;
	font-size:16px;
	line-height:24px;
	margin:10px;
}

.greet_block_close {
	background:#fff;
	border:1px solid #ccc;
	float:right;
	height:15px;
	margin:0 0 0 10px;
	width:15px;
}

.greet_block_close a {
	color:#ccc;
	cursor:pointer;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin:0 3px;
	text-transform:uppercase;
}

.greet_block_close a:hover {
	text-decoration:none;
}

.greet_block_powered_by {
	float:right;
	font-size:9px;
	line-height:14px;
	padding:0 5px;
}

.greet_block_powered_by a {
	color:#ccc;
}

.greet_search_after {
	border-top:1px solid #eee;
	font-size:11px;
	margin:5px 0 0;
	padding:2px 0 0;
}

.greet_search_before {
	border-bottom:1px solid #eee;
	font-size:11px;
	margin:0 0 5px;
	padding:0 0 2px;
}

#greet_search_link {
	cursor:pointer;
}

.wpgb_cornered {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.wpgb_shadowed {
	-webkit-box-shadow:#ccc 0 5px 5px;
	-moz-box-shadow:0 5px 5px #ccc;
}

	
/* SHAREBAR */
#sharebar {
	background: url('images/bg-sideshare.png') no-repeat top left transparent;
	display:none;
	height: 125px;
	position:absolute;
	width:76px;
	float:left;
	padding: 10px 0 0 4px;
	text-align:center;
	list-style:none;
	margin:0;
	z-index:99;
}

#sharebar li {
	display:block;
	margin:0 0 2px;
	padding:0;
	overflow:hidden;
	line-height: normal;
}

#sharebar li a.addthis_button {
	margin-right: 8px;
}

div#maincontent #sharebar img {
	border: 0;
	margin: 0;
}

.sharebar-button {
	font-size:11px;
	font-family:Verdana, Arial;
	padding:2px 4px;
	background:#f7f7f7;
	color:#444;
	border:1px solid #ddd;
	display:block;
	margin:0 0 5px;
}

.sharebar-button:hover {
	border-color:#aaa;
}


.FBConnectButton_Small {
	background-position:-5px -232px!important;
	border-left:1px solid #1A356E;
}

.FBConnectButton_Text {
	margin-left:12px!important;
	padding:2px 3px 3px!important;
}
	
/*-----------END OF CSS STYLING----------*/

	
/* My Comment */