/*
	Theme Name: TextMaster Blog
	Theme URI: http://html5blank.com
	Description: Theme for textMaster Blog
	Version: 1.0
	Author: Le Gravier Thomas (@lebasalte)
	Author URI: http://stonewebapps.com;
	Tags: Blank, HTML5, CSS3
	
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

#last_article_gondole{
	position:relative;
	display:block;
	width:100%;
	height:300px;
	overflow:hidden;
	margin-bottom:30px;
}

#last_article_gondole .one_article{
	position:relative;
	display:block;
	width:33%;
	height:100%;
	float:left;
	overflow:hidden;
}
#last_article_gondole .last_article{
	width:34%;
}
#last_article_gondole .one_article a{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:10;
}
#last_article_gondole .one_article a h2{
	position:relative;
	display:block;
	text-decoration: none;
	font-family:'SansationLight';
  	font-size:26px;
  	color:#fff;
  	text-align: left;
  	padding:0 15px;
  	line-height: 30px;
  	top:10px;
  	overflow:hidden;
  	height:59px;
}
.container-title {
	height:80px;
	position:relative;
	overflow:hidden;
	display:block;
	top:220px;
	background:#333;
  	background:rgba(0,0,0,0.5);
  	-webkit-transition:all 0.23s;-moz-transition:all 0.23s;-o-transition:all 0.23s;-ms-transition:all 0.23s;transition:all 0.23s;
}
#last_article_gondole .one_article:hover .container-title, #last_article_gondole .one_article:focus .container-title{
	top:310px;
}

#last_article_gondole .one_article .picture{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
#last_article_gondole .one_article .picture .overlay{
	position:absolute;
	top:0px;
	left:0px;
	/*background:#000;*/
	opacity:0;
	z-index:3;
	height:100%;
	width:100%
}
#last_article_gondole .one_article .picture img{
	position:relative;
	display:block;
	height:100%;
	width:auto;
	min-width:100%;
	max-width:none;
}

/*** Article ***/
#content_post{
	position:relative;
	display:block;
	width:620px;
	height:auto;
	/*overflow:hidden;*/
	float:left;
	margin-bottom:30px;
}

#content_post h2.title_ok, #content_post h1{
	position:relative;
	display:block;
	font-size:30px;
	color:#35a1bc;
	line-height:35px;
	font-family:'SansationLight';
	border-bottom:1px solid #dedede;
	-webkit-box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	-moz-box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	-o-box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	-ms-box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	padding:0 20px 20px 20px;
}
#content_post h2.title_ok a{
	text-decoration: none;
	color:#35a1bc;
}
#content_post h2.title_ok a:hover, #content_post h2.title_ok a:focus{
	color:#257083;
}
#content_post .informations{
	position:relative;
	display:block;
	border-bottom:1px solid #eee;
	height:60px;
	padding:0 20px;
}

#content_post .informations .author:hover > p, #content_post .informations .author:focus > p{
	color:#555;
}

#content_post .informations .avatar{
	position:relative;
	display:block;
	float:left;
	height:20px;
	width:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top:20px;
}
#content_post .informations p{
	position:relative;
	display:block;
	float:left;
	margin-top:20px;
	font-size: 13px;
	font-weight: bold;
	color:#777;
	margin-left:10px;
}
#content_post .informations p span{
	font-weight: normal;
}
#content_post .informations .date{
	position:relative;
	display:block;
	margin-top:20px;
	float:right;
	font-weight:normal;
	font-size:13px;
	color:#777;
	padding-left:25px;
	background:url(./img/clock_ico_light.png)no-repeat center left;
}
#content_post .the_content{
	position:relative;
	display:block;
	height:auto;
	color:#666;
	padding:20px 20px 0 20px;
	font-size:14px;
	line-height:24px;
	text-align: left;
}
#content_post .the_content p a{
	color:#3ab5cf;
}
#content_post .the_content ul{
	list-style: initial;
}
#content_post .the_content ul li{
	margin-left:16px;
}
#content_post .the_content p a:hover, #content_post .the_content p a:focus{
	color:#2f95ab;
}
#content_post .the_content p, #content_post .the_content .p1, #content_post .the_content .p2, #content_post .the_content .p3, #content_post .the_content .p4, #content_post .the_content .p5{
	margin-bottom:10px;
}
#content_post .the_content img{
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
}
#content_post .show_more{
	position:relative;
	display:block;
	height:auto;
	padding:20px 0 0 20px;
	overflow:hidden;
}
#content_post .show_more a{
	position:relative;
	display:block;
	float:left;
	background: url(./img/arrow_next_link.png)no-repeat top right #35a1bc;
	padding:5px 50px 4px 20px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
}
#content_post .show_more a:hover, #content_post .show_more a:focus{
	background-color:#3298b1;
}
/*** PAGINATION ****/
#pagination{
	position:relative;
	display:block;
	width:100%;
	margin-top:20px;
}
#pagination .page-numbers{
	position:relative;
	display:block;
	margin:0px auto;
	overflow:hidden;
	text-align:center;
}
#pagination .page-numbers li{
	position:relative;
	display:inline-block;
	margin-right:9px;
}
#pagination .page-numbers li a,#pagination .page-numbers li span{
	color:#fff;
	font-size:13px;
	height:35px;
	line-height:35px;
	width:35px;
	background:#3298b1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight:bold;
	text-transform:uppercase;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
