/*
Theme Name: Kinnernet
Theme URI: http://www.muab.fr
Author: El mansouri Abdelilah
Author URI: http://www.muab.fr
Description: Custom theme
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Muab

This theme, is licensed under the GPL.

*/



@import url('css/reset.css');

/***** FONTS  ********
@import url('css/fonts.css');
*/
@import url('css/pattern.css');


/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 16px;
	line-height: 20px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #595959;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}


#wrapper{
	margin: 0;
	position: relative;
	border-top: 2px solid #2faff2;
}

.inside{
	width: 940px;
	margin: 0 auto;
	position: relative;
}

#masthead{
	position: fixed;
	z-index: 0;
}

#main{
	width: 725px;
	float: left;
	
}

#sidebar{
	width: 235px;
	float: right;
	background: #353230;
	height: 100%;

}

#container{
	background: #fff;
	margin-top: 650px;
	position: relative;
	z-index: 300;
}

/**********  HEADER  **********************/


#pixels{
	position: fixed;
	z-index: 100;
	color: #000;
	font-size: 30px;
}
#intro {
	width: 100%;
	height: 650px;
	text-align: center;
	overflow: hidden;
}

#intro .bg1 {
	margin: 0 auto;
	padding: 0;
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 650px;
}
#intro .bg1 img{
	width: 100%;
}
.title{
	margin-top: 200px;
	width: 100%;
	text-align: center;
	position: fixed;
	z-index: 0;
}
	.title h1{
		font-size: 100px;
		font-weight: 700;
		color: #fff;
		margin-bottom: 50px;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
		filter: dropshadow(color=rgba(0, 0, 0, 0.5), offx=1, offy=1);
	}
	.title h1.smallh1 {
		font-size: 45px;
		font-weight: 600;
		margin-bottom: 25px;
	}
	.title h1.biggerh1{
		font-size: 60px;
		font-weight: 700;
		line-height: normal;
	}


.share_head{
	width: 100%;
	text-align: center;
}
.share_head img{
	margin: 0 10px;
}

/************ nav  ****************/

#site-navigation-head{
	text-align: center;
	position: fixed;
	width: 100%;
	margin-top: 60px;
	z-index: 150;	
}
.nav_left,
.nav_right{
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	padding: 15px 0;
}
.nav_left{	
	float: left;
}
.nav_right{
	float: right;
}
	

/**** style 1  **/
#site-navigation-head .nav_left,
#site-navigation-head .nav_right{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 40%;
}

#site-navigation-head a{
	color: #fff;
	margin: 0 4px;
}

#site-navigation-head .logo_home{	
	width: 120px;
	margin-left: -60px;
	position: absolute;
	left: 50%;
	top: -17px;
	
}
#site-navigation-head .logo_home img{	
	width: 100%;
}

/***** style 2  *******/

#cache_nav{
	width: 100%;
	position: absolute;
	top:0;
	background: #fff;
	z-index: 10;
}
#site-navigation-head-2{
	background: #3ab9f4;
	width: 100%;
	position: absolute;
	top:0;
}

#site-navigation-head-2.fixed{
	text-align: center;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 9;	
}
#site-navigation-head-2 .nav_left,
#site-navigation-head-2 .nav_right{
	width: 45%;
}

#site-navigation-head-2 a{
	color: #c1ebff;
	margin: 0 4px;
	font-weight: 600;
}

#site-navigation-head-2 .logo_home{	
	width: 18px;
	margin-left: -9px;
	position: absolute;
	left: 50%;
	top: 10px;
}


#site-navigation-head-2 a.current_page_item{
	color: #fff;
	font-weight: 600;
}
/**********  OTHER PAGE *******/


.otherPage #cache_nav{
	display: none;
}
.otherPage #site-navigation-head-2{
	text-align: center;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 9;	
}

.otherPage #container{
	margin-top: 0;
}

.otherPage .section_page{
	padding-top: 100px;
}


/***************  nav section **************/

.nav_section{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding: 6px 0;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
}
	.nav_section li{
		float: left;
		margin-right: 10px;
	}
		.nav_section li a{
			color: #fff;
			font-size: 13px;
			background: #afafaf;
			display: block;
			padding: 6px 10px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
			position: relative;
		}
		
		.nav_section li a.active,
		.nav_section li a:hover{
			background: #3ab9f4;
		}
		.nav_section li a.active span{
			width: 28px;
			height: 14px;
			background: url(images/shape.png) no-repeat;
			position: absolute;
			margin-left: -14px;
			left: 50%;
			bottom: -14px;
			
		}
		
		
/****************  TAB  *************************/

.content_tab .tab{
	display: none;
}	

.content_tab .tab.active{
	display: block;
}	

/****************  SECTION HOME  *****************/

