/* ------------ Header ------------ */

.logged ul#menu { margin-right: 0; }


.logged ul#menu li.slidenav:nth-child(3) a { width: 130px; }
.logged ul#menu li.slidenav:last-child { margin-left: 12px; }
.logged ul#menu li.slidenav:last-child a { width: 120px; padding: 8px 0 8px 8px; }


.logged ul#menu li.slidenav:nth-child(1):hover ~ li.slidenav:last-child::after { left: 0; width: 90px; }
.logged ul#menu li.slidenav:nth-child(2):hover ~ li.slidenav:last-child::after { left: 90px; width: 90px; }
.logged ul#menu li.slidenav:nth-child(3):hover ~ li.slidenav:last-child::after { left: 180px; width: 130px; }
.logged ul#menu li.slidenav:last-child:hover::after { left: 322px; width: 120px; }


.logged ul#menu li:last-child .profileimg { 
	display: block;
	float: left;
	width: 28px; 
	height: 28px;
	background: url(../img/profile.jpg) no-repeat;
	background-size: 100%;
	border-radius: 14px;
	box-shadow: inset 1px 1px 1px rgba(122,122,122,0.5);
}



	/* ------------ Dropdown ------------ */


ul.dropdown { position: relative; z-index: 597; float: left; }

	ul.dropdown li { float: left; }

		ul.dropdown ul {
			visibility: hidden;
			overflow: hidden;
			position: absolute;
			top: 100%;
			z-index: 598;
			width: 284px;
			border-radius: 0 0 3px 3px;
			padding: 8px;
			margin-left: -180px;
			background-color: rgba(239,239,239,0.9);
			color: #bdcccc;
			text-transform: none;
		}

		ul.dropdown li:hover > ul {
			visibility: visible;
			transition: background 0.3s 0s ease-in;
				-webkit-transition: background 0.3s 0s ease-in;
				-moz-transition: background 0.3s 0s ease-in;
		}

			ul.dropdown .dir { padding: 7px 20px 7px 15px; }
				ul.dropdown .dir p { display: inline-block; float: left; margin: 4px 0 0 4px ; }
				ul.dropdown .current .dir p { color: #f65718 !important; }
				
				.dir:after {
				    content: "";
				    width: 0;
				    height: 0;
				    position: absolute;
				    right: 16px;
				    top: 50%;
				    margin-top: -6px;
				    border-width: 6px 0 6px 6px;
				    border-style: solid;
				    border-color: transparent #bdcccc;    
				}
				
					.dir:hover:after { border-color: #bdcccc transparent; border-width: 6px 6px 0 6px ; margin-top: -3px; }
					
					.current .dir:after { border-color: transparent #f65718; }
					.current .dir:hover:after { border-color: #f65718 transparent; }



ul.dropdown ul li a.button {
	display: inline-block !important;
	width: auto !important;
	float: left; 
    border: 1px solid #bdcccc;
    border-radius: 3px;
    padding: 4px 20px !important;
    background: #e9e9e9;
	margin-left: 14px;
    cursor: pointer;
    opacity: 0.7;
    text-decoration: none;
    font-size: 13px !important;
    font-weight: normal !important;
    height: 34px;
}
	ul.dropdown ul li a.button:hover, ul.dropdown ul li a.button:focus {
	   border-color: #bdcccc;
	   opacity: 1;
	   color: #fff;
	   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	   box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	}
		ul.dropdown ul li a.button:active {
		   border: 1px solid #AAA;
		   border-bottom-color: #CCC;
		   border-top-color: #999;
		   -webkit-box-shadow: inset 1px 1px 3px #8f3814;
		   -moz-box-shadow: inset 1px 1px 3px #8f3814;
		   box-shadow: inset 1px 1px 3px #8f3814;
		}
		
ul.dropdown ul li .button.submit {
	padding: 6px 20px 2px 20px !important;
	background: #f65718 !important;
	margin-left: 0;
	text-shadow: none !important;
	color: #fff !important;
}
		

ul.dropdown ul li a.button:last-child p {
	margin: 3px 0 0 0 !important;
	padding: 0 !important;
	color: #8f8f8f !important;
	font-size: 13px !important;
	font-family: 'Gibson', 'Helvetica', 'Arial', sans-serif !important;
	text-shadow: 0px 1px 0px #fff !important;
}
		
ul.dropdown li ul li:first-child {
	width: 114px; 
	height: 114px;
	background: rgba(255,255,255,0.5);
	border-radius: 59px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
	margin: 8px 0;
}
		
	ul.dropdown li ul li .profileimg { 
		width: 100px !important; 
		height: 100px !important;
		border-radius: 50px !important;
		box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5) !important;
		margin: 7px 0 0 7px;
	}
	
ul.dropdown li ul li.right {
	margin: 8px 0 8px 14px !important;
}	
	
	
	ul.dropdown ul li h4 {
		display: inline-block;
		float: left;
		margin: 12px 0 12px 0;
	}
	
	ul.dropdown ul li p {
		display: inline-block;
		float: left ;
		margin: 0;
	}




/* ------------ Content-logs ------------ */

#logs_content { overflow: hidden; padding: 192px 0 128px 0; }



/* ------------ Content-Blog ------------ */


#hello { 
	width: 100%;
	padding: 0; 
	overflow: hidden;
	margin: 128px 0;
}

#hello h4 a { text-decoration: none; font-family: 'Gibson Light', Helvetica, Arial, sans-serif;}

.col { float: left;}
#blog .col1 { width: 680px; float: left; }
#blog .col2 { width: 220px; float: right; }

ul.blog_list { list-style: none; padding: 0; }
ul.blog_list>li { background: none; padding-bottom: 37px; margin-bottom: 50px; }
ul.blog_list>li.last { background: none; }
ul.blog_list>li figure { width: 80px; color: #fff; margin-right: 20px; float: left; }

ul.blog_list>li>div figure img { display: block; float: left; border-radius: 3px; }

ul.blog_list>li>div {}
ul.blog_list>li>div figure { margin-bottom: 23px; }
ul.blog_list>li>div h4 { margin-bottom: 9px; clear: both; }
ul.blog_list time {
	font-size: 38px; 
	line-height: 1.5; 
	display: block; 
	border-radius: 3px 3px 0 0; 
	background: #f65718; 
	text-align: center; 
	padding: 9px 0 0; 
}
ul.blog_list time span { font-size: 24px; line-height: 29px; display: block; margin-bottom: -11px; }
ul.blog_list>li>figure a { 
	display: block; 
	background: rgba(230,230,230,0.5); 
	color: #bdcccc; 
	border-radius: 0 0 3px 3px; 
	font-size: 24px; 
	line-height: 1.5; 
	padding: 7px 0 8px 17px; 
	text-decoration: none; 
	text-align: center; 
	text-indent: -16px; 
}
ul.blog_list>li>figure a:hover { background: rgba(220,220,220,0.5); color: #f65718;}

.pad_box { margin-left: 99px; width: 576px; }

.link1 { color: #f65718; }
.link1:hover { color: #4e4e4e; }

#search { 
	overflow: hidden; 
	border-radius: 2px; 
	box-shadow: 0 0 0 1px #cacaca; 
	background: #f6f6f6; 
	margin-bottom: 26px; 
	width: 100%;
}

#search input { 
	background: none; 
	border: none; 
	margin: 0; 
	float: left;
	padding: 10px 10px 10px 12px;
	width: 150px;
	height: 22px;
}


#search a { display: block; width: 48px; height: 42px; float: left; background: #bdcccc; opacity: 0.5; }
#search a:hover { opacity: 1; }
#search a span { margin: 8px 0 0 11px; }

#blog #search { margin-top: 14px; }

.posts { margin-bottom: 42px; padding-left: 12px; }
.posts>li { margin-bottom: 9px; list-style: none; }
.posts>li>div { line-height: 16px;padding-top: 2px; }
.posts>li>figure{margin: 8px 9px 0 0;}
.posts time { color: #bdcccc; display: block; margin-bottom: 2px; }
.posts div a, .comments a, .archives a { font-weight: normal; }

.p_top1 { padding-top: 10px !important; }

.gray { color: #bdcccc; }

.comments { color: #bdcccc; margin-bottom: 42px; padding-left: 12px; }
.comments>li { margin-bottom: 12px; line-height: 16px; list-style: none; }

.archives { padding-left: 12px; }
.archives li { margin-bottom: 5px; list-style: none; }

#nav_blog { position: relative; }
#nav_blog a { display: block; float: left; width: 33px; padding: 10px 0 0; text-align: center; color: #4e4e4e; background: #ededed; border-radius: 3px; }
#nav_blog a:hover { color: #fff; background: #4e4e4e; }


/* ------------ Content-Dota ------------ */


iframe { width: 100%; height: 418px; border: 0; border-bottom: 1px solid #bdcccc; padding: 0; overflow: hidden; }

.progress { position: relative; overflow: visible; width: 50%; margin: 24px auto 0 auto; height: 9px; border: 1px solid rgba(190,204,204,0.74); border-radius: 4px; background: #fff; box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5); }
.progress span { display: block; width: 34%; height: 9px; border-radius: 4px; background: #f65718; }

	.progress:before { content: ""; position: absolute; background: url(../img/cell.png) no-repeat; width: 32px; height: 32px; top: -12px; left: -40px; }
	.progress:after { content: ""; position: absolute; background: url(../img/baby.png) no-repeat; width: 32px; height: 32px; top: -12px; right: -40px; }
	
	.dota h6 { text-align: center; margin-top: 12px; }
	
	#stats { margin: 12px auto 36px auto; width: 70%; overflow: hidden; }
	#stats li { float: left; list-style: none; display: inline-block; padding: 4px; margin-right: 18px; }
		#stats li:last-child { margin-right: 0; }
	#stats li span { margin: -3px 4px 0 0; }
	
.dota h2 { clear: both; margin: 64px 0 0 0; padding: 0; }

.dota #search { width: 220px; margin: 42px auto; }


#find { cursor: pointer; }
#found { margin-top: 24px; display:none; }
	#found .left { width: 62%; position: relative; }
		#found .left iframe { height: 318px; border-radius: 3px; border: 1px solid #bdcccc; overflow: hidden; }
		#found .left:after { 
			content: "";
		    width: 0;
		    height: 0;
		    position: absolute;
		    right: -12px;
		    top: 48px;
		    margin-top: -6px;
		    border-width: 12px 0 12px 12px;
		    border-style: solid;
		    border-color: transparent #212737; 
		}
		
	#found .right { width: 33%; }
	
	#found h4 { text-align: left; margin-bottom: 6px; }
	#found .add { text-decoration: none; }
		#found .add span { margin: -3px 4px 0 0; }
	
	#found .right ul { float: left; padding: 0; width: 100%; }
		#found .right ul li { margin: 10px 0; width: 100%; list-style: none; }
		#found .right ul li span { margin: -3px 4px 0 0; }
		
#found .ublo { 
	width: 114px; 
	height: 114px;
	background: rgba(255,255,255,0.5);
	border-radius: 59px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
	margin: 0 12px 24px 0; 
	float: left;
}

	#found div .profileimg { 
		display: block; 
		float: left; 
		width: 100px; 
		height: 100px;
		background: url(../img/profile.jpg) no-repeat;
		border-radius: 50px;
		box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
		margin: 7px 0 0 7px;
	}

/* ------------ Content-files ------------ */


.row.right { padding-top: 54px; width: 50%; }

.row.right a { display: inline-block; float: left; }
.row.right #search { width: 220px; float: right; }
.row.right #search input { height: 42px; padding: 0 10px 0 12px; }
.row.right .add { display: inline-block; padding: 4px; margin: 8px 0 0 8px; text-decoration: none; }
.row.right .add .picto { margin: -2px 4px 0 0; }
.row.right .add:hover .picto { background-position: -312px -24px; }

#table { float: left; margin-bottom: 48px; }
#table .row { width: 100%; float: left; }
#table .head { background: #bdcccc; color: #fff; border-radius: 3px; margin-bottom: 4px; }
#table .grid { height: 56px; border-bottom: 1px dashed #bdcccc; }

	#table .row p { display: inline-block; float: left; margin: 4px 2px;  }
	#table .head p { padding: 4px 2px; position: relative; }
	#table .grid p { padding: 12px 2px; }
	#table .row p.one { width: 35%; }
	#table .row p.two { width: 20%; }
	#table .row p.three { width: 12%; }
	#table .row .picto { margin: -4px 8px 0 0; }
		#table .head p:after { 
			content: "";
			position: absolute;
			width: 0; height: 0;
			top: 10px;
			left: 38px;
		    border-color: #fff transparent; 
		    border-width: 6px 6px 0 6px ;
		    border-style: solid;
		}
		#table .head p:last-child:after { left: 68px; }
		
	#table .row .five { visibility: hidden; opacity: 0; height: 54px; }
	#table .row:hover .five { 
		visibility: visible; 
		position: relative; 
		opacity: 1;
		float: right; 
		box-shadow: inset 1px 1px 5px rgba(160,160,160,0.5); 
		border: 1px solid #bdcccc; 
		height: 54px;
		transition: 0.1s 0s ease-in;
				-webkit-transition: 0.1s 0s ease-in;
				-moz-transition: 0.1s 0s ease-in;
	}
		#table .five .picto { margin: 14px 4px 14px 8px; cursor: pointer; }
		#table .five .picto:first-child { margin: 14px 4px 14px 14px; cursor: pointer; }
		#table .five .picto:hover { background-position-y: -72px; }
		
	#table .row:hover .five:before {
		content: "";
			position: absolute;
			width: 0; height: 0;
			top: 19px;
			left: -1px;
		    border-width: 6px 0 6px 6px;
		    border-style: solid;
		    border-color: transparent #fff; 
	}	
	
	#content .dragndrop {
		clear: both;
		margin:  0 auto;
		width: 40%;
		border: 2px dashed #bdcccc;
		border-radius: 5px;
		cursor: pointer;
		opacity: 0.8;
		padding: 20px 86px;
	}
	
	#content .dragndrop:hover {
		opacity: 1;
	}
	
		#content .dragndrop h4 { margin: 0; padding: 0;}
		
	
	
/* ------------ Userinfo ----------- */

#account { overflow: hidden; padding-top: 54px; }

#account .right { width: 58%; padding:}

#account .ublo { 
	width: 114px; 
	height: 114px;
	background: rgba(255,255,255,0.5);
	border-radius: 59px;
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
	margin: 0 12px 24px 0; 
	float: left;
}

	#account div .profileimg { 
		display: block; 
		float: left; 
		width: 100px; 
		height: 100px;
		background: url(../img/profile.jpg) no-repeat;
		border-radius: 50px;
		box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
		margin: 7px 0 0 7px;
	}
	
	

