/* RESET CSS */

/*http://meyerweb.com/eric/tools/css/reset/  v1.0 | 20080212 */

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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 /* FIN RESET */
 
/* ELEMENTS DE BASE */ 

body{background:#FBFBFB url(images/header.jpg) repeat-x top;	font-family:Verdana, sans-serif; font-size:12px; color:#4F4F4F;}
 
a{	color:#3684AF; text-decoration:none;}
a:hover{	color:#90b466;color:#4f4f4f; text-decoration:underline;}

h1,h2,h3,h4{	font-weight:normal;}

p{	line-height:20px; padding:5px 0;}

/* FIN ELEMENTS DE BASE */

/* STRUCTURE */
img#singe{	position:absolute; top:0; right:0; }

div#wrapper{
	margin:auto;
	width:990px;
	overflow:hidden;
	background:transparent url(images/apperisphere.jpg) no-repeat left top;	
}

div#header{
	height:138px;
	position:relative;
	margin-bottom:18px;	
}

div#container {
	width:990px;
	overflow:hidden;
}

div#content {
	float:left;
	width:668px;
}

div#sidebar {
	margin:3px 0 0 0;
	float:right;
	width:300px;
	overflow:hidden;
}
div#footer{}

/* FIN STRUCTURE */


/* HEADER */

#blog-title{	}
#blog-title a{ 
	position:absolute;
	left:0px;
	top:8px;
	display:block;
	width:435px;
	height:70px;
	text-indent:-4000px;
}
#blog-description{  display:none;}

#tag-cloud{
	position:absolute;
	width:410px;
	height:70px;
	top:12px;
	right:0px;
}
#tag-cloud ul{text-align:right;	}
#tag-cloud li{display:inline;	}
#tag-cloud a{	color:#fff;	text-decoration:none;	}

form#searchform{
	position:absolute;
	width:240px;
	height:47px;
	right:23px;
	bottom:2px;
	background:transparent url(images/recherche.png) no-repeat center top;	
}
form#searchform input#s{
	width:170px;
	height:19px;
	position:absolute;
	top:15px;
	left:20px;
	border:0;
	color:#D7D7D7;
	font-weight:bold;
}
form#searchform input.button{
	width:45px;
	height:45px;
	position:absolute;
	right:3px;
	top:2px;
}

div#menu{
	position:absolute;
	bottom:8px;
	left:5px;
	height:30px;
	behavior:url("http://apperisphere.com/wordpress/wp-content/themes/apperisphere_3/js/csshover3.htc");
}

div#menu ul li{ float:left; }
div#menu ul a {	display:block;	}
div#menu ul ul{
	position:absolute;
	top:30px;
	left:-4000px;
}
div#menu li:hover ul{	left:0;	}
div#menu ul ul li{	float:none;}

div#menu ul a{
	font-family:"Trebuchet MS";
	color:#90b466;
	font-size:16px;
	margin-right:30px;
	text-decoration:none;
	height:25px;
	padding-top:5px;
	text-transform:uppercase;
}
div#menu ul a:hover{color:#4f4f4f;}

/* FIN HEADER */

/* BILLET */

h1.page-title{		font-family:"Trebuchet MS";	font-size:20px; padding:0 15px 10px 15px;}