.section_page{
	padding: 130px 0 0 0;
}
	.content_post{
		line-height: 24px;
		font-size: 15px;
		font-weight: 300;
	}
	.content_post td{
		vertical-align: top;
		font-weight: 300;
	}
	


	.content_post td:first-child{
		padding-right: 20px;
	}
	
	.content_post h3{
		text-align: center;
		margin-bottom: 60px;
		font-size: 22px;
		line-height: 26px;
		font-weight: normal;
	}
	.content_post h4{
		margin-top: 10px;
		margin-bottom: 25px;
		font-size: 24px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 26px;
		padding-bottom: 20px;
		background: url(images/bg_h4.png) no-repeat left bottom;
	}

.title_page{
	text-align: center;
	width: 100%;
	color: #3d3d3d;
	font-size: 40px;
	line-height: 1;
	text-transform: uppercase;
	background: url(images/bg_title_page.png) no-repeat center center;
	margin-bottom: 35px;
}
.title_page span{
	background: #fff;
	line-height: 1;
	padding: 0 40px;
}





/********  Post ****/

.post{
	padding: 30px 0 50px 0;
	border-bottom: 2px solid #d0d0d0;
	margin-bottom: 30px;
}
.post .post_thumbnail{
	width: 340px;
	float: left;
}
	.post .post_thumbnail img{
		width: 100%;
		border: 1px solid #bbbbbb;
	}
.post .int{
	width: 550px;
	float: right;
}
	.post .post_meta{
		margin-bottom: 3px;
	}
	.post_meta .date{
		font-size: 15px;
		color: #a5a5a5;
		font-weight: 400;
		text-transform: uppercase;
		padding-bottom: 10px;
		background: url(images/bg_date_post.png) no-repeat left bottom;
		float: left;
	}
	
	.post_meta .bShare{
		float: right;
	}
		.bShare .bt_tweet{
			float: right;
			margin-top: 0px;
			margin-left: 10px;
		}
		.bShare .fb-like{
			float: right;
			margin-left: 15px;
		}
	.post_meta .nb_comment{
		width: 25px;
		height: 25px;
		margin-top: 2px;
		padding-top: 3px;
		padding-bottom: 15px;
		float: right;
		color: #fff;
		font-weight: 400;
		font-size: 12px;
		line-height: 12px;
		text-align: center;
		background: url(images/ico_comment.png) no-repeat top center;
	}
	.post .int h5.title_post{
		font-size: 24px;
		font-weight: 500;
		text-transform: uppercase;
		margin-bottom: 10px;
	}
		.post .int h5.title_post a{
			color: #676767;
		}
		
	.post_meta_data{
		border-top: 1px solid #c9c9c9;
		border-bottom: 1px solid #c9c9c9;
		padding: 8px 0;
		margin-bottom: 10px;
	}
		.post_meta_data li{
			float: left;
			margin-right: 5px;
		}
		.post_meta_data li span{
			color: #2e9ab9;
		}
	.post .excerpt p{
		margin-bottom: 0;
		line-height: 19px;
	}
	.post p.more{
		text-align: right;
	}

/******************  SINGLE  ************************/
.post-single{
	border: none;
	padding-top: 150px;
}
.post-single .excerpt{
	margin-bottom: 30px;
}

.share_bottom{
	border-top: 1px solid #c9c9c9;
		border-bottom: 1px solid #c9c9c9;
		padding: 8px 0;
		margin-bottom: 10px;
}

.nav-single .nav-next{
	float: right;
}


.content_post p{
	margin-bottom: 20px;
}
.content_post a{
	color: #2e9ab9;
}	


/**************** section forum  ********************/


/*****************  section SHEDULE *******************/

.section_page.schedule td{
	width: 33%;
	padding: 0 45px;
	padding-bottom: 15px;
	vertical-align: top;
	font-size: 15px;
}
.section_page.schedule td a{
	background: #3ab9f4;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 10px;
	line-height: 15px;
	display: block;
}
.section_page.schedule td img{
	margin-bottom: 10px;
}

.section_page.schedule .nav_section{
	margin-top: 50px;
}
.section_page.schedule .nav_section li a{
	padding: 10px 12px;
	font-size: 16px;
}

.item_event{
	border-top: 1px solid #dddddd;
	
}
.item_event:nth-of-type(1){
	border: none;
	
}
	.item_event .horaire{
		width: 100px;
		height: 90px;
		color: #fff;
		text-align: center;
		font-size: 20px;
		line-height: 16px;
		font-weight: 700;
		background: url(images/bg_horaire.png) no-repeat;
		float: left;
		margin-right: 20px;
		padding-top: 43px;
		
	}
		.item_event .horaire span{
			display: block;
		}
	.item_event .int{
		width: 780px;
		padding-top: 30px;
		float: left;
	}
		.item_event .int h6{
			color: #676767;
			font-weight: 300;
			padding-left: 20px;
			background: url(images/bg_map.png) no-repeat;
		}
		.item_event .int h5{
			color: #3ab9f4;
			font-size: 20px;
			text-transform: uppercase;
		}
		.item_event .int p{
			font-weight: 700;
			font-size: 18px;
			line-height: 19px;
		}