#pagination .page-numbers li .next, #pagination .page-numbers li .prev{
	padding:0 20px;
	width:auto !important;
}
#pagination .page-numbers li .current{
	background-color:#35a1bc;
}
#pagination .page-numbers li a:hover{
	background-color:#35a1bc;
}

.sidebar{
	position:relative;
	display:block;
	float:right;
	height:auto;
	width:340px;
	margin-bottom:60px;
}
.sidebar .search_form{
	position:relative;
	display:block;
	overflow:hidden;
}
.sidebar .search_form .englobe_form{
	position:relative;
	display:block;
	margin-bottom:20px;
}
.sidebar .search_form .englobe_form form{
	position:relative;
	display:block;
	width:100%;
}
.sidebar .search_form .englobe_form form input{
	position:relative;
	display:block;
	height:40px;
	width:95%;
	padding:0 20px;
	color:#222;
	font-size:13px;
}
.sidebar .search_form .englobe_form form button{
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	position:absolute;
	top:0;
	right:0;
	width:40px;
	background:url(./img/icons/search_ico.png)no-repeat center center #35a1bc;
	height:40px;
	z-index:99;
	cursor:pointer;
	border:none;
}
.sidebar .search_form .englobe_form form button:hover, .sidebar .search_form .englobe_form form button:focus{
	background-color:  #3298b1;
}
.sidebar .search_form p{
	position:relative;
	display:block;
	text-transform: uppercase;
	text-align:center;
	color:#888888;
	font-size:12px;
}
.sidebar .search_form .sharing{
	position:relative;
	display:block;
	height:70px;
	margin-top:10px;
}
.sidebar .search_form .sharing li{
	position:relative;
	display:block;
	float:left;
	height:70px;
	width:85px;
}
.sidebar .search_form .sharing li a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:#ccc;
	border-top:1px solid #dedede;
}
.sidebar .search_form .sharing li a:hover, .sidebar .search_form .sharing li a:focus{
	background-color:#35a1bc;
	border-top:1px solid #35a1bc;
	-webkit-box-shadow:0px -4px 0px #3ab1cf;
	-moz-box-shadow:0px -4px 0px #3ab1cf;
	-o-box-shadow:0px -4px 0px #3ab1cf;
	-ms-box-shadow:0px -4px 0px #3ab1cf;
	box-shadow:0px -4px 0px #3ab1cf;
}
.sidebar .search_form .sharing .rs a{
	background:url(./img/icons/rss_ico.png) no-repeat center center;
}
.sidebar .search_form .sharing .fb a{
	background:url(./img/icons/fb_ico.png) no-repeat center center;
}
.sidebar .search_form .sharing .tw a{
	background:url(./img/icons/twitter_ico.png) no-repeat center center;
}
.sidebar .search_form .sharing .lk a{
	background:url(./img/icons/lk_ico.png) no-repeat center center;
}
/* sidebar abonnement */
.sidebar .mail_abonnement{
	position:relative;
	display:block;
	background: #eaeaea;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:20px;
}
.sidebar .mail_abonnement .title_abonnement{
	position:relative;
	display:block;
	text-transform: uppercase;
	text-align:center;
	color:#888;
	font-size:12px;
	padding-top:10px;
}
.sidebar .mail_abonnement .widget_wysija_cont{
	position:relative;
	display:block;
	width:300px;
	padding:10px 20px 20px 20px;
}
.sidebar .mail_abonnement .widget_wysija_cont form{
	position:relative;
	display:block;
}
.sidebar .mail_abonnement .widget_wysija_cont form input[type='text']{
	padding:0;
	position:relative;
	display:block;
	height:40px;
	width:95%;
	padding:0 20px;
	color:#222;
	font-size:13px;
	border:none;
}
.sidebar .mail_abonnement .widget_wysija_cont label{
	display:none;
}
.sidebar .mail_abonnement .widget_wysija_cont .formError{
	display:block;
	left:0px !important;
	top:40px !important;
	right:0px !important;
}
.sidebar .mail_abonnement .widget_wysija_cont .formError .formErrorContent{
	width:auto !important;
	border:none !important;
	background-color:#C95F5F !important;
}
.sidebar .mail_abonnement .widget_wysija_cont form input[type='submit']{
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	background:url(./img/icons/arrow_suscribe.png)no-repeat center center #ddd;
	height:40px;
	z-index:10;
	cursor:pointer;
	border:none;
	text-indent:-9999em;
	margin:0;
}