.hentry{
	background:#FBFBFB url(images/post-center.png) repeat-y center top;
	margin-bottom:30px; 
}
.entry-meta{
	background:#FBFBFB url(images/post.png) no-repeat center bottom; 
	/*background-position:0px -90px;*/
	padding:0px 20px 15px 20px;
	clear:both;

}
ul.sharing{	margin:0; padding:5px 0; list-style:none;	overflow:hidden;}
ul.sharing li.text{	font-size:16px; font-weight:bold; padding:6px 0 0 0;}
ul.sharing li{	float:left;	display:block;	padding:4px 10px; }
.entry-title{ 
	padding:15px 20px 0 20px;
	background:#FBFBFB url(images/post.png) no-repeat center top; 
	background-position:0px 0px;
	font-family:"Trebuchet MS";
	font-size:30px;
	margin:0 0 15px 0; 
}
.entry-title a{	text-decoration:none;	}
.entry-submeta{float:right; width:70px;	margin:15px 15px 10px 10px;}
.entry-date {	
	width:100%;
	height:70px;
	background:url(images/post-date.png) no-repeat;
	text-align:center; 
}
.entry-date span.day{	font-size:36px;	height:42px; padding-top:8px; display:block;}
.entry-date span.month{	font-size:12px; color:#fff; height:20px; display:block;}

.entry-comment{		width:100%;height:55px; background:url(images/commentaires.jpg) no-repeat center top; margin:20px  0 0 0;}
.entry-comment a{	color:#4f4f4f; }
.entry-comment a span.number{	display:block; font-size:30px; padding:5px 0 10px 0 ; text-align:center;}
.entry-comment a span.texte{	display:block; font-size:8px; text-transform:uppercase; 	text-align:center; padding:10px 0 0 0;}

.entry-content{	text-align:left; padding:0 20px;  width:620px;  }
.entry-content p{}
.entry-content p.categorie{	float:left; margin:15px 20px 10px 0;	padding:0;}
.entry-content img{/*padding:4px; background:#fff;	border: 1px solid #6F6F6F;	*/	box-shadow: 6px 6px 6px 1px #6F6F6F;	-webkit-box-shadow: 6px 6px 6px 1px #6F6F6F;	-moz-box-shadow:6px 6px 6px 1px #6F6F6F;	}
.entry-content blockquote{ margin:10px 40px; overflow:hidden; padding:5px 25px; font-style:italic; 
background:-moz-linear-gradient(top center, #D1EBEF, #B2E4EE);  
background: -webkit-gradient(linear, left top, left bottom, from(#D1EBEF), to(#B2E4EE));
border:1px solid #D8D8D8; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.entry-content a{text-decoration:underline;}
.entry-content a:hover{text-decoration:none;}
.entry-content ul{	list-style:disc outside; overflow:hidden; padding-left:20px;}
.entry-content ol{	list-style:decimal outside; overflow:hidden; padding-left:20px;}
.entry-content ul li,.entry-content ol li{ line-height:20px;}
.entry-content ul li,.entry-content ol li{ line-height:20px;}
.entry-content h2{	font-size:20px; padding:15px 0 7px 0;}
.entry-content h3{	font-size:18px; padding:10px 0 5px 0;}
.entry-content h4{	font-size:16px; padding:5px 0 3px 0;}

.alignright,img.alignright{
	float:right;
	margin:0 0 1em 2em;
}

.alignleft,img.alignleft{
	float:left;
	margin:0 2em 1em 0; 
}

.aligncenter,img.aligncenter{
	display:block;
	margin:1em auto;
	text-align:center;
}

.entry-meta .suite a{	font-weight:bold;}

.metas{ overflow:hidden; padding:10px;}
.metas li.comments{
	display:block;
	text-align:center;

}
.metas li.comments a{	font-size:14px;	font-weight:bold; } 

.entry-footermeta{	padding:0 15px;	}
.entry-footermeta h3{	font-family:"Trebuchet MS";	font-size:18px; padding:10px 0 5px 0;}

ul.similar-posts li{	clear:left;	}
ul.similar-posts li img.alignleft{	margin-top:5px;}

.voteContainer{
	overflow:hidden;
	height:60px;
	margin-top:10px;
}
.voteContainer div.question_vote{
	float:left;
	font-weight:bold;
	padding-left:10px;
	font-size:14px;
	height:55px;
	width:235px;
	line-height:55px;
}
.voteContainer div.vote{
	float:left;
}

/* FIN BILLET */

#comments-list h3,#trackbacks-list h3,#respond h3{
	font-family:"Trebuchet MS";
	color:#90b466;
	font-size:20px;	
	border-bottom:2px dashed #90b466;	
	margin: 0 0 20px 0;
	padding:5px 0;
}
#comments-list ul li.comment{ margin-bottom:20px;}
#comments-list ul li.comment .commenter{}
#comments-list ul li.comment .comment-author,#comments-list ul li.comment .comment-author a {font-weight:bold; font-size:18px;}
#comments-list ul li.comment .comment-content{	overflow:hidden;		}
#comments-list ul li.comment .comment-content .comment-avatar{width:120px; height:120px; text-align:center;float:left}
#comments-list ul li.comment .comment-content .comment-text{overflow:hidden;}
#comments-list ul li.comment .comment-content img.avatar{	
	position:relative; top:10px;	background:#fff; padding:4px;
	border: 1px solid #DBDBDB;	
	box-shadow: 3px 3px 12px #DBDBDB;
	-webkit-box-shadow: 3px 3px 12px #DBDBDB;
	-moz-box-shadow:3px 3px 12px #DBDBDB;	
}
/* pour IE */
#comments-list ul li.comment .comment-content img.avatar { 
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#DBDBDB', Direction=135, Strength=10); 
  zoom: 1; 
} 
#comments-list ul li.comment .comment-meta{	background:#fff; border:1px solid #EFEFEF; padding:4px; margin-top:10px; }

#comments-list ul li.comment .comment-reply{	text-align:right;	}
#comments-list ul li.comment .comment-reply span.atr_reply,#comments-list ul li.comment .comment-reply a{color:#3684AF; font-weight:bold;}
.atr_reply img.atr_reply_img{display:none;	}

#wrapper .wp-pagenavi{	height:25px; font-size:16px;	}
#wrapper .wp-pagenavi span,#wrapper .wp-pagenavi a{	padding:5px 10px;	}
#wrapper .wp-pagenavi span.pages,#wrapper .wp-pagenavi span.current{color:#4F4F4F;}
#wrapper .wp-pagenavi span.pages{border:0;}
#wrapper .wp-pagenavi span.current{border-color:#4F4F4F;}
#wrapper .wp-pagenavi span.current,#wrapper .wp-pagenavi a{background:#F1EDED;}

#wrapper .wp-pagenavi a,#wrapper .wp-pagenavi a:link{	color:#3684AF;border: 1px solid #3684AF;	}
#wrapper .wp-pagenavi a:hover{	color:#4F4F4F;border: 1px solid #4F4F4F;	}


#respond{	margin-top:20px;	}

form#commentform span.required {
color:#c30;
}

form#commentform p {
	overflow:hidden;
}
form#commentform label#label-comment{	float:none;	width:auto;	}
form#commentform label{	float:left;	width:80px;	cursor:pointer; }

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

textarea#comment {
	height:250px;
	margin:auto;
	overflow:auto;
	width:95%;
}
form#commentform .subscribe-to-comments label{	width:auto;	}

/* SIDEBAR */

div#sidebar #vite-dit{
	background:#fff url(images/sidebar-center.png) repeat-y center top;
	margin-bottom:15px;
}
div#sidebar #vite-dit .title{
	background:#fff url(images/sidebar.png) no-repeat center top; 
	background-position:0px 0px;
	font-family:"Trebuchet MS";
	color:#90b466;
	font-size:20px;	
}
div#sidebar #vite-dit .title p{
	border-bottom:2px dashed #90b466;
	padding-top:15px;
	margin:0 15px;
}
div#sidebar #vite-dit .post{	padding:15px 15px 0 15px;	}
div#sidebar #vite-dit .post .vitedit-title a{
	font-family:"Trebuchet MS";
	font-size:18px;	
	text-decoration:none;
}
div#sidebar #vite-dit .post .permalink{	text-align:right;	}
div#sidebar #vite-dit .suite{
	background:#76C1DC url(images/sidebar.png) no-repeat center top; 
	background-position:0px -50px;
	height:40px;
	padding:10px 0 0 0;
	text-align:center;
}
div#sidebar #vite-dit .suite a{
	font-size:18px;
	color:#fff;
}
div#sidebar #vite-dit .vite-dit-list-title{	font-weight:bold;	padding:0 15px 5px 15px;}
div#sidebar #vite-dit .vite-dit-list{	padding:0 15px;}
div#sidebar #vite-dit .vite-dit-list li{	background:url(images/fleche.png) no-repeat left 5px; padding:0 0 10px 15px; }
div#sidebar .widget{}
div#sidebar a{	}
div#sidebar a:hover{	}