/****************  section sponsor  *************/

.post_sponsor{
	width: 220px;
	float: left;
	margin:0 5px 30px 5px;

}
	.post_sponsor .post_thumbnail{
		width: 214px;
		height: 150px;
		border: 3px solid #dddddd;
		margin-bottom: 5px;
	}
	.post_sponsor .post_thumbnail img{
		width: 100%;
	}
	.post_sponsor .post_thumbnail a{
		display: block;
		height: 150px;
		width: 214px;
	}
	.post_sponsor .title_post{
		margin-bottom: 5px;
	}
	.post_sponsor .title_post a{
		color: #454545;
		text-transform: uppercase;
		font-weight: 400;
	}
	.post_sponsor .excerpt{
		padding: 5px 5px 5px 0;
		border-top: 1px solid #c9c9c9;
		border-bottom: 1px solid #c9c9c9;
		min-height: 150px;
		line-height: 18px;
		
	}
	.post_sponsor .link{
		width: 100%;
		font-size: 13px;
		line-height: 14px;
		font-weight: 400;
		word-break:break-all;
		-ms-word-break:break-all;
		overflow: hidden;
	}
	
	
/*
.post_sponsor:nth-of-type(1),
.post_sponsor_0{
	margin-left: 0;
}
*/

.bloc_list_sponsor{
	margin-bottom: 30px;
}
.content_post h3.sub_title_part{
	text-align: left;
	margin-bottom: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

/*****************  section participant   *************/

.post_participant{
	width: 138px;
	float: left;
	margin: 20px;
	text-align: center;
}
	.post_participant .post_thumbnail,
	.b_participant .post_thumbnail{
		width: 138px;
		height: 138px;
		overflow: hidden;
		margin-bottom: 10px;
		position: relative;
	}
	.post_participant .post_thumbnail .cache,
	.b_participant .post_thumbnail .cache{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.post_participant .post_thumbnail img.perso,
	.b_participant .post_thumbnail img.perso{
		width: 100%;
		height: 100%;
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
		filter: url(images/desaturate.svg#greyscale);
		filter: gray;
		-webkit-filter: grayscale(1);
	}
	.post_participant .title_post,
	.b_participant .title_post{
		font-size: 12px;
		line-height: 14px;
		min-height: 40px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 2px;
	}
	.compte{
		color: #3ab9f4;
	}


.b_participant{
	width: 500px;
	padding: 10px;
	display: none;
}

.b_participant .post_thumbnail{
	float: left;
	margin-right: 15px;
}
.b_participant .int .title_post{
	font-size: 13px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.b_participant .int{
	width: 310px;
	float: left;
}
.b_participant .int .desc{
	font-size: 13px;
	line-height: 18px;
}
/***************** SECTION WATCH  *********************/


.nav_section li a#bt_video{
	padding: 10px 100px;
}	

.content_watch_tab .item_gal{
	width: 120px;
	float: left;
	margin-left: 43px;
	min-height: 170px;
}
.content_watch_tab .item_gal.begin{
	margin-left: 0;
}
	.content_watch_tab .item_gal a{
		display: block;
		height: 85px;
		border: 3px solid #dddddd;
		overflow: hidden;
	}
	.content_watch_tab .item_gal img{
		width: 100%;
		display: block;
	}
	
	.content_watch_tab .item_gal h6{
		font-weight: 300;
		color: #676767;
		font-size: 15px;
		line-height: 18px;
		margin: 0;
	}

/***************** SECTION DONATION  *********************/
#donation.section_page{
	padding-bottom: 120px;
}
/***************  LIGHTBOX  ***************/

.title_watch{
	font-size: 40px;
	padding: 20px 0;
	text-transform: uppercase;
	text-align: center;
	color: #3d3d3d;
	background: url(images/title_fancybox.png) repeat-x center;
}
.title_watch h2 span{
	background: #fff;
	padding: 0 30px;
}
.title_watch h2 span img{
	width: auto;
}
.fancybox-skin{
	background: #fff;
	border-radius: 0;
}
.fancybox-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 87px;
	height: 26px;
	background: url(images/close_fancybox.png) no-repeat right top;
}

.fancybox-prev span {
	width: 53px;
	height: 52px;
	left: -20px;
	background: url(images/controls.png) no-repeat top left;
}
.fancybox-next span {
	width: 53px;
	height: 52px;
	right: -20px;
	background: url(images/controls.png) no-repeat;
	background-position: 0 -52px;
}

.fancybox_videos .fancybox-nav {
	height: 80%;
}

.fancybox_particpant .title_watch{
	padding: 40px 0 10px 0;
}

			
/******************* SIDEBAR  *****************/

.widget_twitter{
	padding: 30px 40px;
}
.title_widget{
	font-family: 'misoregular';
	text-transform: uppercase;
	color: #8a8a8a;
	font-size: 22px;
	text-align: center;
	border-bottom: 1px solid #474442;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

/***************************** CATEGORY  *****************************/


/**********  FOOTER  *********************/

#footer{
	background: #292929;
}

#footer .inside{
	padding: 10px 0;
}