.sidebar .suscribe{
	position:relative;
	display:block;
	background: #eaeaea;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:20px;
}
.sidebar .suscribe p{
	position:relative;
	display:block;
	text-transform: uppercase;
	text-align:center;
	color:#888;
	font-size:12px;
	padding-top:10px;
}
.sidebar .suscribe .englobe_form{
	position:relative;
	display:block;
	width:300px;
	padding:10px 20px 20px 20px;
}
.sidebar .suscribe .englobe_form form{
	position:relative;
	display:block;
}
.sidebar .suscribe .englobe_form form input{
	padding:0;
	position:relative;
	display:block;
	height:40px;
	width:95%;
	padding:0 20px;
	color:#222;
	font-size:13px;
	border:none;
}
.sidebar .suscribe .englobe_form form button{
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	position:absolute;
	top:0px;
	right:0px;
	width:40px;
	background:url(./img/icons/arrow_suscribe.png)no-repeat center center #ddd;
	height:40px;
	z-index:10;
	cursor:pointer;
	border:none;
}
.sidebar .suscribe .englobe_form form button:hover, .sidebar .suscribe .englobe_form form button:focus{
	background-color:  #f2f2f2;
}

.sidebar .categories,
.sidebar .feature_post {
	position:relative;
	display:block;
	margin-top:40px
}

.sidebar .categories p,
.sidebar .feature_post p {
	position:relative;
	display:block;
	text-transform: uppercase;
	color:#888888;
	font-size:12px;
	padding-bottom:5px;
	border-bottom:1px solid #dedede;
}
.sidebar .categories ul,
.sidebar .feature_post ul{
	position:relative;
	display:block;
	height:auto;
}
.sidebar .categories ul li,
.sidebar .feature_post ul li{
	position:relative;
	display:block;
	border-bottom:1px solid #dedede;
}

.sidebar .categories ul li a,
.sidebar .feature_post ul li a{
	position:relative;
	display:block;
	padding:10px 0px;
}
.sidebar .categories ul li a .title,
.sidebar .feature_post ul li a .title {
	position:relative;
	display:block;
	font-size:13px;
	color:#888888;
	text-decoration:none;
	text-align: left;
	line-height:20px;
	font-weight:bold;
	width:280px;
}
.sidebar .categories ul li a .arrow,
.sidebar .feature_post ul li a .arrow {
	position: absolute;
	right: 10px;
	top: 50%;
	height: 12px;
	width: 13px;
	background: url(./img/icons/arrow_feature.png) no-repeat top left;
	opacity: 0.5;
	margin-top: -6px;
}
.sidebar .categories ul li a:hover > .arrow, .sidebar .feature_post ul li a:focus > .arrow,
.sidebar .categories ul li a:focus > .arrow, .sidebar .feature_post ul li a:hover > .arrow {
	opacity:0.99;
}
.sidebar .categories ul li a:hover > .title, .sidebar .feature_post ul li a:focus > .title,
.sidebar .feature_post ul li a:hover > .title, .sidebar .feature_post ul li a:focus > .title{
	color:#555;
}

/*** SINGLE ***/
#content_post .single_post .the_content{
	padding-bottom:20px;
	border-bottom:1px solid #dedede;
	-webkit-box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	-moz-box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	-o-box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	-ms-box-shadow:0px 3px 0px rgba(0,0,0,0.04);
	box-shadow:0px 3px 0px rgba(0,0,0,0.04);
}
#content_post .back_to_home{
	position:relative;
	display:inline-block;
	height:35px;
	margin-bottom:20px;
	line-height: 35px;
	font-size:12px;
	text-transform: uppercase;
	font-weight: bold;
	color:#aaa;
	background-color: #dedede;
	padding:0px 20px;
}
#content_post .back_to_home:hover, #content_post .back_to_home:focus{
	background:#e5e5e5;
}
#content_post .sharing{
	position:relative;
	display:block;
	height:73px;
	/*overflow:hidden;*/
	padding:0 0 0 20px;
	min-height:50px;
	height:auto;
	border-bottom:1px solid #dedede;
	
}
#content_post .sharing + .sharing {
	margin-bottom:30px;
}
#content_post .sharing .share_buttons{
	position:relative;
	display:block;
	float:right;
}
#content_post .sharing .share_buttons li{
	position:relative;
	display:inline-block;
	width:90px;
}
#content_post .sharing .tags{
	position:relative;
	display:block;
	float:left;
	padding-left:20px;
	background:url(./img/icons/bookmark_ico.png)no-repeat 0px 5px;
	color:#989898;
	font-size:13px;
	margin-top:15px;
	margin-bottom:15px;
}

