/*  

Theme Name: (Not so) Fresh

Version: 1.10 english

*/



 

/**********************************************

*   Basics & Typography                       *

***********************************************/



body {

	margin: 0;

  	padding: 0;

	background: #191919 url(images/bg.gif);

	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

	color: #000;

	text-align: left;

	}



p,

ol,

ul {

	line-height: 150%;

	}

ol { /* to be styled */ }

ul { /* to be styled */ }



h1, h2, h3, h4, h5, h6 {

	margin: 0;

	font-style: normal;

	font-weight: bold;

	background: transparent;

	color: #050d24;

	}



h1 {

	font-size: 1.4em;

	}

h2 {

	font-size: 1.4em;

	}

h3, h4, h5, h6 {

	font-size: 1em;

	}



a:link {

	color: #2f63b3;

	text-decoration: none;

	}

a:visited {

	color: #2f63b3;

	text-decoration: none;

	}

a:hover {

	color: #4a5265;

	text-decoration: underline;

	}

a:active {

	color: #2f63b3;

	text-decoration: underline;

	}



blockquote {

	margin: 10px 0;

	padding: 0 50px;

	background: transparent url(images/blockquote.gif) no-repeat 0 0;

	color: #3366CC;

	}



code {

  background: #afafaf;

  cursor: text;

  font-family: "Courier New", Courier, monospace;

 }



small {

	font-size: 0.8em;

	}



input, textarea, select { /* to be styled */ }



form { /* to be styled */ }



img { /* to be styled */ }

img.noborder {

	border: none;

	}



.left {

	float: left;

	}

.right {

	float: right;

	}

.center {

	text-align: center;

	}

.alignleft {

	float: left;

	margin-right: 10px;

	}

.alignright {

	float: right;

	margin-left: 10px;

	}



/**********************************************

*   Structure: Content, Sidebar, etc.         *

***********************************************/



#outline {

	width: 905px;

	margin: 0 auto;

	padding: 0;

	background: #fff;

	font-size: 1.3em;

	}





/**********************

*   Header            *

***********************/



#header {

	width: 100%;

	height: 118px;

	background: transparent url(images/header_bg.gif) repeat-x left top; 

	}



#header .blogtitle {

	width: auto;

	height: 118px;

	/* background: transparent url(images/marketing-digital.gif) no-repeat left bottom;*/

	}

#header h1 {

	padding: 50px 0 0 50px;

	}

#header h1 a {

	color: #000000;

	}





	#navbar {

		clear: both;

		float: left;

		width: 100%;

		height: 31px;

		background: transparent url(images/nav_bg.gif) repeat-x 0 0;

		}



	ul.menu {

		float: left;

		margin: 0;

		padding: 0 15px;

		list-style-type: none;

		}

	ul.menu li {

		float: left;

		}

	ul.menu li a {

		float: left;

		display: block;

		height: 28px;

		padding: 3px 15px 0 15px;

		line-height: 24px;

		color: #fff;

		}

	ul.menu li a:link,

	ul.menu li a:visited {

		color: #fff;

		background: none;

		}

	ul.menu li a:hover,

	ul.menu li a:active {

		color: #fff;

		background: url(images/nav_hover.gif) no-repeat center top;

		text-decoration: none;

		}



	ul.menu li.current_page_item a:link,

	ul.menu li.current_page_item a:visited,

	ul.menu li.current_page_item a:hover,

	ul.menu li.current_page_item a:active {

		color: #fff;

		background: transparent url(images/nav_active.gif) no-repeat center bottom;

		text-decoration: none;

		}



	.searchbar {

		float: right;

		width: 340px;

		height: 31px;

		margin: 0;

		}

	.searchform {

		width: 340px;

		height: 20px;

		text-align: left;

		}



	input#s {

		width: 320px;

		height: 18px;

		margin: 5px 0 0 1px !important;

		margin: 4px 0 0 1px; /* Fuck IE */

		padding: 1px 0 0 2px;

		border: 1px solid #999;

		background: #fff url(images/searchbg.gif) repeat-x 0 0;

		}