#footer .logo_footer{
	float: left;
}

#footer .share_footer{
	float: left;
	width: 80px;
	margin: 40px 0 0 50px;
}
	#footer .share_footer img{
		width: 27px;
		margin-left: 5px;
	}

#footer .nav_footer{
	margin: 45px 0 0 0;
	float: right;
	font-size: 13px;
	text-transform: uppercase;
}
	#footer .nav_footer a{
		color: #e0e0e0;
		margin-left: 15px;
		float: left;
	}
	nav-footer ul{
		float: right;
	}



/*************** STYLE ***************/

h2 img{
	vertical-align: baseline;
	margin-right: 5px;

}
h2.title_bloc{
	font-size: 43px;
	text-transform: uppercase;
	color: #3ca2c0;
	font-family: 'misoregular';
	font-weight: normal;
	margin-bottom: 18px;
}

a.more_bloc{
	color: #bfbdbd;
	font-family: 'misobold';
	text-align: center;
	background: #fafafa;
	display: block;
	padding: 10px 0;
	font-size: 22px;
	text-decoration: none;
	border: 1px solid #e3e3e3;
}

a{
	text-decoration: none;
}
/* =Comments
-------------------------------------------------------------- */


#reply-title,
.comment-notes,
.form-allowed-tags{
	display: none;
}

.discut_title{
	font-size: 25px;
	color: #12506d;
	margin-bottom: 10px;
	font-family: 'Open Sans Condensed', sans-serif;
}

#comments .nb_comment{
	font-family: Helvetica, arial, sans-serif;
	color: #424242;
	font-size: 14px;
	margin-bottom: 40px;
}

#comments .avatar_user{
	width: 67px;
	margin-right: 22px;
	float: left;
}
.avatar_user img{
	border: 3px solid #dcd6ce;
}

#respond{
	padding-top: 30px;
	width: 100%;
	margin-bottom: 30px;
}

#respond label{
	display: block;
	float: none;
	margin-bottom: 10px;
	width: 100%;
}
.form-submit{
	text-align: right;
	margin: 10px 0;
}

.form-submit #submit{
	background: #12506d;
	border: none;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
}

/*************************  LI COMMENT ****************/

li.comment{
	border-top: 2px solid #dcd6ce;
	padding: 30px 0;
}
li.comment li{
	border-top: none;
	padding: 30px 0;
}
li.comment.depth-3{
	padding-bottom: 10px;
}
.commentlist .children {
		margin-left: 15%;
}
.bAvatar{
	width: 10%;
	float: left;
}
.bAvatar img{
	width: 100%;
	height: 100%;
	border: 3px solid #dcd6ce;
}

.int_comment{
	float: right;
	width: 85%;
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
}
	.int_comment .comment-meta{
		font-size: 22px;
		color: #12506d;
		font-family: 'Open Sans Condensed', sans-serif;
		margin-bottom: 20px;
	}
		.int_comment .comment-meta .author{
			
		}
		.int_comment .comment-meta .author a{
			color: #12506d;
			
		}
		.int_comment .comment-meta .author .lastname{
			font-weight: bold;
		}
		.int_comment .comment-meta .comment_date{
			color: #494949;
		}
		
		.int_comment .comment-content{
			color: #808080;
			line-height: 18px;
			margin-bottom: 15px;
		}
		.int_comment .comment-content a{
			text-decoration: underline;
			font-weight: bold;
			color: #808080;
		}
		
		.reply a{
			color: #b0b0b0;
			
		}

/* Comment form */


#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.714285714;
	padding: 10px;
	width: 100%;
}

.required {
	color: red;
}

.clear{
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}



/***********************************************************/

.es_shortcode_form{
	max-width: 300px;
	margin: 20px auto;
}

.es_textbox_class{
	border: 1px solid #3ab9f4;
	width: 100%;
	padding: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.es_button .es_textbox_button{
	background: #3ab9f4;
	color: #fff;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.es_button .es_textbox_button:hover{
	background: #3ab9f4;
	color: #fff;
}