/*
Thème: MY
Auteur: @Dharius
*/

/*Initialize the browser's CSS Except for table structure*/
@import url(reset.css);


/* ***GLOBAL*** */
	

	html {margin:0;padding:0;}

	body {background: #7C8799; margin:0;padding:0; font: 12px Arial, Helvetica, sans-serif; color: #3d3d3d }
	
	h1 {font-size:24px; color: #174986 }
	
	h2 {font-size: 20px; color: #087db6; padding: 0 }
	
	h3 {font-size: 18px; color: #055891 }
	
	h4 {font-size: 18px; color: #666 }
	
	h5 {font-size: 16px; color: #cd0c0c; font-weight:normal }
	
	h6 {font-size: 14px; color: #000 }
	
	p {margin:5px 0 10px 0; line-height: 125% }
	
	strong, b, caption, th {font-weight: bold }
		
	blockquote {border-left:3px solid #e8e8e8; margin:10px 10px 0 10px; padding-left:8px }
	
	acronym, abbr {border-bottom:1px dashed #333; cursor:help }
	
	dd {margin-left:15px }
		
	a:link {color: #097ab1; font-weight: normal; text-decoration: none }
	a:visited {color: #086796;}
	a:hover, a:active {color: #0b9be3; text-decoration: underline }
/* ***END GLOBAL*** */



/* ***LAYOUT*** */
	#bg {width: 100%; display: table; background: url(images/fond_defaut.jpg) no-repeat center top}
	
	#shadow, #header, #container, #footer {margin: 0 auto }
	
	#shadow {width: 900px; position: relative }
	
	#container {padding: 0 0 10px; background: #fff url(images/back-container.gif) repeat-y }
	
	#container-shoulder { }
	
	#header {}
	
	#logo {margin-top:50px;margin-bottom:20px}
	
	.search_form {border:0px;float: right;margin-top:6px}
	.search_form #s {padding:2px;margin-right:5px;border:1px solid #CCC;width: 155px; color: #6d6d6d }
	
	.page .search_form, .post .search_form {float: none }
	
	#left-col {width: 616px; float: left; padding: 28px 0 0 0; overflow:hidden }
	
	#sidebar {float: right; width: 275px; color: #525252; padding: 1 0 0 10px }
		
	#footer {position: relative; background: #333; width: 900px; border-top:8px solid #76d705; height:auto !important; }
	
	#footer .footer-content {padding: 29px 28px 0; color: #fff; font-size: 11px }
	
	#footer .footer-widget {float: left; width: 215px; padding:0 20px 50px 0 }
	
	#footer ul.footerlinks {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 18px -7px }	
	
	#footer ul.footerlinks li {padding:0 7px }
	
	#optinbox {background: url(images/optin-container-bottom.png) no-repeat 0 bottom; margin:0 0 0 5px; height:auto !important; height:94px; min-height:94px }
	
	#optin-container {padding: 86px 17px 30px 13px; height:auto !important; height: 270px; min-height:270px; color: #326f97; display:inline-block; background: url(images/optin-container-getthis.png) no-repeat }
	
	#optin-container form {border: none; width: 230px; margin-top:5px }
			
	#optin-container .textfield {width: 200px; height:18px; line-height:18px; padding:6px 10px 0; border: 1px solid #dfdfdf; font-size:11px; font-weight: normal; color: #8f8f8f; background: transparent url(images/back-textfield.png) no-repeat; margin-bottom: 8px }
	
	#optin-container #opt_submit {background: url(images/back-optin-submit.png) no-repeat; text-align:center; width: 220px; height:34px; line-height: 34px; border:none; color:#fff; font-size: 18px; cursor:pointer }
/* *** END LAYOUT*** */


/* ***STYLES*** */
	.recover {clear: both; line-height:0 }
	
	.bold {font-weight: bold }
	
	.italic {font-style: italic }
	
	.txtcenter {text-align: center }
	
	#blogname {color:#FFF}
        #blogname span {font-size:24px}

	#copyright {color: #FFFFFF; position: absolute; bottom: 16px; left: 25px; font-size: 11px }
	
	#footer-tag {width: 375px; text-align: left; padding: 0 5px 0 0 }
	
	.sidebar p {padding: 0 15px 0 20px; margin: 0 0 5px }

	.entry_content a {color:#333; text-decoration:underline}

	.home-content {padding:25px 0 0 32px; width: 600px; }
	
	.home-content h2 {background: url(images/back-home-heading.gif) no-repeat bottom right; color:#F3832B; font-size:18px; letter-spacing:-1px; margin:0 0 8px; padding:6px 0px 19px 0; text-transform:capitalize; }
	
	#container .page {padding: 6px 0 12px 30px }
	
	#container .page h2 {font-size: 22px; padding:0 20px 0 0 }
	
	.page-content {background:transparent url(images/dots.gif) repeat-x 0 top; margin:4px 0 0 0; padding:12px 0 0 0; width: 560px}
	
	.entry {clear: both; padding:0 12px 8px 0; margin: 0 0 0 82px;}
	
	.post {background: url(images/back-entrydate.png) no-repeat 12px 0; padding: 0 0 12px 15px; margin: 0 0 17px; clear: both; height:auto !important; height: 208px; min-height:208px }
	* html body .post {background-position: 12px 15px; padding: 15px 0 12px 15px }
	*+html body .post {background-position: 12px 15px; padding: 15px 0 12px 15px }
	
    .entry_header {margin: 0; position: relative }
	
	.entry_header h1, .entry_header h2.home {float: left; width:510px; padding: 5px; 
		line-height: 1.6em; font-size: 18px; height:auto !important; height:40px; min-height:40px }

	.entry-date {float: left; width: 58px; height: 52px; text-align: center; padding: 7px 22px 0 1px; font-weight: normal; margin: 0; font-size: 11px; color: #FFFFF1; font-family: Tahoma, Geneva, sans-serif; text-transform:uppercase }
	
	#left-col .date {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size:25px; display:block; font-weight:bold; line-height:23px }
	
	.entry-meta {margin: 0 44px 0 0; color: #595050; font-size: 11px; background: url(images/dots.gif) repeat-x 0 top; padding: 3px 0 0 0; width: 492px; float: right }
	
	.comment-bubble {background:#76d705; color:#fff; font-size:11px; font-weight: bold; padding: 4px 12px; position:absolute; right:28px; top:18px; z-index:10 }
	
	.entry_content {clear: both; margin: 0 0 0 84px;}
	
	#search-submit {background: url(images/btn-search.png) no-repeat; width: 25px; height:20px; overflow: hidden; border: none; cursor: pointer; text-indent: -7000px }
	
	* html body #search-submit {padding-top:22px}	
	*+html body #search-stagcloudubmit {padding-top:22px}	
	
	#sidebar h2 { color: #333; font-size: 14px; text-align: left;  }
	
	#sidebar .side-switch h2 {background-position: right bottom}
	
	#sidebar ul;#sidebar ol {padding-right:10px; padding-left:10px;list-style: none }
	
	#sidebar ul ul {background:none; padding:0 }
	
	#sidebar li {padding: 0; list-style: none; padding-top:5px; padding-bottom:5px;}
	
	#sidebar ul ul {padding: 0px ;padding-left:20px;}
	
	#sidebar li li {margin:0 9px 0 0px;border-bottom:1px solid #F1F1F1 } 
	
	#sidebar .widget {padding-left:10px;}
	
	#sidebar div.widget {margin: 0;}
			
	#sidebar ul ul ul { padding: 0px }
	
	.sidebar-divider {background: url(images/sidebar-divider.gif) repeat-x 0 top; height:1px; line-height:1px; margin: 0 0 5px; width: 292px }
	
	#optin-container p { padding: 0; margin:0 }

	#optin-container p.freeaudio { padding: 0 30px; margin:0 }

	.btn-submit {background: url(images/btn-submit.gif) no-repeat; width: 87px; height: 24px; border: none; cursor: pointer }
	
	#location-name {background: url(images/location-name.gif) no-repeat; width: 105px; height: 13px; position: absolute;	right: 243px; top: 72px; text-indent:-7000px;  }
	
	#fcg-slides {margin: 0 0 18px 12px; border: 1px solid #dfdfdf; padding: 7px; background: #fff }
	
	#fcg-slides h2 {color: #54b4f7 !important; margin:16px 0 0 16px !important; font-size: 16px !important }
	
	#fcg-slides p {margin:2px 0 0 16px !important }
	
	#fcg-slides .slideInfoZone {bottom: 0 }
	
	#socialize-icons {position: absolute; top: 50px; right: -2px; list-style:none }
	
	#socialize-icons a {display: block; height: 34px }
	
	#socialize-icons li {float: right; overflow:hidden; text-indent: -33333px }
	
	#icon-twitter {background: url(images/socialize-icons.png) no-repeat 0 0; width: 51px }
	
	#icon-facebook {background: url(images/socialize-icons.png) no-repeat -51px 0; width: 33px  }
	
	#icon-rss {background: url(images/socialize-icons.png) no-repeat 100% 0; width: 40px }
	
	.customhtml {padding:0 0 0 98px }
	
	#opt_data {display: none }
	
	.meta {margin: 0 0 10px}
	
	.tagmeta {color:#666; font-style:italic }
	
	#tagcloud {margin-bottom:25px }
	
	.post ul {margin-left:0; padding-left:30px }
	div.page ul {margin-left:0; padding-left:30px }
	div.page ul.children {padding: 0}
	.customhtml ul {margin-left: 0; padding-left:30px }
	
	.post ol {margin-left:0; padding-left:30px }
	div.page ol {margin-left:0; padding-left:30px }
	div.page ol.children {padding:0 }
	.customhtml ol {margin-left:0; padding-left:30px }
	
	.button {background:url(images/btn-comment-submit.png) no-repeat right top; color:#fff; cursor:pointer; display:inline-block; font-size:24px; font-weight:bold; height:27px; line-height:27px; vertical-align:middle; padding-right:10px }
	.button span {background:url(images/btn-comment-submit.png) no-repeat left top; display:inline-block; height:27px; line-height:27px; padding-left:10px }
	.button span input {background:none; border:0 none; color:#fff; cursor:pointer; font-family:inherit; font-size:14px; font-weight:bold; padding-top:5px }
	
	.comment-text .reply {display:block; float:right }
	
	.comment-text .reply a {margin-top:-25px; display:block;}
	
	#sidebar li#promo {margin:0 0 0 20px }
	
	#commentform lable {font-size:120% }
	
	.editpost {background:url(images/icon-edit.gif) no-repeat; padding:0 0 2px 18px }
	.tag-icon, .post .tags {background:url(images/icon-tag.gif) no-repeat; padding:0 0 2px 16px }
	.comment-icon {background:url(images/icon-comment.gif) no-repeat; padding:0 0 0 18px }
	.usr-meta {background:url(images/icon-author.gif) no-repeat; padding:0 0 1px 18px}
	.readmore-icon, .navigation .alignright a {background:url(images/icon-doublearrow.gif) no-repeat right 0; padding:0 18px 1px 0}
	.navigation .alignleft a {background:url(images/icon-doublearrow-left.gif) no-repeat left 0; padding:0 0 1px 18px}
	.comment-reply-link {background:url(images/icon-reply.gif) no-repeat; padding:0 0 2px 18px }
	.comment-reply-login {background:url(images/icon-key.gif) no-repeat; padding:0 0 2px 18px }
	#optinbox .optin-nomsg {background: url(images/optin-container.png) no-repeat }
	
	.containwithin {overflow:hidden }
	
	.postedinfo {margin: 5px 0 0 0 }
/* *** END STYLES*** */


/* *** LINK / NAVIGATION *** */
	#logo a:link, #logo a:visited {color:#fff }
	
	#globalnav {position:fixed;top: 0px;  width: 100%; background:#333; z-index: 999;border-bottom:2px solid #74D700;}
*+html #globalnav {top:expression(body.scrollTop + documentElement.clientHeight - 30 + "px");}
	
	#globalnav ul {list-style: none; width:900px; height: 28px; margin-left:auto;margin-right:auto; }
	
	#globalnav ul li {float: left; }
	
	#globalnav ul li li {margin-top:-3px}	
	#globalnav ul li ul {margin-top:2px;border-top:1px solid #555E6D}	
	#globalnav ul li.last {}
	
	#globalnav a:link, #globalnav a:visited {color: #fff; text-decoration: none; font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-weight: bold }
	
	#globalnav a:hover {color: #fff; text-decoration:underline }
	
	#navpocket {}
	
	#nav li a, #nav li a:link {display: block; font-size: 12px;text-decoration: none; padding:10px;}	
	* html body #nav li a:link {padding:10px;} 
	
	#nav li a:hover, #nav li a:active,#nav .current_page_item a, #nav .current-cat a {display: block; text-decoration: none; /*background: url(images/back_flemenu.png) no-repeat;background-position:center bottom*/}

	#nav li li a, #nav li li a:link, #nav li li a:visited {background:#FFF;color: #444; width: 150px; float: none; margin: 0px; padding:10px; border:2px solid #555E6D;border-top:0px solid #CCC }
		
	#nav li li a:hover, #nav li li a:active {background:#373737; color:#FFF; text-decoration:none }
	
	#nav li li li a:hover, #nav li li li a:active {color:#ff6600 }

	#nav li ul {position: absolute; left: -999em; height: auto; width: 150px;}

	#nav li ul li {}

	#nav li li {padding: 0;}

	#nav li ul ul {margin: -36px 0 0 173px }

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em }

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto}
	
	#navpocket .nav-wide {width:100% }
	
	#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {font-size: 18px; text-decoration: none; font-weight:normal; color:#f1f1f1; }
	
	#logo a span {font-weight:bold; font-size:26px; color:#fff }
	
	.entry_header h1 a:link, .entry_header h1 a:visited, .entry_header h2.home a:link, .entry_header h2.home a:visited {font-size:28px; font-weight:normal; color:#333 ; text-decoration: none;  }
	
	.post-edit-link a:link, .post-edit-link a:visited {font-size:12px; font-weight:normal }
	
	#sidebar ul li a:link, #sidebar ul li a:visited  { color: #4f4f4f; text-decoration: none; font-weight: normal  }
	
	#sidebar ul li a:hover { text-decoration: underline }

	#sidebar h2 {margin:10px;width:243px;height:25px;background: url(images/back_titremenu.png) }
	
	#sidebar ul li a.sidebartitle:link, #sidebar ul li a.sidebartitle:visited  {padding-left:15px; padding-top:5px;color: #333; text-decoration: none; font-weight: bold;  display: block; outline: none; }
	
	#footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px; font-weight: normal }
	
	#footer a:active, #footer a:hover {color: #FFFFF1; text-decoration: underline }
	
	#footer a.attribution:link, #footer a.attribution:visited, #footer a.attribution:hover {color: #636363; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px; width: 870px }
	
	#footer h2 a:link, #footer h2 a:visited, #footer h2 a:hover, #footer h2 a:active {font-weight: bold; color: #FFFFF1 }
	
	#footer ul.footerlinks li li {margin: 0; padding: 0 0 0 0px; list-style-type:none;/*square*/ }
	#tag_cloud-2 {list-style-type:none;}
	
	.footer-content .divider {margin: 0 12px }
		
	#footer-tag a:link, #footer-tag a:visited {color: #88ceff; font-weight: normal }
	
	#footer-tag a:active, #footer-tag a:hover {color: #d9effe }
	
	#left-col a.post-edit-link:link, #left-col a.post-edit-link:visited, #left-col a.post-edit-link:hover {font-size:12px; text-decoration: underline }
	#left-col .editpost a:link, #left-col .editpost a:visited, #left-col .editpost a:hover {font-size:12px; text-decoration: underline }
	
	.categories a:link, .categories a:hover, .categories a:visited {background: #76d705; padding: 2px 7px; color: #fff; text-decoration: none; white-space:nowrap }
	
	.comment-bubble a:link, .comment-bubble a:visited {font-weight: normal; color: #fff; text-decoration: none }
	
	.page-content h3 a:link, .page-content h3 a:visited, .page-content h3 a:hover {text-decoration: none }
	
	.fn a:link, .fn a:visited {text-decoration:none }
/* *** END LINK / NAVIGATION *** */


/* *** Start WordPress *** */
	.alignleft {float: left; margin:0 1em 1em 0 }
	.alignright {float: right; margin:0 0 1em 1em }
	.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center }
	#login {position: absolute; top: 0px; width: 100%; height: 20px; background: url(images/login.png) repeat-x; color: #e1e1e1; font-size: 10px }
	#login ul {list-style: none; float: right; margin-top:3px }
	#login li {float: left; margin-right: 15px }
	#login li.dot {padding-left: 12px; background: url(images/whitedot.png) no-repeat 0 2px }
	#login a:link, #login a:visited {color: #e1e1e1; font-size: 10px; text-decoration: none }
	#shadow #header-search {display: inline; width: 130px; right: 25px; top: 7px; margin: 0;  }
	#shadow #header-search form {display: inline}
	#shadow #header-search #s {border: 1px solid #ccc; background: #ccc; width: 120px; font-size: 11px; color: #666;  }
	.navigation, #respond {margin: 0 18px 0 93px }
	.comments-box a:link, .comments-box a:visited, .comments-box a:hover {color: #918872; font-size: 24px; padding: 18px 0 0 0; display: block; text-decoration: none }
	.comments-box {background: url(images/back-comment-bubble.jpg) no-repeat;display:block;float:right;height: 95px;margin:-50px -10px 0 0;
		padding:5px 10px 0 28px;position:relative;width:98px }
	.comments-box a:link, .comments-box a:visited, .comments-box a:hover, .comments-box a:active {font-size:15px}
	.commentlist {list-style: none; background-color:#fcfcfe; padding:13px 0; margin:0 18px 0 81px; background: url(images/dash.png) repeat-x }
	.commentlist li.depth-1 {margin:5px 0 3px; padding:5px 0 3px 5px }
	.commentlist li li {padding:5px 0 3px 0; list-style:none }
	.commentlist .alt { }
	.commentlist p {margin:10px 5px 10px 0 }
	.formfield {background:#fff url(images/textfield.gif)  repeat-x center top; border:1px solid #a6a6a6;padding:3px 2px }
	.comment-author, .comment-author a:link, .comment-author a:visited, .comment-author a:hover, .fn {font-weight: bold; color:#cd0c0c }
	#commentform #submit {color:#fff;cursor:pointer;font-size:12px;padding:5px 6px 3px 6px }
	#comment {width:490px }
	.comment #comment {width:100% }
	#respond {padding-top: 20px; background: url(images/dash.png) repeat-x; margin-top:10px;color:#666 }
	#respond h5 {background:url(images/back-leave-comment.png) no-repeat; padding:0 0 10px 40px }
	.comments-box {color: #918872; font-size: 24px; display: block; background: url(images/back-comments-box.gif) no-repeat right top; width:544px }
	.commentheading {color:#575757; padding-bottom: 4px; margin: 0 0 0 96px; font-weight:bold; font-size:16px }
	.author {display:block; float:right; padding:0 0 7px; width:520px; background: url(images/post-title-line.gif) repeat-x 0 bottom }
	.comment-avatar {float:left; width:90px }	
	.comment-avatar .pic {background:url(images/commentpoint.png) no-repeat 100% 33%; margin-top:10px; padding-right:14px }
	.comment-avatar .pic img {display:block; padding:3px;  }
	.comment-avatar .name {font-weight:normal; overflow:hidden; padding-right:14px; width:67px }
	.comment-meta {float: left; background:#e3e3e5 url(images/comment.gif) no-repeat; padding:10px 15px 0; width:387px }
	.comment-text {clear:both; background: url(images/comment.gif) no-repeat right bottom; line-height:145%; margin:10px -15px 0; padding:0 15px 30px }
	.commentlist .children .comment-avatar .pic {background:none }
	.commentlist .children .comment-time-meta {padding:0 0 1px 20px; background:url(images/icon-return.gif) no-repeat }
	.bypostauthor .comment-avatar .pic {background:url(images/commentpoint-author.png) no-repeat 100% 33% }
	.bypostauthor .comment-meta {background-color:#e4ebed; color:#000 }
	.postmetadata {background:#f0f0f0 none; margin:15px 0; padding:5px 10px;}
	.postmetacat, .categories {line-height: 200%}
	#left-col .catheader {text-align:left; display:inline }
	#left-col .catcenter {text-align:left; display:block }
	.comment-text ul {padding: 0 0 0 30px }
	.comment-text li {margin: 0 }
	.nocomments {text-align: center; color:#999 }
	.post img, .page img, .customhtml img {max-width: 505px }
	.page #respond, .page .commentheading, .page #comments, .page .navigation, .page .commentlist {margin-left: 0 }
	.wp-caption {background-color:#f3f3f3; border:1px solid #ddd; margin:10px; padding-top:4px;text-align:center }
/* *** End WordPress *** */


/* ***For LandingPage *** */
	.landingpage #shadow {width: 702px; overflow: hidden }
	.landingpage #container {background: #fff url(images/back-container-landing.jpg) no-repeat; padding:58px 25px 20px; min-height: 240px }
	.landingpage #header {height: 90px }
	.landingpage #footer {width: 702px }
	.landingpage #footer-bottom {width: 702px; height:9px; line-height:9px; background:#118bdf }
	.landingpage #footer .footer-widget {width: 195px }
/* ***End LandingPage *** */

/* *** AJOUTS DH *** */
#related_post {padding:10px;margin-bottom:10px; background:#F1F1F1}
#related_post p {font-weight:bold}
#related_post a {color:#444;text-decoration:underline}
.postedinfo .tag-meta a {color:#444}
.entry_content a.more-link, .entry_content .comment-icon a{text-decoration:none; color: #097ab1}
/* galerie sidebar */
#sidebar ul .entry-content {padding-left:10px} 
/* popularity */
.akpc_report ol {margin-left:0px}
#sidebar .akpc_report ol li {list-style-type:none;list-style:none; list-style-image:none}
.akpc_report ol span {font-weight:bold; color:#999;margin-right:5px}