/***********************

*  Wrapper             *

***********************/



#wrapper {

	float: left;

	background: #fff;

	margin: 0 !important;

	margin: -15px 0 0 0; /* Fuck IE */

	padding: 0;

	}





/**********************

*   Content           *

***********************/



#content {

	float: left;

	width: 560px;

	height: 100%;

	background: #fff;

	}



.pages {

	float: left;

	width: 530px;

	background: #eee url(images/separator_blue.gif) repeat-x bottom center;

	}

.pages-border {

	clear: both;

	width: 100%;

	height: 6px;

	background: transparent url(images/separator_blue.gif) repeat-x 0 0;

	}

.pagenavi {

	float: left;

	padding: 20px 0 16px 30px !important;

	padding: 0 0 15px 30px; /* Fuck IE */

	}

.page-previous {

	float: left;

	padding: 10px 0 16px 30px !important;

	padding: 0 0 15px 30px; /* Fuck IE */

	}

.page-next {

	float: right;

	padding: 10px 30px 16px 0 !important;

	padding: 0 30px 15px 0; /* Fuck IE */

	}



.page-title {

	width: 530px;

	margin: 20px 0 0 0;

	background: #dfdfdf url(images/separator_blue.gif) repeat-x bottom center;

	}

.page-title h2.page-title-border {

	padding: 0 0 0 30px;

	background: transparent url(images/separator_blue.gif) repeat-x 0 0;

	font-size: 1.6em;

	line-height: 48px;

	color: #104177;

	}



/**********************

*   Blog Entries      *

***********************/



.post {

	padding: 20px 30px;

	background: #fff;

	}



.postentry {

	color: #050d24;

	text-align: justify;

	}

.postentry a,

.postentry a:hover {

	color: #2f63b3;

	}



.postentry img {

	border: 5px solid #edf2ff;

	}

.postentry img:hover {

	border: 5px solid #efefef;

	}





.posttitle { 

	margin: 0px 0 6px 0;

	padding: 0 0 7px 0px;

	width: 100%;

	background: transparent url(images/separator_green.gif) repeat-x center bottom;

 }



.posttitle a:link,



.posttitle a:visited,



.posttitle a:hover {



	color: #050d24;

	text-decoration: none;

	}



.posttitle a:active {



	color: #050d24;

	text-decoration: none;

	}



.postmeta,

.postmeta a {

	margin: 5px 0 ;

	font-size: 9px;

	color: #2f63b3;

	}

.post-date {

	padding: 0 0 0 20px;

	background: url(images/icon_date.gif) no-repeat 0 0;

	}

.post-comment {

	padding: 0 0 0 20px;

	background: url(images/icon_comments.gif) no-repeat 0 0;

	}

.post-filed {

	padding: 0 0 0 20px;

	background: url(images/icon_filed.gif) no-repeat 0 0;

	}




/**********************

*   Comments          *

***********************/



.commentpage {

	margin: 0 30px;

	padding: 0;

	}



#comments {

	margin: 0;

	padding: 0;

	}



.comments-num {

	background: transparent url(images/separator_green.gif) repeat-x center bottom;

	padding: 0 0 10px 0;

	}



#commentlist {

	margin: 0;

	padding: 0;

	list-style-type: none;

	}

#commentlist li {

	padding: 20px 25px 0 0;

	border-bottom: 1px solid #eee;

	background: #fafafa url(images/comment_bg.gif) repeat-y 0 0;

	}

	.alt {

		background-color: #fff !important;

		background-image: none !important;

		}



.comment-gravatar {

	float: left;

	width: 62px;

	height: 62px;

	background: transparent url(images/gravatar.gif) no-repeat;

	}

	img.gravatar {

		margin: 7px 0 0 7px;

		border: none;

		}



.comment-title,