#account .left { width: 38%; padding: 24px 0; }
#account .left h3 { margin: 0; text-align: left; }

#account .left p .picto { margin: -3px 4px 0 0; }
.clear a { float: left; display: block; }
.clear a.current { margin-top: 8px; }
.clear a.button { margin-left: 16px; }

	#account .left ul { float: left; padding: 0; width: 100%; margin-top: 54px; }
		#account .left ul li { margin: 10px 0; width: 100%; list-style: none; }
		#account .left ul li span { margin: -3px 4px 0 0; }

#account form fieldset { border: none; padding: 0; margin-top: 18px; }
	#account form .inputlike { padding: 10px; border: 1px solid #bdcccc; border-radius: 3px; }
	#account .changeinfo { display: block; margin: 36px auto 0 auto; width: 200px; }
		#account .changeinfo .picto { margin: -3px 4px 0 0; }
	
	#account .right .edit { float: left; width: 100%; }
	#account .right .edit:last-child { margin-top: 24px; }
	
	#account .right div h4 { 
		font-size: 20px;
		display: block;
		width: 28%;
		float: left;
		text-align: left;
	}
	
	#account .right .blocinfo {
		float: right;
		width: 68%;
		padding: 24px 0;
	}
	
		#account a.importpic { float: left; display: inline-block; text-decoration: none; padding: 4px 8px; margin-top: 16px; }
		#account a.importpic:last-child { margin-top: 0; }
			#account a.importpic span {  margin: -3px 4px 0 0; }
		#account .right .blocinfo p { clear: both; }
	
