/*
 * CSS : zone membre
 */

/* Profil
----------------------------------------------- */
.error-notification {padding: 10px;margin-bottom: 15px;font-size: 13px;background: #FFC4CD;color: #ba2e45;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.success-notification {padding: 10px;margin-bottom: 15px;font-size: 13px;background: #E2F4DC;color: #56C4FF;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
a.profil-link-admin {color: #04BFFD;}
a.profil-link {color: #FF3B4F;}
.no-link {color: #454545;}

.profile-update {padding-top: 35px;}
.profile-update > .update-forms {}
.profile-update > .update-forms form {padding: 25px;}
.profile-update > .update-forms form:first-child {border-top: 0;}
.profile-update > .update-forms form:last-child {border-bottom: 0;}
.profile-update > .update-forms form label {color: #454545;font-size: 13px;font-weight: bold;width: 142px;display: inline-block;text-align: right;margin-right: 10px;}
.profile-update > .update-forms form .profile-avatar {display: inline-block;width: 80px;height: 80px;overflow: hidden;border: 5px solid #FFFFFF;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
.profile-update > .update-forms form .profile-avatar > img {display: block;}
.profile-update > .update-forms form .upload-file-container {display: inline-block;padding: 4px 0;width: 130px;height: 21px;font-size: 13px;background: #444444;color: #FFFFFF;text-align: center;overflow: hidden;position: relative;top: -25px;left: 10px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;transition: background .2s;-webkit-transition: background .2s;-moz-transition: background .2s;}
.profile-update > .update-forms form .upload-file-container:hover {background: #777777;}
.profile-update > .update-forms form .upload-file-container input {cursor: pointer;opacity: 0;position: absolute;top: 0;left: 0;}
.profile-update > .update-forms form > input[type="text"], .profile-update > .update-forms form > input[type="password"], .profile-update > .update-forms form > select {font-size: 13px;padding-left: 10px;border: 4px solid #f0f0f0;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow: 0 0 0 1px #ddd inset;display: inline-block;height: 45px;width: 280px;}
.profile-update > .update-forms form > input[type="submit"] {margin-top: 10px;margin-left: 156px;font-size: 13px;padding-left: 10px;border: 4px solid #f0f0f0;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;box-shadow: 0 0 0 1px #FFF inset;display: block;height: 45px;width: 150px;transition: color .2s;-webkit-transition: color .2s;-moz-transition: color .2s;}
.profile-update > .update-forms form > input[type="submit"]:hover {cursor: pointer;color: #56C4FF;}

.profile-header {margin-bottom: 30px;overflow: hidden;}
.profile-header .profile-avatar  {float: left;width: 100px;height: 100px;}
.profile-header .profile-infos {margin-left: 120px;}
.profile-header .profile-infos .user-login {color: #444444;font-size: 24px;font-weight: 600;padding: 5px 0;}
.profile-header .profile-infos .personnal-infos {color: #444444;font-size: 14px;}
.profile-header .profile-infos .personnal-infos i {font-size: 12px;font-weight: 600;margin-right: 10px;}
.profile-header .profile-infos .activity-infos {color: #999999;font-size: 12px;margin: 5px 0 0 0;}
.profile-header .profile-infos .activity-infos a {color: #56C4FF;}
.profile-header .profile-infos .activity-infos span {margin: 0 4px;}

.profile-stats {overflow: hidden;}
.profile-stats .profile-stats-left {float: left;width: 66%;background: linear-gradient(to right, #6dbaf1, #59d9e2);background: -o-linear-gradient(to right, #6dbaf1, #59d9e2);background: -webkit-linear-gradient(to right, #6dbaf1, #59d9e2);background: -moz-linear-gradient(to right, #6dbaf1, #59d9e2);background: -ms-linear-gradient(to right, #6dbaf1, #59d9e2);box-sizing: border-box;}
.profile-stats .profile-stats-left .profile-stats-left-header {height: 160px;display: -webkit-flex;-webkit-justify-content: space-around;-webkit-align-items: center;display: flex;justify-content: space-around;align-items: center;}
.profile-stats .profile-stats-left .profile-stats-left-header .user-score {margin-bottom: 14px;color: #FFFFFF;font-size: 55px;font-weight: 300;line-height: 40px;font-family: 'Open Sans', sans-serif;}
.profile-stats .profile-stats-left .profile-stats-left-header .user-score .score-unity {line-height: 0;color: #FFFFFF;font-size: 12px;margin-left: 8px;font-weight: 300;font-family: 'Open Sans', sans-serif;}
.profile-stats .profile-stats-left .profile-stats-left-header .inline-rank {padding-left: 2px;color: #FFFFFF;font-size: 16px;font-weight: 300;line-height: 14px;font-family: 'Open Sans', sans-serif;}
.profile-stats .profile-stats-left .profile-stats-left-header .inline-rank .inline-rank-stars {margin-left: 10px;color: rgba(255, 255, 255, 0.5);font-size: 26px;letter-spacing: 1px;vertical-align: middle;}
.profile-stats .profile-stats-left .profile-stats-left-header .inline-rank .inline-rank-stars .highlighted-stars {color: #FFFFFF;}
.profile-stats .profile-stats-left .profile-stats-left-footer {padding: 0 20px 20px 20px;}
.profile-stats .profile-stats-left .profile-stats-left-footer > div {margin-bottom: 3px;color: rgba(255, 255, 255, 0.8);font-size: 14px;font-weight: 400;font-family: 'Open Sans', sans-serif;}
.profile-stats .profile-stats-left .profile-stats-left-footer > div:last-child {margin-bottom: 0;}
.profile-stats .profile-stats-left .profile-stats-left-footer > div > span {float: right;font-family: 'Open Sans', sans-serif;}

.profile-stats .profile-stats-right {float: left;width: 30%;margin-left: 4%;background: #F1F1F1;box-sizing: border-box;}
.profile-stats .profile-stats-right .profile-stats-right-header, .profile-stats .profile-stats-right .profil-stats-right-top {height: 82px;display: -webkit-flex;-webkit-justify-content: space-around;-webkit-align-items: center;display: flex;justify-content: space-around;align-items: center;text-align: center;}
.profile-stats .profile-stats-right .profil-stats-right-top {border-bottom: 5px solid #FFFFFF;}
.profile-stats .profile-stats-right .profile-stats-right-header .user_comments, .profile-stats .profile-stats-right .profil-stats-right-top .user_posts_published {margin-bottom: 2px;color: #444444;font-size: 30px;font-weight: 300;line-height: 40px;font-family: 'Open Sans', sans-serif;}
.profile-stats .profile-stats-right .profile-stats-right-header .comment_unity, .profile-stats .profile-stats-right .profil-stats-right-top .posts_unity {color: #444444;font-size: 14px;font-weight: 300;line-height: 14px;font-family: 'Open Sans', sans-serif;}
.profile-stats .profile-stats-right .profile-stats-right-footer {overflow: hidden;}
.profile-stats .profile-stats-right .profile-stats-right-footer .votes-detail {float: left;width: 50%;height: 43px;margin-bottom: 21px;display: -webkit-flex;-webkit-justify-content: space-around;-webkit-align-items: center;display: flex;justify-content: space-around;align-items: center;text-align: center;box-sizing: border-box;}
.profile-stats .profile-stats-right .profile-stats-right-footer .votes-detail > div > i {width: 20px; height: 20px;margin-bottom: 2px;}
.profile-stats .profile-stats-right .profile-stats-right-footer .votes-detail > div > i.fa-thumbs-o-up {color: #72B35A;}
.profile-stats .profile-stats-right .profile-stats-right-footer .votes-detail > div > i.fa-thumbs-o-down {color: #DC7777;}
.profile-stats .profile-stats-right .profile-stats-right-footer .votes-detail > div > div {color: #444444;font-size: 16px;font-weight: 300;line-height: 14px;font-family: 'Open Sans', sans-serif;}

.profile-last-comments {padding: 35px 0px;}
.profile-last-comments > ul {margin: 0;}
.profile-last-comments > ul > li {padding: 20px 0;position: relative;}
.profile-last-comments > ul > li .comment-container {overflow: hidden;}
.profile-last-comments > ul > li .avatar-author {float: left;width: 50px;height: 50px;overflow: hidden;}
.profile-last-comments > ul > li .main-comment {margin-left: 70px;color: #0e0e0e;font-size: 12px;}
.profile-last-comments > ul > li .main-comment .meta-comment {padding-bottom: 8px;}
.profile-last-comments > ul > li .main-comment .meta-comment .meta-rating {float: right;}
.profile-last-comments > ul > li .main-comment .meta-comment .show-rating {color:#999999;font-size:12px;font-weight:bold;}
.profile-last-comments > ul > li .main-comment .meta-comment .show-rating > span {padding-left: 22px;height: 16px;display: inline-block;}
.profile-last-comments > ul > li .main-comment .meta-comment .show-rating > span:first-child {padding-right: 10px;margin-right: 7px;border-right: 1px solid #eee;}
.profile-last-comments > ul > li .main-comment .content-comment {line-height: 18px;}
.profile-last-comments > ul > li .main-comment .content-comment p {font-size: 12px;height: auto;color: #454545;}
.profile-last-comments > ul > li .main-comment .content-comment a.comment-link {color: #56C4FF;transition: color .2s;-webkit-transition: color .2s;-moz-transition: color .2s;}
.profile-last-comments > ul > li .main-comment .content-comment a.comment-link:hover {color: #454545;}
.profile-last-comments > ul > li .gradient-separator {position: absolute;left: 0;bottom: 0;height: 1px;width: 60%;background: linear-gradient(to right, #e9e9eb 0%, #e9e9eb 65%, rgba(233, 233, 235, 0.34) 85%, rgba(233, 233, 235, 0) 100%);}

.profile-last-articles {padding-top: 35px;}
.profile-last-articles > ul {margin: 0;}
.profile-last-articles > ul > li {padding: 20px 0;position: relative;}
.profile-last-articles > ul > li .post-container {overflow: hidden;}
.profile-last-articles > ul > li .post-thumbnail {float: left;width: 120px;height: 70px;overflow: hidden;}
.profile-last-articles > ul > li .post-thumbnail img {width: 100%;height: auto;vertical-align: middle;}
.profile-last-articles > ul > li .post-infos {margin-left: 140px;}
.profile-last-articles > ul > li .post-infos .post-title {display: block;font-size: 14px;line-height: 16px;color: #010d1e;font-family: "Open Sans";font-weight: bold;padding: 5px 0;}
.profile-last-articles > ul > li .post-infos .cat-links-classic a {font-size: 11px;color: #FFFFFF;padding: 2px 4px;}
.profile-last-articles > ul > li .post-infos .post-date {color: #7d7d7f;font-size: 11px;}
.profile-last-articles > ul > li .post-infos .post-type {color: #7d7d7f;font-size: 11px;}
.profile-last-articles > ul > li .post-infos .separator {color: #d7d7da;margin: 0 5px;vertical-align: middle;}
.profile-last-articles > ul > li .post-infos .post-rating {float: right;}
.profile-last-articles > ul > li .post-infos .post-rating .show-rating {color:#999999;font-size:12px;font-weight:bold;}
.profile-last-articles > ul > li .post-infos .post-rating .show-rating > span {padding-left: 22px;height: 16px;display: inline-block;}
.profile-last-articles > ul > li .post-infos .post-rating .show-rating > span:first-child {padding-right: 10px;margin-right: 7px;border-right: 1px solid #eee;}
.profile-last-articles > ul > li .gradient-separator {position: absolute;left: 0;bottom: 0;height: 1px;width: 60%;background: linear-gradient(to right, #e9e9eb 0%, #e9e9eb 65%, rgba(233, 233, 235, 0.34) 85%, rgba(233, 233, 235, 0) 100%);}
.profile-last-articles .post-meta {line-height: 20px;}

.profile-articles {padding-top: 35px;}
.profile-articles > ul {margin: 0;}
.profile-articles > ul > li {padding: 20px 0;position: relative;}
.profile-articles > ul > li .post-infos {}
.profile-articles > ul > li .post-infos .post-title {display: block;font-size: 14px;line-height: 16px;color: #010d1e;font-family: "Open Sans";font-weight: bold;padding: 5px 0;}
.profile-articles > ul > li .post-infos .post-date {color: #7d7d7f;font-size: 11px;}
.profile-articles > ul > li .post-infos .post-status {color: #7d7d7f;font-size: 11px;}
.profile-articles > ul > li .post-infos .separator {color: #d7d7da;margin: 0 5px;vertical-align: middle;}
.profile-articles > ul > li .gradient-separator {position: absolute;left: 0;bottom: 0;height: 1px;width: 60%;background: linear-gradient(to right, #e9e9eb 0%, #e9e9eb 65%, rgba(233, 233, 235, 0.34) 85%, rgba(233, 233, 235, 0) 100%);}

p.no-data {color: #999999;font-size: 12px;height: auto;padding-top: 15px;}

/*
 *Data tabs
 */
.data-tabs-container {position: relative;margin-top: 30px;}
.data-tabs-container .data-tabs {overflow: hidden;}
.data-tabs-container .data-tabs li {float: left;display: block;font-size: 14px;padding: 15px 25px 5px;color: #444444;cursor: pointer;border-bottom: 3px solid #EAEAEA;-webkit-transition: color .5s ease;-moz-transition: color .5s ease;transition: color .5s ease;}
.data-tabs-container .data-tabs li:hover {color: #56C4FF;}
.data-tabs-container .data-tabs li:first-child {padding-left: 0;}
.data-tabs-container .data-tabs li.active {color: #56C4FF;}
.data-tabs-container .slider {background: #56C4FF;height: 3px;position: absolute;bottom: 0;left: 0;-webkit-transition: all .5s ease;transition: all .5s ease;}
.data-tab-content {display: none;}

/*
 *Mes articles
 */
.page-mes-articles h2 {font-weight: bold;text-transform: uppercase;padding-bottom: 10px;color: #72b35a;font-size: 13px;line-height: 13px;}
.page-mes-articles > ul {margin: 0;}
.page-mes-articles > ul > li {padding: 20px 0;position: relative;}
.page-mes-articles > ul > li .post-infos .post-title {display: block;font-size: 14px;line-height: 16px;color: #010d1e;font-family: "Open Sans";font-weight: bold;padding: 5px 0;}
.page-mes-articles > ul > li .post-infos .post-date {color: #7d7d7f;font-size: 11px;}
.page-mes-articles > ul > li .post-infos .post-status {color: #7d7d7f;font-size: 11px;}
.page-mes-articles > ul > li .post-infos .separator {color: #d7d7da;margin: 0 5px;vertical-align: middle;}
.page-mes-articles > ul > li .gradient-separator {position: absolute;left: 0;bottom: 0;height: 1px;width: 60%;background: linear-gradient(to right, #e9e9eb 0%, #e9e9eb 65%, rgba(233, 233, 235, 0.34) 85%, rgba(233, 233, 235, 0) 100%);}

/*
 *Responsive
 */
@media only screen and (min-width:960px) and (max-width:1080px) {

} 

@media only screen and (min-width:640px) and (max-width:959px) {

}
    
@media only screen and (min-width:480px) and (max-width:639px) {
	.profile-last-articles > ul > li .post-infos .post-title{padding: 0 0 5px 0;}
	.profile-update > .update-forms form {padding: 25px 0;}
	.profile-update > .update-forms form label {margin: 20px 0 10px 0;text-align: left;width: 100%;top: 0!important}
	.profile-update > .update-forms form > input[type="submit"] {margin-left: 0}
}

@media only screen and (max-width:479px) {
	.profile-last-articles > ul > li .post-infos .post-title{padding: 0 0 5px 0;}
	.profile-stats .profile-stats-left {width: 100%;}
	.profile-stats .profile-stats-right {width: 100%; margin: 5px 0 0 0;}
	.data-tabs-container .data-tabs li {width: 100%; padding: 15px 0 5px 0}
	.data-tabs-container .slider {display : none}
	.profile-update > .update-forms form {padding: 25px 0;}
	.profile-update > .update-forms form label {margin: 20px 0 10px 0;text-align: left;width: 100%;top: 0!important}
	.profile-update > .update-forms form > input[type="submit"] {margin-left: 0}
}