.comment-meta,

.comment-text {

	margin: 0 0 0 80px;

	}



.comment-title,

.comment-title a,

.comment-title a:hover{

	color: #030612;

	}

.comment-meta,

.comment-meta a,

.comment-meta a:hover {

	color: #2f63b3;

	}



h2#postcomment {

	margin: 30px 0 0 0;

	padding: 0 0 10px 0;

	background: transparent url(images/separator_green.gif) repeat-x center bottom;

	}



.postcomment {

	clear: both;

	margin: 20px 0 0 0;

	padding: 20px;

	background: #eee url(images/separator_blue.gif) repeat-x center top;

	}



.postcomment input,

.postcomment textarea {

	border: 1px solid #aaa;

	}

.postcomment input:hover,

.postcomment textarea:hover {

	border: 1px solid #fec02a;

	}

.postcomment input#author,

.postcomment input#email,

.postcomment input#url {

	width: 100% !important;

	width: 456px; /* Fuck IE */

	height: 18px;

	}

.postcomment textarea#comment {

	width: 100% !important;

	width: 456px; /* Fuck IE */

	height: 200px;

	}



.postcomment input#submit {

	width: auto;

	height: 25px;

	padding: 2px 10px 3px 10px;

	background: #e5edff url(images/submit.gif) repeat 0 0;

	}

.postcomment input#submit:hover {

	background: #e5edff url(images/submit_hover.gif) repeat 0 0;

	}	







/**********************

*   Sidebar           *

***********************/



#sidebar {

	float: right;

	width: 345px;

	margin: 0;

	padding: 0;

	background: #fff;

	}



#sidebar .rssfeeds {

		height: 130px;

		margin: 0;

		padding: 0;

		background: transparent url(images/feeds.gif) no-repeat right bottom;

		}



#sidebar .topad {

                float: middle;

		height: 270px;

		margin: 0;

		padding: 10px 15px 0 15px;

		}



#sidebar .socialtools {

		height: 130px;

		margin: 0;

		padding: 0;

		background: transparent url(images/social.gif) no-repeat right bottom;

		}



#sidebar h2.feed-title {

		margin: 20px 0 6px 0;

		padding: 0 0 7px 3px;

		width: 95%;

		background: url(images/separator_green.gif) repeat-x center bottom;

		font-size: 1.4em;

		}



#sidebar h2.social-title {

		margin: 0;

		padding: 20px 0 7px 3px;

		background: none !important;

		font-size: 1.4em;

		}



	.rssfeeds a.rss  {

		padding: 0 0 0 25px;

		background: transparent url(images/icon_rss.gif) no-repeat 5px 0;

		}

	.rssfeeds a.twitter{

		padding: 0 0 0 25px;

		background: transparent url(images/icone-twitter.jpg) no-repeat 5px 0;

		}



	.socialtools img  {

		border: 1px solid #edf2ff;

		padding:1px;

		vertical-align: top;

		}

#sidebar h2 {

	display: block;

	margin: 16px 0 6px 0;

	padding: 0 0 7px 3px;

	width: 95%;

	background: url(images/separator_green.gif) repeat-x center bottom;

	font-size: 1.4em;

	}



#sidebar ul {

	clear: both;

	margin: 0;

	padding: 0;

	list-style-type: none;

	}

#sidebar ul li {

	clear: both;

	color: #bbb;

	}

#sidebar ul.no-splitted li {

	padding: 0 5px;

	}

#sidebar ul.no-splitted ul li {

	margin: 0 -5px;

	}

#sidebar ul.blc {

	padding: 0 5px;

	}



#sidebar li#articlesrecents {

	float: left;

	width: 95%;

	margin: 0 0 15px 0;



	}



#sidebar li#articlespopulaires {

	float: left;

	width: 95%;

	margin: 0 0 15px 0;

	}



#sidebar li#liensexternes {

	float: left;

	width: 95%;

	margin: 0 0 15px 0;

	}