#account .right form p { display: block; }
#account .right form p strong { display: block; float: left; margin: 2px 0 0 8px; }	
.checktwitter { display: block; float: left; height: 23px; width: 48px; background: #f65718; border: 1px solid #bdcccc; border-radius: 12px; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5); cursor: pointer; }
.checktwitter span { display: block; float: right; width: 23px; height: 23px; border-radius: 12px; background: #fff; }		

#account form fieldset fieldset { margin-left: 12px; }
#account form fieldset fieldset span { margin-left: 6px; }


/* ----------- Formulaires --------- */


#log_form fieldset { border: none; width: 350px; margin: 0 auto; }
#log_form fieldset:last-child { width: 256px; margin: 0 auto; }

#log_form label { display: inline-block; text-align: left; float: left; width: 100%; }

#log_form input {
	margin: 0 auto; 
	font-size: 14px; 
	border: 1px solid #bdcccc; 
	border-radius: 3px; 
	color: #bdcccc; 
	padding: 13px 18px 15px;
	outline: none; 
	position: relative; 
	font-family: 'Gibson', Helvetica, Arial, sans-serif;
	background: #fcfcfc; 
	width: 320px;
}

#log_form .checkbox { margin: 0; border: 1px solid #bdcccc; border-radius: 3px; padding: 0; width: 12px; height: 12px; }
#log_form p { float: right; font-size: 12px; }

#log_form .submit { width: 256px; margin: 24px 0 auto; font-size: 16px; color: #fff; background: #f65718; }

#log_form a, #log_form h6 { display: inline-block; text-align: center; font-size: 12px; font-family: 'Gibson Light', 'Helvetica', 'Arial', sans-serif; font-weight: normal; margin: 0; color: #bdcccc; width: 100%; }
#log_form a:hover { color: #f65718; }