div#sidebar ul#secondary{	width:150px; float:left; display:none; }

div#sidebar .widget{ padding:0 0 15px 0;	}
div#sidebar .widget li{	background:url(images/fleche.png) no-repeat left 5px; padding:0 0 10px 15px; }
div#sidebar h3.widgettitle{
	font-family:"Trebuchet MS";
	color:#90b466;
	font-size:20px;	
	text-transform:uppercase;
	font-size:16px;
	background:#F1EDED;
	border:1px solid #D8D8D8;
	margin: 0 0 10px 0;
	padding:5px 5px 5px 10px;
	-moz-border-radius:5px 5px 0 0;
}

div#sidebar .widget_recent_comments li{ overflow:hidden;	background:none;	padding:0 0 20px 0;	}
div#sidebar .widget_tag_cloud div{text-align:center;}
div#sidebar ul.archives_hider span{	cursor:pointer;	font-weight:bold;	}

div#sidebar .widget_twitter p{ overflow:hidden;}
div#sidebar .widget_twitter a#followme{
	background:#B3E5EF url(images/twitter.png) no-repeat left;
	-moz-border-radius:5px;
-moz-box-shadow: 0px -20px 10px -10px rgba(0,0,0,0.1) inset; 
border:1px solid #D8D8D8;
	padding:0 0 0 60px;
	display:block;
	height:32px;
	line-height:32px;
	color:#2292D0;
	font-weight:bold;
	text-transform:uppercase;
}
div#sidebar .widget_twitter a#followme:hover{

}

/*FOOTER */
div#footer{	background:#85D3EE url(images/footer.jpg) repeat-x center top; min-height:220px; position:relative; padding:20px 10px; color:#fff;	margin-top:30px; }
div#footer div#footer-content{	width:980px; margin:auto;	}
div#footer a{ color:#fff;	}
div#footer a:hover{ }
div#footer p#copyright{ position:absolute; bottom:10px; text-align:center; }


div#footer #dynamic-footer{	overflow:hidden; }
div#footer ul.xoxo{	float:left; width:280px;	margin:10px; }
div#footer ul.xoxo .widget .rsswidget img{	display:none; }
div#footer ul.xoxo .widget h3{ margin-bottom:10px;}
div#footer ul.xoxo .widget h3 a{ color:#D4F89C; text-decoration:none; font-family:"Trebuchet MS"; font-size:20px;}
div#footer ul.xoxo .widget li{ padding:2px 0 2px 20px; line-height:17px; background:url(images/flecheverte.png) no-repeat left 10px;}