#sidebar li#articlesbases {

	float: left;

	width: 95%;

	margin: 0 0 15px 0;

	}



#sidebar li#sidebar-splitted {

	float: left;

	width: 95%;

	margin: 0 0 15px 0;

	}

#sidebar-splitted .splitted-left {

	float: left;

	width: 140px;

	}

#sidebar-splitted .splitted-right {

	float: right;

	width: 145px;

	}



#sidebar li#sidebar-splitted2 {

	float: left;

	width: 95%;

	margin: 0 0 15px 0;

	}

#sidebar-splitted2 .splitted-left2 {

	float: left;

	width: 140px;

	}

#sidebar-splitted2 .splitted-right2 {

	float: right;

	width: 145px;

	}



#sidebar li#sidebar-splitted3 {

	float: left;

	width: 95%;

	margin: 0 0 15px 0;

	}

#sidebar-splitted3 .splitted-left3 {

	float: left;

	width: 140px;

	}

#sidebar-splitted3 .splitted-right3 {

	float: right;

	width: 145px;

	}



ul.splittedlists li {

	background: transparent url(images/dot.gif) no-repeat 5px 5px;

	padding: 0 0 0 23px;

	}

ul.splittedlists ul li {

	margin: 0 0 0 -23px;

	}

ul.splittedlists li a:link,

ul.splittedlists li a:visited {

	color: #353d50;

	}

ul.splittedlists li a:hover,

ul.splittedlists li a:active {

	color: #2c76bb;

	}





/**********************

*   Bottom            *

***********************/



#bottom {

	clear: both;

	float: left;

	width: 905px;

	height: 100%;

	margin: 0;

	padding: 0;

	background: #292929 url(images/separator_green.gif) repeat-x 0 0;

	border-top: 20px solid #fff;

	font-size: 0.9em;

	text-align: left;

	color: #fff;

	}

#bottom-divs {

	float: left;

	clear: both;

	margin: 0;

	padding: 20px;

	}

#bottom-left,

#bottom-mid,

#bottom-right {

	width: 30%;

	padding: 20px 0 20px 20px;

	float: left;

	}

#bottom h2 {

	margin: 0 0 10px 0;

	padding: 0 8px;

	font-size: 1.6em;

	color: #fff;

	}

#bottom h2 span {

	color: #888;

	}

#bottom ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	border-top: 1px solid #555;

	}

#bottom ul li {

	line-height: 26px;

	border-bottom: 1px solid #555;

	}

#bottom ul li a {

	display: block;

	padding: 0 10px;

	color: #fff;

	text-decoration: none;

	}

#bottom ul li a:hover {

	background: #191919;

	}

#bottom-sep {

	clear: both;

}



/**********************

*   Footer            *

***********************/



#footer {

	width: 100%;

	height: 74px;

	clear: both;

	background: #191919;

	border-top: 1px solid #000;

	color: #fff;

	}



#footer .credits {

	float: right;

	margin: 0;

	padding: 0;

	border: none;

	}



#footer p {

	margin: 0;

	padding: 13px 25px;

	font-size: 0.9em;

	line-height: 200%;

	}

#footer p a:link,

#footer p a:visited {

	color: #aaa;

	}

#footer p a:hover {

	color: #fff;

	}

#footer p a:active {

	color: #9ad202;

	}

	

/* Tags 

-------------------------------------------------------*/

.tagging {

        text-align: left;

        font-size: 0.9em;

        padding: 3px 0 3px 0;

}

.tagging img {

	padding: 3px 0 0 0;

	border: 0px;

}



.tagging img:hover {

	padding: 3px 0 0 0;

	border: 0px;

}



.tagging a{

	text-decoration: none;

	border-bottom: none;

}

/* End Various Tags & Classes*/



.post_ad {

	background: #fff;

	padding-left: 30px;

	padding-top: 0px;

	padding-bottom: 10px;

	}

	

/* Extras */