/* This gets Google to fall into place */
.social {
	position:relative;
	display:block;
	float:right;
	font-size: 1px;
	top:15px;
}
 
/* This gets Facebook to fall into place */
.social iframe {
	vertical-align: middle;
}
 
/* Set an optional width for your button wrappers */
.social span {
	display: inline-block;
	width: 110px;
}

.social .Facebook{
	vertical-align: middle;
	height:21px;
}

.social .linkedin span{
	width: auto;
	vertical-align: middle !important;
}

.post-edit-link{
	margin-left:20px;
}
 
/* Adjust the widths individually if you like */
.social .google {
	width: 75px;
}

#content_post .comments{
	position:relative;
	display:block;
}
#content_post .comments li > div {padding:0 20px;}
#content_post .comments .post-edit-link{
	position:relative;
	display:block;
	padding:3px 5px;
	background:#222;
	color:#fff;
	text-transform: uppercase;
	font-weight:bold;
	font-size:12px;
	width:100px;
	text-align:center;
	margin-bottom:20px;
}
#content_post .comments .post-edit-link:hover, #content_post .comments .post-edit-link:focus{
	color:#222;
	background:#fff;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
#respond {
	padding:0 20px;
}
#content_post .comments #reply-title{
	position: relative;
	display: block;
	font-size: 11px;
	color: #777777;
	border-bottom: 2px solid #EEE;
	padding-bottom: 7px;
	margin-bottom: 15px;
	margin-top: 40px;
	text-transform: uppercase;
}
#content_post .comments form #email,
#content_post .comments form #author{
	position:relative;
	width:285px;
	margin-bottom:10px;
	float:left;
} 
#content_post .comments form #email{
	float:right;
}
#content_post .comments form #submit{
	display:block;
	padding:0;
	margin-top:10px;
	width:100%;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}

#content_post .comments .error_comment{
	position:relative;
	display:none;
	margin-top:10px;
	color:#CC2828;
	font-size:11px;
	margin-left:20px;
}

#content_post .comments ul li{
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	border-bottom:2px solid #f1f1f1;
	padding-bottom:10px;
	margin-bottom:25px;
}
#content_post .comments ul li .author_comment{
	position:relative;
	display:block;
	width:607px;
	border-left:3px solid #35a1bc;
	padding-left:10px;
	font-size:17px;
	color:#777777;
	font-family: 'SansationRegular';
	margin-bottom:10px;
	line-height:17px;
}

#content_post .comments ul li p{
	position:relative;
	display:block;
	width:100%;
	line-height:22px;
	color:#999;
	margin-bottom:10px;
	font-size:15px;
}

#content_post .comments ul li .comment-edit-link{
	position:absolute;
	bottom:0px;
	right:0px;
	padding:3px 10px;
	background:#e4e4e4;
	color:#fff;
	font-size:12px;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
#content_post .comments ul li .comment-edit-link:hover{
	background:#222;
}
#content_post .comments ul li .comment-awaiting-moderation{
	padding:6px 0px 4px 10px;
	background:#fff;
	font-size:12px;
	color:#555;
	position:relative;
	display:block;
}
#content_post .categorie_title{
	position:relative;
	display:block;
	height:35px;
	margin-bottom:30px;
	line-height: 35px;
	font-size:12px;
	text-transform: uppercase;
	font-weight: bold;
	color:#aaa;
	background-color: #dedede;
	padding:0px 20px;
}

.one_post {
	position:relative;
	display:block;
	background-color:#fff;
	border:1px solid #dedede;
	padding:20px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

.one_post + .one_post {
	margin-top:60px;
}

.about-tm {
	position:relative;
	display:block;
	margin-top:40px;
}

.about-tm h2 {
	position: relative;
	display: block;
	text-transform: uppercase;
	color: #888888;
	font-size: 12px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dedede;
}

.about-tm p {
	font-size:13px;
	line-height:23px;
	color:#777;
	display:block;
	position:relative;
	margin-top:10px;
}

.about-tm a {
	height:35px;
	padding:0 15px;
	line-height:35px;
	font-size:12px;
	position:relative;
	margin-top:10px;
}

.abs-req {
	display:none !important;
	visibility:hidden;
	opacity:0;
}
#msg-form-wysija-2 .allmsgs div{
	display:none !important;
	visibility:hidden !important;
	opacity:0 !important;
}
#msg-form-wysija-2 .allmsgs .updated{
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
	border:none !important;
	background:none !important;

}