@font-face {
  font-family: "Lib-Nickel-Icon";
  src: url("/hc/theming_assets/01JYKQEQA8ATY375EJ04HYYFD6") format("woff"), url("/hc/theming_assets/01JYKQEQ726XENBBTDZWFCK6W3") format("woff2");
  font-weight: normal;
  font-style: normal; }

body {
  position:relative;
}
#user-info {
  display:none;
  position:absolute;
  left:-9999px;
}
* {
  box-sizing:border-box;
  padding:0;
  margin:0;
}
#page {
  color: #000;
  font-family: 'VAG Rounded Std';
}
.divider {
  height:1px;
  width:100%;
  background-color:#ccc;
  margin-bottom:30px;
}
.is-not-connected {
  content:"";
  position:absolute;
  top:0; left:0;
  background-color:rgba(251, 235, 233, 0.9);
  font-size:14px;
  text-align:center;
  line-height:30px;
  color:#333;
  text-decoration:underline;
  padding:0 10px;
  border-radius:3px;
  width:100%;
  height:100%;
}

.cf:after,
.cf:before {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}

/* HEADER */

.header {
  padding-right:20px;
  position:relative;
}

.header .nav_list {
  list-style:none;
    margin-bottom:0;
}
.header .nav_list .item_right {
    float:right;
}
.header .nav_list .item.dropdown .dropdown-toggle,
.header .nav_list .item.dropdown .dropdown-toggle:hover {
    text-decoration:none;
    color:#333;
}
.header .nav_list .item.dropdown .dropdown-toggle:after {
    color:rgba(255, 95, 0, 1);
}
.header .nav_list .item.dropdown .dropdown-menu {
  width:200px;
    top:60px;
    border-width:0;
    box-shadow:0 0px 12px rgba(0,0,0,.175);
}
.header .nav_list .item.dropdown .dropdown-menu .item {
    width:100%;
    display:inline;
    height:auto;
    line-height:1;
    margin-right:0;
}
.header .nav_list .item.dropdown .dropdown-menu .item .link {
    display:block;
    width:inherit;
    height:40px;
    line-height:40px;
}
.header .nav_list .item.dropdown .dropdown-menu .item .link .icon {
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    background-color:rgba(255, 95, 0, 1);
    border-radius:15px;
    text-align:center;
    margin-right:10px;
}
.header .nav_list .item.dropdown .dropdown-menu .item .link .icon:before {
    vertical-align:middle;
    color:#fff;
}
.header .nav_list .item.dropdown .dropdown-menu .item .link:hover {
    background-color:transparent;
    color:rgba(255, 95, 0, 1);
}

.header .navbar {
  margin-bottom:0;
  min-height:100px;
}
.header .navbar .navbar-header {
  height:100px;
}
.header .navbar-header .navbar-brand {
  height:100%;
  padding:0;
  line-height:100px;
  display:block;
  margin-right:20px;
}
.header .navbar-header .navbar-brand img,
.header .nav_list .item .logo img {
  width:100px;
  height:auto;
  display:inline-block;
}
.header .navbar-header .navbar-toggle {
  height:100px;
  margin:0;
}
.header .navbar-header .navbar-toggle .icon-bar {
  margin-left:auto;
  margin-right:auto;
  background-color:rgba(255, 95, 0, 1);
}
.header .navbar-nav .item,
.header .nav_list .item {
  display:inline-block;
  line-height:100px;
  height:100px;
}
.header .navbar-nav {
  margin:0;
}
.header .navbar-nav .item .link {
  color:#333;
  line-height:100px;
  padding: 7px 15px;
}
.header .navbar-nav .item .link:hover {
  text-decoration:none;
}
.header .navbar-left .item .link:hover {
  text-decoration:underline;
}
.header .navbar-nav .item .logo {
  width:80px;
  display: block;
  text-align: center;
}
.header .navbar-nav .item .logo img {
  width: 100%;
  height:auto;
}
.header .navbar-nav .item {
  margin-right:2px;
}
.header .navbar-nav .item .link.btn {
  display:inline-block;
  height:40px;
  line-height:40px;
  padding: 0 20px;
  border:1px solid #333;
  border-radius:20px;
}
.header .navbar-nav .item .link.btn:hover {
  background-color:#333;
  color:#fff;
}
.header .navbar-nav .item .link .icon:before {
  vertical-align:middle;
  margin-right:5px;
}
.header .navbar-nav .item .link.btn.orange {
  border-color:rgba(255, 95, 0, 1);
  background-color:rgba(255, 95, 0, 1);
  color:#fff;
}
.header .navbar-nav .item .link.btn.orange:hover {
  background-color:#fff;
  border:1px solid rgba(255, 95, 0, 1);
  color:rgba(255, 95, 0, 1);
}
@media (max-width:1200px) {
  .header {
    padding-right:0;
  }
  .header .navbar {
    min-height:60px;
  }
  .header .navbar-header .navbar-toggle,
  .header .navbar .navbar-header {
    height:60px;
  }
  .header .navbar-header .navbar-brand {
    line-height:60px;
  }
  .header .navbar-toggle .btn-username {
    position:relative;
    color:#333;
    padding-right:20px;
    text-decoration:none;
  }
  .header .navbar-toggle .btn-username:before {
    position:absolute;
    right:0;
    transform:rotate(-90deg);
    color:rgba(255, 95, 0, 1);
    margin-top:2px;
  }
  .header .navbar-toggle.collapsed .btn-username:before {
    transform:rotate(90deg);
  }
  .header .navbar-collapse {
    padding:0;
  }
  .header .navbar-nav .item,
  .header .navbar-nav .item .link,
  .header .navbar-nav .item .link.btn,
  .header .navbar-nav .item .link.btn.orange {
    display:block;
    float:none;
    line-height:30px;
    height:30px;
    margin:10px 0;
    border-width:0;
    background-color:transparent;
    color:#333;
    text-align:left;
    padding:0;
  }
  .header .navbar-nav .item .link:hover,
  .header .navbar-nav .item .link.btn:hover,
  .header .navbar-nav .item .link.btn.orange:hover {
    border-width:0;
    background-color:transparent;
    color:#333;
    text-decoration:underline;
  }
  .header .navbar-nav .item .link .icon {
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    background-color:rgba(255, 95, 0, 1);
    border-radius:15px;
    text-align:center;
    margin-right:10px;
  }
  .header .navbar-nav .item .link .icon:before {
    vertical-align:middle;
    color:#fff;
    margin-right:0;
  }
  .header .navbar-nav .item.divider {
    height:1px;
    background-color:#ccc;
  }
}
@media (max-width: 768px) {
  .header .navbar-header .navbar-brand img,
  .header .nav_list .item .logo img {
    width:60px;
  }
  .header .nav_list .item.dropdown {
    position:static;
    height:auto;
    width:100%;
		text-align:right;
  }
  .header .nav_list .item.dropdown.open {
    transition:linear 1s;
  }
  .header .nav_list .item.dropdown .dropdown-menu {
    width:100%;
    height:1px;
    position:static;
    border-radius:0;
    box-shadow:none;
  }
  .header .nav_list .item.dropdown.open .dropdown-menu {
    height:150px;
  }
  .header .nav_list .item.dropdown .dropdown-menu .item .link {
    padding:2px 0;
  }
  .header .nav_list .item.item_logo {
    position:absolute;
    top:0; left:0;
  }
}

h1.nickel-background-title {
  padding: 0px 5px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #fff;
  font-size:26px;
  font-weight:bold;
  background-color: rgba(255, 95, 0, 1);
  text-align: center;
}
@media (max-width: 768px) {
  h1.nickel-background-title {
    font-size:18px;
    margin-bottom:0;
    font-weight:normal;
    padding:5px 0;
  }
}

.nickel-background-title {
  padding: 5px 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size:26px;
  font-weight:bold;
  background-color: rgba(255, 95, 0, 1);
  text-align: center;
}
@media (max-width: 768px) {
  .nickel-background-title {
    font-size:18px;
    margin-bottom:0;
    font-weight:normal;
    padding:5px 0;
  }
}

.nickel-lite-subtitle,
.recent-articles h3,
.recent-activity h2,
.related-articles h3,
.article-list h3 {
  padding:5px 0;
  margin-bottom:5px;
  color:#000;
  font-size:20px;
  font-weight:bold;
}
.nickel-lite-subtitle .icon:before,
.recent-articles h3:before,
.recent-activity h2:before,
.related-articles h3:before,
.article-list .icon:before {
  color:rgba(255, 95, 0, 1);
  vertical-align:middle;
  font-size:24px;
  margin-right:5px;
  font-family:"Lib-Nickel-Icon";
}
.recent-articles h3:before,
.recent-activity h2:before {
  margin-right:10px;
  content:"\EA1C";
}
.related-articles h3:before {
  margin-right:10px;
  content:"\EA33";
}
.recent-activity .recent-activity-item-parent {
  display:none;
}

@media (max-width:768px) {
  .nickel-lite-subtitle,
  .recent-articles h3,
  .recent-activity h2,
  .related-articles h3,
  .article-list h3 {
    font-size:18px;
    padding:5px 10px;
  }
  .nickel-lite-subtitle .icon:before,
  .recent-articles h3:before,
  .recent-activity h2:before,
  .related-articles h3:before,
  .article-list .icon:before {
    font-size:18px;
    vertical-align:top;
  }
}

/* Search Form */
input { outline: 0; }
.content-search {
  background-color:rgba(255, 95, 0, 1);
  padding:30px 0;
  margin-bottom:20px;
}
.content-search .search-container {
  max-width:820px;
  width:100%;
  height:60px;
  margin:0 auto;
  position:relative;
}
.content-search .search #query {
  border: none;
  display: block;
  width:100%;
  height: 60px;
  border-radius: 6px;
  padding: 0 80px 0 20px;
}
.content-search .search input[type="submit"] {
  display:block;
  position:absolute;
  right:0; top:0;
  border: none;
  color: #fff;
  background-color:#ccc;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  width: 60px;
  height: 60px;

  background-image:url("/hc/theming_assets/01KCKW7TZ57K3Q0DFB15E7E2EE");
  background-size:22px 22px;
  background-repeat:no-repeat;
  background-position:center;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
@media (max-width:992px) {
  .content-search {
    padding:30px 10px;
  }
}
@media (max-width:768px) {
  .content-search .search #query {
    height:40px;
    font-size:13px;
    padding: 0 50px 0 10px;
  }
  .content-search .search input[type="submit"] {
    background-size:12px 12px;
    width: 40px;
    height: 40px;
  }
  .content-search {
    height:100px;
    padding:10px;
  }
}

/* BREADCRUMBS */
.breadcrumbs {
  list-style:none;
  height:20px;
  margin-bottom:20px;
}
.breadcrumbs li {
  float: left;
}
.breadcrumbs li a {
  font-size:14px;
  color:#333;
}
.breadcrumbs li a:after {
  content:">";
  margin: 0 5px;
}
.breadcrumbs li a:hover:after,
.breadcrumbs li a:focus:after {
  display:inline-block;
  text-decoration:none;
}
.breadcrumbs li:last-child,
.breadcrumbs li:last-child a {
  color:rgba(255, 95, 0, 1);
}
.breadcrumbs li:last-child a:after {
  content:"";
}
@media (max-width: 768px) {
  .breadcrumbs li,
  .breadcrumbs li a {
    font-size:13px;
  }
}

/* SERVICE STATUS */
.status-service {
  line-height:24px;
  margin-bottom:30px;
  color:#333;
}
.status-service:after,
.status-service:before {
  content:"";
  display:table;
}
.status-service:after {
  clear:both;
}
.status-service .chip {
  position:relative;
  display:block;
  float:left;
  vertical-align:top;
  width:18px;
  height:18px;
  margin-top:2px;
  margin-right:10px;

  border:1px solid #ccc;
  border-radius:9px;
}
.status-service .chip:after {
  content:"";
  position:absolute;
  top:3px; left:3px;
  width:10px;
  height:10px;
  border-radius:5px;
  background-color:#000;
}
.status-service .chip.danger:after {
  background-color:#cc0044;
}
.status-service .chip.warning:after {
  background-color:#fecf33;
}
.status-service .chip:after {
  background-color:#00cc38;
}
.status-service .text {
  display:block;
}
.status-service .text .cn-link-default {
  color:rgba(255, 95, 0, 1);
}
@media (max-width:768px) {
  .status-service-content .nickel-lite-subtitle {
    padding:5px 0;
  }
  .status-service {
    font-size:13px;
  }
}

/* CATEGORIES */
.categories {
  background-color: #f2f2f2;
  padding:10px 25px;
  border-radius:6px;
  margin-bottom:50px;
}
.categories [class*="col-"] {
  padding:0 5px;
}
.categories .nickel-faq-box {
  line-height: 1;
  background-color: #fff;
  margin-bottom: 10px;
  cursor: pointer;
  display: block;
  position:relative;
  padding-left:20px;
  border-radius:6px;
  color:#333;
  height:80px;
  line-height:80px;
}
.categories .nickel-faq-box:after {
  content:"\EA0A";
  font-family:"Lib-Nickel-Icon";
  font-size:14px;
  color:#ccc;
  font-weight:bold;
  position:absolute;
  right:20px;
  top:0;
}
.categories .nickel-faq-box:hover {
  color:rgba(255, 95, 0, 1);
}
.categories .nickel-faq-box:hover:after {
  color:rgba(255, 95, 0, 1);
}
.categories .nickel-faq-box .content {
  padding: 0 35px 0 40px;
  display: inline-block;
  vertical-align: middle;
  position:relative;
}
.categories .nickel-faq-box .content .icon {
  position:absolute;
  top:0;
  left:0;
}
.categories .nickel-faq-box .content .icon:before {
  vertical-align:middle;
  font-size:30px;
  color:rgba(255, 95, 0, 1);
  margin-right:10px;
}
@media (max-width:768px) {
  .categories {
    margin-left:-15px;
    margin-right:-15px;
    padding:20px 10px;
  }
  .categories .nickel-faq-box {
    height:70px;
    line-height:70px;
    margin-right:10px;
    margin-left:10px;
    margin-bottom:10px;
  }
  .categories .nickel-faq-box .content {
    font-size:13px;
  }
}

/* ARTICLE */
article header {
  border-bottom:1px solid #ccc;
  display:flex;
  flex-wrap:wrap;
  margin-top:20px;
  padding-bottom:10px;
}
article h1.article-title {
  flex:1 85%;
  font-size:20px;
  line-height:28px;
  color:#333;
  font-weight:bold;
  margin:0;
}
article h1.article-title .icon {
  font-size:16px;
}
article h1.article-title .icon:before {
  vertical-align:baseline;
}
article.topic {
  position:relative;
}
article.topic header {
  display:flex;
  flex-wrap:wrap;
  border-bottom:1px solid #ccc;
  padding-bottom:10px;
  margin-top:0;
}
article.topic h1.article-title {
  color:#333;
  margin-bottom:10px;
}
article.topic .post-author,
.comment-author {
  flex:1 75%;
  position:relative;
}
.comment-author {
  display:flex;
}
article.topic .post-author .avatar,
.comment-author .avatar {
  height:40px;
  width:40px;
  float:left;
  margin-right:10px;
}
article.topic .post-author .avatar img,
.comment-author .avatar img {
  border-radius:20px;
}
article.topic .post-author .post-meta,
.comment-author .comment-meta {
  margin-right:20px;
  height:30px;
}
article.topic .post-author .post-meta {
  line-height:30px;
}
.comment-author .comment-meta {
  flex:1 75%;
  padding:5px 0;
}
.comment-author .comment-buttons {
  flex:1 25%;
  text-align:right;
}
article.topic .post-author .post-meta .name,
.comment-author .comment-meta .name {
  float:left;
  margin-right:10px;
}
.comment-author .comment-meta .name {
  line-height:1;
}
article.topic .post-author .post-meta .name a,
.comment-author .comment-meta .name a {
  text-decoration:none;
  font-size:14px;
  color:rgba(255, 95, 0, 1);
}
article.topic .post-author .post-meta .name a:hover,
.comment-author .comment-meta .name a:hover {
  text-decoration:underline;
}
article.topic .post-author .post-meta .tag {
  display:inline-block;
  background-color:rgba(255, 95, 0, 1);
  color:#fff;
  border-radius:9px;
  font-size:12px;
  height:18px;
  line-height:20px;
  padding:0 10px;
  margin-left:10px;
}
article.topic .post-author .post-meta .topContrib {
  background-color:#2862F5;
}
article.topic .post-author .post-meta ul.date,
.comment-author .comment-meta ul.date {
  float:left;
  list-style:none;
  padding:0;
  margin-bottom:0;
}
.comment-author .comment-meta ul.date {
  line-height:1;
}
article.topic .post-author .post-meta ul.date li,
.comment-author .comment-meta ul.date li {
  font-size:14px;
}
article.topic .post-follow {
  position:relative;
  text-align:center;
  display:inline-block;
  margin-top:5px;
  flex:none;
}
article.topic .post-follow .is-not-connected {
  width:calc(100% - 5px);
}
article.topic .post-follow a.post-subscribe,
article.topic .post-follow a.post-unsubscribe {
  display:block;
  float:left;
  border:1px solid #666;
  height:30px;
  line-height:30px;
  border-radius:15px;
  padding:0 15px;
  font-size:14px;
  margin-right:5px;
}
article.topic .post-follow a.post-subscribe {
  color:#666;
}
article.topic .post-follow a.post-subscribe + .is-not-connected {
  padding:0;
}
article.topic .post-follow a.post-unsubscribe {
  background-color:#666;
  color:#fff;
}
article.topic .post-follow a.post-subscribe:after {
  content:"\EA1B";
  font-family:"Lib-Nickel-Icon";
  vertical-align:middle;
  margin-left:10px;
  font-size:10px;
}
article.topic .post-follow a.post-unsubscribe:after {
  content:"\EA1D";
  font-family:"Lib-Nickel-Icon";
  vertical-align:middle;
  margin-left:10px;
  font-size:10px;
}
article.topic .post-follow a.post-subscribe:hover,
article.topic .post-follow a.post-unsubscribe:hover,
article.topic .post-follow a.post-subscribe:focus,
article.topic .post-follow a.post-unsubscribe:focus {
  text-decoration:none;
  background-color:#666;
  color:#fff;
}
article .toolbar-article-infos {
  flex:1 15%;
  font-size:14px;
  color:#666;
}
article .toolbar-article-infos div {
  width:100%;
  line-height:20px;
  margin-bottom:10px;
  margin-top:4px;
  text-align:right;
}
article .toolbar-article-infos .view-count .icon:before,
article .toolbar-article-infos .vote-count .icon:before,
article .toolbar-article-infos .comment-count .icon:before {
  vertical-align:middle;
  margin-right:5px;
}
article .article-body {
  padding:20px 0;
  color:#333;
}
article .article-body p a,
article .article-body ul li a {
  color:rgba(255, 95, 0, 1);
  text-decoration:underline;
}
article .article-body p a:hover,
article .article-body ul li a:hover {
  text-decoration:none;
}
article .article-body p img {
  max-width:100%;
}
article .article-body p.cn-text-divider {
  height:1px;
  background-color:#ccc;
  width:100%;
  margin:30px 0;
}
article .article-body p .orange {
  color:rgba(255, 95, 0, 1);
}
article .article-body table {
  border-collapse:separate;
  border-spacing:0;
  border-radius:7px;
  width:100%;
  margin:30px 0;
}
article .article-body table.w400 {
  max-width:400px;
}
article .article-body table.w600 {
  max-width:600px;
}
article .article-body table.w800 {
  max-width:800px;
}
article .article-body table tbody tr td,
article .article-body table thead tr th {
  border:1px solid #ccc;
  border-top-width:0;
  border-left-width:0;
  padding:20px;
  font-size:14px;
}
article .article-body table tbody tr td.orange {
  color:rgba(255, 95, 0, 1);
}
article .article-body table tbody tr td:first-child {
  border-left-width:1px;
}
article .article-body table thead tr:first-child th {
  background-color:rgba(255, 95, 0, 1);
  color:#fff;
  text-align:center;
  padding:15px 0;
  border-width:0;
  border-left-width:1px;
}
article .article-body table thead tr:first-child th:first-child {
  border-top-left-radius:7px;
  border-left-width:0;
  width:120px;
}
article .article-body table thead tr:first-child th:last-child {
  border-top-right-radius:7px;
}
article .article-body table tbody tr:last-child td:first-child {
  border-bottom-left-radius:7px;
}
article .article-body table tbody tr:last-child td:last-child {
  border-bottom-right-radius:7px;
}
article .article-body ul {
  margin-left:30px;
}
article .article-body .cn-content {
  width:100%;
  margin:50px 0 30px 0;
  padding:30px 20px;
  border-radius:7px;
}
article .article-body .cn-content.center {
  text-align:center;
}
article .article-body .cn-content.right {
  text-align:right;
}
article .article-body .cn-content.grey {
  background-color:#f2f2f2;
}
article .article-body .cn-content.orange {
  background-color:rgba(255, 95, 0, 1);
  color:#fff;
}
article .article-body .cn-content.grey-dark {
  background-color:#333;
  color:#fff;
}
.comment-body {
  margin-top:10px;
  overflow:auto;
}
.comment-body img {
	max-width:100%;
}
.comment-body a {
  color:rgba(255, 95, 0, 1);
  text-decoration:underline;
}
.comment-body a:hover {
  text-decoration:none;
}
.article-footer {
  text-align:center;
  background-color:#f2f2f2;
  border-radius:7px;
  padding:20px;
  margin-bottom:60px;
}
.article-footer p {
  font-size:14px;
}
.comment-actions {
  display:block;
  margin-top:10px;
}
.comment-vote {
  text-align:center;
  position:relative;
  display:inline-block;
  vertical-align:top;
  width:130px;
  height:30px;
  line-height:30px;
  margin:0 auto;
}
.article-footer .footer-links {
  background-color:#fff;
  border-radius:7px;
  padding:20px;
}
.article-footer .footer-vote {
  background-color:#fff;
  border-radius:7px;
  height:60px;
  line-height:60px;
}
.article-footer .footer-vote p {
  display:inline-block;
  margin-right:10px;
}
.article-footer .footer-vote .buttons {
  position:relative;
  width:150px;
  height:30px;
  line-height:30px;
  margin:0 auto;
}
.article-footer .footer-vote .buttons .is-not-connected,
.comment-vote .is-not-connected {
  line-height:30px;
  display:none;
}
.article-footer .article-vote-up,
.article-footer .article-vote-down,
.comment-vote .vote-up,
.comment-vote .vote-down {
  display:inline-block;
  vertical-align:middle;
  width:44px;
  height:30px;
  line-height:30px;
  border:1px solid #666;
  border-radius:15px;
  color:#666;
  text-align:center;
}
.article-footer .vote-total,
.comment-vote .vote-total {
  margin:0 10px;
}
.article-footer .article-vote-up:after,
.comment-vote .vote-up:after {
  font-family:"Lib-Nickel-Icon";
  content:"\E03C";
  font-size:16px;
}
.article-footer .article-vote-down:after,
.comment-vote .vote-down:after {
  font-family:"Lib-Nickel-Icon";
  content:"\E00E";
  font-size:16px;
}
.article-footer .article-vote-up:hover,
.article-footer .article-vote-up:focus,
.article-footer .article-vote-up.article-voted,
.comment-vote .vote-up:hover,
.comment-vote .vote-up:focus,
.comment-vote .vote-up.vote-voted {
  background-color:#00cc38;
  border-color:#00cc38;
  color:#fff;
  text-decoration:none;
}
.article-footer .article-vote-down:hover,
.article-footer .article-vote-down:focus,
.article-footer .article-vote-down.article-voted,
.comment-vote .vote-down:hover,
.comment-vote .vote-down:focus,
.comment-vote .vote-down.vote-voted {
  background-color:#cc0044;
  border-color:#cc0044;
  color:#fff;
  text-decoration:none;
}
.article-footer .button {
  width:260px;
  height:40px;
  line-height:40px;
  font-size:14px;
  background-color:rgba(255, 95, 0, 1);
  color:#fff;
  display:inline-block;
  border-radius:30px;
  margin-bottom:10px;
}
.article-footer .link {
  display:block;
  color:rgba(255, 95, 0, 1);
  font-size:14px;
}
.article-footer .button:hover {
  text-decoration:none;
}
@media (max-width:992px) {
  article .article-body {
    font-size:13px;
  }
  article .article-body table tbody tr td {
    padding:20px 10px;
  }
  article.topic .post-author {
    flex:1 100%;
  }
  article.topic .post-author .post-meta ul.date {
    margin-top:0;
  }
  article.topic .post-follow,
  article .toolbar-article-infos {
    float:none;
    clear:both;
    text-align:left;
    display:block;
    flex:1 100%;
    font-size:13px;
  }
  article .toolbar-article-infos div {
    width:100px;
    float:left;
    text-align:left;
  }
  article.topic .post-author .post-follow a {
    display:inline-block;
  }
  .article-footer .footer-vote {
    height:120px;
    line-height:40px;
    padding:10px 0;
  }
  .article-footer .footer-vote p {
    display:block;
    margin-right:0px;
  }
  .article-footer .link,
  .article-footer .button {
    font-size:13px;
  }
  .comment-author .comment-meta {
    height:auto;
  }
}
@media (max-width:768px) {
  article h1.article-title {
    font-size:18px;
    line-height:24px;
  }
  article.topic .post-author .post-meta,
  article.topic .post-author .post-meta .name a,
  article.topic .post-author .post-meta ul.date li {
    font-size:13px;
  }
  .article-footer {
    margin-left:-15px;
    margin-right:-15px;
    border-radius:0;
  }
  .article-footer,
  .article-footer .footer-links {
    padding:20px 10px;
  }
  .article-footer .button {
    height:50px;
    line-height:50px;
  }
  .comment-author .comment-meta,
  .comment-author .comment-meta .name a,
  .comment-author .comment-meta ul.date li,
  .comment-body {
    font-size:13px;
  }

  .comment-body table tr td {
    padding:0 5px;
  }
}
@media (max-width:380px) {
  .article-footer .button {
    width:100%;
  }
}

/* COMMENTAIRES */
.comments h3.comment-heading {
  font-size:20px;
  font-weight:bold;
  border-bottom:1px solid #ccc;
  height:50px;
  line-height:50px;
  margin-bottom:20px;
}
.comments ul.comment-list {
  list-style:none;
}
.comments ul.comment-list li.item {
  position:relative;
  color:#666;
  border-bottom:1px solid #ccc;
  margin-bottom:30px;
  padding-bottom:20px;
}
.tool-actions {
  float:right;
  height:30px;
}
.tool-actions .old {
  display:none;
}
.tool-actions .btn-edit,
.tool-actions .btn-delete {
  display:inline-block;
  font-size:14px;
  border-radius:15px;
  padding:0 15px;
  height:30px;
  line-height:30px;
  margin-right:5px;
  color:#666;
}
.tool-actions .btn-edit .icon:before,
.tool-actions .btn-delete .icon:before {
  vertical-align:text-top;
  font-size:12px;
}
.tool-actions .btn-edit {
  border:1px solid #ffd100;
}
.tool-actions .btn-delete {
  border:1px solid #cc0044;
}
@media (max-width: 992px) {
  .tool-actions {
    float:none;
  }
  .tool-actions .btn-edit,
	.tool-actions .btn-delete {
  	font-size:13px;
  }
  article.topic .post-follow a.post-subscribe,
  article.topic .post-follow a.post-unsubscribe {
    display:inline-block;
    float:none;
    margin-bottom:10px;
    font-size:13px;
  }
}
@media (max-width: 768px) {
  .comments h3.comment-heading {
    font-size:18px;
  }
}

.post-comments {
  margin-bottom:60px;
}
.post-comments .log_in {
  display:block;
  font-size:14px;
  color:rgba(255, 95, 0, 1);
  text-decoration:underline;
  text-align:center;
  padding:10px 20px;
}
.post-comments .log_in:hover {
  text-decoration:none;
}
.post-comments .comment-form .avatar {
  display:inline-block;
  vertical-align:top;
  margin-right:10px;
}
.post-comments .comment-form .avatar img {
  width:40px;
  height:40px;
  border-radius:20px;
}
.post-comments .comment-form .comment-container {
  display:block;
}
.post-comments .comment-form .comment-container textarea {
  width:100%;
  height:200px;
  border-color: #ccc;
  border-radius:7px;
}
.post-comments .comment-form .comment-container input[type="submit"],
.new-topic .form footer input[type="submit"] {
  display:block;
  margin:auto;
  width:280px;
  height:40px;
  line-height:40px;
  border:0;
  border-radius:20px;
  background-color:rgba(255, 95, 0, 1);
  color:#fff;
  margin-top:20px;
  box-shadow: 1px 1px 5px 0 #bbbbbb;
}
@media (max-width:768px) {
  .post-comments {
    margin-bottom:30px;
  }
  .post-comments .comment-form .avatar,
  .post-comments .comment-form .comment-container {
    display:block;
  }
  .post-comments .comment-form .avatar {
    margin-bottom:10px;
  }
  .post-comments .comment-form .comment-container {
    width:100%;
  }
}

/* CATEGORIE */
.categorie,
.search-result {
  position:relative;
}
.categorie h1.categorie-title {
  height:50px;
  line-height:50px;
}
.categorie > .icon,
.search-result > .icon {
  color:rgba(255, 95, 0, 1);
  font-size:20px;
  border:1px solid rgba(255, 95, 0, 1);
  border-radius:25px;
  padding:10px 15px;
  position:absolute;
  top:0; left:0;
  height:50px;
  width:50px;
  text-align:center;
}
.categorie > .icon:before,
.search-result > .icon:before {
  vertical-align:middle;
}
h1.categorie-title,
.search-result h1 {
  font-size:20px;
  color:rgba(255, 95, 0, 1);
  font-weight:bold;
  padding-left: 70px;
}
.categorie .article-list .item {
  height:70px;
  border-bottom:1px solid #ccc;
}
.search-result .article-list .item {
  height:auto;
  border-bottom:1px solid #ccc;
}
.categorie.categorie-question .article-list .item {
  height:80px;
  padding:10px 0;
}
.categorie .article-list .item .link,
.search-result .article-list .item .link {
  position:relative;
  height:100%;
  display:flex;
  color:#333;
  padding:20px 60px 10px 0;
}
.search-result .article-list .item .link {
  flex-wrap:wrap;
}
.categorie .article-list .item .link:after,
.search-result .article-list .item .link:after {
  content:"\EA0A";
  font-family:"Lib-Nickel-Icon";
  color:#ccc;
  align-self:center;
  margin-right:20px;
  font-size:14px;
  position:absolute;
  top:50%; right:0;
  margin-top:-7.5px;
}
.categorie .article-list .item .link .line.question,
.categorie .article-list .item .link .line.article {
  flex: 1 100%;
  align-self:center;
}
.search-result .article-list .item .link .line.question,
.search-result .article-list .item .link .line.article {
  flex: 1 80%;
  align-self:center;
}
.categorie .article-list .item .link .line.article .title,
.categorie .article-list .item .link .line.question .title,
.search-result .article-list .item .link .line.article .title,
.search-result .article-list .item .link .line.question .title {
  font-weight:bold;
}

.categorie.categorie-question .article-list .item .link .line.article {
  align-self:auto;
}
.categorie .article-list .item .link .text,
.search-result .article-list .item .link .text {
  font-size:14px;
  color:#666;
  margin-top:10px;
}
.search-result .article-list .item .link .text em {
  font-weight:bold;
  font-style:normal;
  color:#333;
}
.categorie .article-list .item .link .name,
.search-result .article-list .item .link .name {
  color:rgba(255, 95, 0, 1);
  margin-right:10px;
  font-size:14px;
}
.categorie .article-list .item .link .date,
.search-result .article-list .item .link .date {
  font-size:14px;
}
.categorie .article-list .item .link .line .icon:before,
.search-result .article-list .item .link .line .icon:before {
  font-size:14px;
  color:#666;
  margin-right:5px;
}
.categorie.categorie-question .article-list .item .link .line.question .author,
.search-result .article-list.categorie-question .item .link .line.question .author {
  display:block;
  line-height:30px;
  font-size:14px;
  color:#666;

}
.categorie .article-list .item .link .infos {
  flex: 1 25%;
  font-size:14px;
  color:#666;
  align-self:center;
  text-align:right;
}
.search-result .article-list .item .link .infos {
  flex: 1 20%;
  font-size:14px;
  color:#666;
  align-self:center;
  text-align:right;
}
.categorie .article-list .item .link .infos .comment-count,
.categorie .article-list .item .link .infos .vote-count,
.search-result .article-list .item .link .infos .comment-count,
.search-result .article-list .item .link .infos .vote-count {
  display:block;
}
.search-result .article-list .item .link .infos .comment-count,
.search-result .article-list .item .link .infos .vote-count {
  margin-bottom:6px;
}
.categorie .article-list .item .link .infos .vote-count .icon:before,
.search-result .article-list .item .link .infos .vote-count .icon:before {
  vertical-align:baseline;
}
.categorie.categorie-question .article-list .item .link .infos .comment-count,
.categorie.categorie-question .article-list .item .link .infos .vote-count {
  line-height:30px;
}
.categorie .article-list .no-posts-with-filter,
.categorie .article-list .no-posts-with-filter,
.search-result .article-list .no-posts-with-filter,
.search-result .article-list .no-posts-with-filter {
  text-align:center;
  padding:40px 0;
}
.categorie .filters,
.categorie .filters .topic-filters {
  display:block;
  width:100%;
  height:90px;
  line-height:90px;
  background-color:#F2F2F2;
  padding:0 20px;
}
.categorie .filters .dropdown {
  width:300px;
  height:50px;
  line-height:50px;
  vertical-align:middle;
  background-color:#fff;
  border:1px solid #ccc;
  border-radius: 7px;
  padding:0 20px;
}
.categorie .filters .dropdown .dropdown-menu {
  border-radius: 7px;
  width:300px;
  background-color:#fff;
}
.categorie .filters .dropdown .dropdown-menu:before,
.categorie .filters .dropdown .dropdown-menu:after {
  content: "";
  display: table;
}
.categorie .filters .dropdown .dropdown-menu:after {
  clear:both;
}
.categorie .filters .dropdown .dropdown-menu a {
  padding: 15px 10px;
  border-bottom:1px solid #ccc;
  line-height:1;
}
.categorie .filters .dropdown .dropdown-menu a:last-child {
  border-bottom:0;
}
@media (max-width:992px) {
  .categorie .article-list .item {
    height:100px;
  }
  .categorie.categorie-question .article-list .item,
  .search-result .article-list.categorie-question .item {
    height:auto;
    padding:0;
  }
  .categorie .article-list .item .link,
  .search-result .article-list .item .link {
    flex-direction:column;
    padding:15px 35px 15px 10px;
  }
  .categorie.categorie-question .article-list .item .link,
  .search-result .article-list.categorie-question .item .link {
    padding:10px 35px 10px 10px;
  }
  .categorie .article-list .item .link .line.question,
  .search-result .article-list .item .link .line.question,
  .categorie .article-list .item .link .line.article,
  .search-result .article-list .item .link .line.article,
  .categorie .article-list .item .link .infos,
  .search-result .article-list .item .link .infos {
    flex:none;
    align-self:left;
    display:block;
  }
  .categorie .article-list .item .link .line.article,
  .search-result .article-list .item .link .line.article {
    margin-bottom:10px;
    height:40px;
  }
  .categorie .article-list .item .link .infos,
  .categorie.categorie-question .article-list .item .link .infos,
  .search-result .article-list .item .link .infos,
  .search-result .article-list.categorie-question .item .link .infos {
    text-align:left;
  }
  .categorie .article-list .item .link .infos .comment-count,
  .categorie .article-list .item .link .infos .vote-count,
  .search-result .article-list .item .link .infos .comment-count,
  .search-result .article-list .item .link .infos .vote-count {
    display:inline-block;
    width:120px;
  }
  .categorie .article-list .item .link .infos .comment-count .icon:before,
  .categorie .article-list .item .link .infos .vote-count .icon:before,
  .search-result .article-list .item .link .infos .comment-count .icon:before,
  .search-result .article-list .item .link .infos .vote-count .icon:before {
    vertical-align:text-bottom;
  }
  .categorie .article-list .item .link:after,
  .search-result .article-list .item .link:after {
    position:absolute;
    right:10px;
    top:50%;
    margin-top:-7.5px;
    margin-right:0;
  }
  .categorie.categorie-question .article-list .item .link:after,
  .search-result .article-list.categorie-question .item .link:after {
    line-height:normal;
  }
  .search-result .article-list.categorie-question .item.noresult {
    padding-bottom:30px;
  }
}

@media (max-width:768px) {
  h2.categorie-title,
	.search-result h1 {
  	font-size:18px;
  }
  .categorie .filters,
	.categorie .filters .topic-filters {
  	padding:0 10px;
  }
  .categorie .filters .dropdown {
    width:auto;
  }
  .categorie .article-list .item .link:after,
	.search-result .article-list .item .link:after {
  	margin-right:0;
  }
  .categorie .article-list .item .link .text,
	.search-result .article-list .item .link .text {
  	font-size:13px;
  }
}

/* SEARCH RESULT */
.search-result h1 {
  position:relative;
  line-height:50px;
  height:50px;
  overflow:hidden;
}
.search-result h1 span.query {
  color:#666;
  padding:0 5px;
}
.search-result h1 > span {
  display:inline-block;
  vertical-align:middle;
  line-height:1;
}
#profile-articles {
  display:none;
}
.search-result .nav-tabs,
.categorie .nav-tabs,
.profile-nav ul.collapsible-nav-list {
  list-style:none;
  border-color:#ccc;
  display:flex;
}
.search-result .nav-tabs li,
.categorie .nav-tabs li,
.profile-nav ul.collapsible-nav-list li {
  position:relative;
  flex-grow:1;
  width:50%;
  height:70px;
  border-top:1px solid #ccc;
}
.search-result .nav-tabs li a,
.categorie .nav-tabs li a,
.profile-nav ul.collapsible-nav-list li a {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  line-height:70px;
  text-align:center;
  color:#666;
  padding:0;
  border:0;
}
.search-result .nav-tabs li a span,
.categorie .nav-tabs li a span,
.profile-nav ul.collapsible-nav-list li a span {
  display:inline-block;
  vertical-align:middle;
  line-height:1;
}
.search-result .nav-tabs li a:hover,
.categorie .nav-tabs li a:hover,
.profile-nav ul.collapsible-nav-list li a:hover {
  border-bottom-color:#ccc;
  text-decoration:none;
  background-color:transparent;
  border:0;
}
.search-result .nav-tabs li.active,
.categorie .nav-tabs li.active,
.profile-nav ul.collapsible-nav-list li.active {
  background-image:linear-gradient(rgba(255, 95, 0, 1), #FF6000);
  color:#fff;
  border-top-width:0;
}
.search-result .nav-tabs li.active a,
.categorie .nav-tabs li.active a,
.profile-nav ul.collapsible-nav-list li.active a {
  border-radius:0;
  border:0;
  background-color:transparent;
  color:#fff;
}
.search-result .nav-tabs li.active a:hover,
.search-result .nav-tabs li.active a:focus,
.categorie .nav-tabs li.active a:hover,
.categorie .nav-tabs li.active a:focus,
.profile-nav ul.collapsible-nav-list li.active a:hover,
.profile-nav ul.collapsible-nav-list li.active a:focus {
  color:#fff;
  background-color:transparent;
  border:0;
}
.search-result .nav-tabs li.active:after,
.categorie .nav-tabs li.active:after,
.profile-nav ul.collapsible-nav-list li.active:after {
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7.5px 0 7.5px;
  border-color: #ff6200 transparent transparent transparent;
  position:absolute;
  bottom:-10px;
  left:50%;
  margin-left:-7.5px;
}
.search-result .nav-tabs li a .icon:before,
.categorie .nav-tabs li a .icon:before {
  vertical-align:middle;
  position:absolute;
  left:20px;
  line-height:70px;
  font-size:18px;
}
.search-result .divider {
  height:1px;
  background-color:#ccc;
  margin-top:40px;
}
.search-result .result-body {
  min-height:200px;
  padding-top:20px;
}
.search-result .result-body .noresult {
  text-align:center;
  margin-top:60px;
  padding-bottom:30px;
}
@media (max-width:992px) {
  .search-result .nav-tabs li a span,
	.categorie .nav-tabs li a span {
  	max-width:130px;
  }
  .search-result .nav-tabs li a .icon:before,
	.categorie .nav-tabs li a .icon:before {
  	left:10px;
  }
}
@media (max-width:768px) {
  .search-result,
  .categorie {
    margin-left:-15px;
    margin-right:-15px;
  }
  .categorie > .icon,
  .search-result > .icon {
    left:10px;
  }
  .search-result .result-body {
    min-height:100px;
  }
  .categorie h2.categorie-title {
    font-weight:normal;
  }
  .search-result .nav-tabs li a,
  .categorie .nav-tabs li a,
  .profile-nav ul.collapsible-nav-list li a {
  	font-size:13px;
  }

  .profile-nav {
    margin-left:-15px;
    margin-right:-15px;
  }
  .profile-nav ul.collapsible-nav-list li {
    height:40px;
    line-height:40px;
  }
  .profile-nav ul.collapsible-nav-list li a {
    line-height:40px;
  }
}

/* LIST ARTICLES */
.list-article,
.recent-articles,
.recent-activity,
.related-articles {
  margin-bottom:50px;
}
.recent-activity .recent-activity-controls a {
  color:rgba(255, 95, 0, 1);
}
.list-article .list,
.recent-articles ul,
.recent-activity ul,
.related-articles ul,
.article-list {
  list-style:none;
  padding:0;
}
.recent-activity ul {
  margin-bottom:20px;
}
.list-article .list .item,
.recent-articles ul li,
.related-articles ul li {
  height:80px;
  width:100%;
  border-bottom:1px solid #ccc;
  display:table;
}
.recent-activity ul li {
  width:100%;
  border-bottom:1px solid #ccc;
  display:table;
  min-height:80px;
  height:auto;
}
.recent-activity ul li {
  position:relative;
}
.recent-activity ul li .recent-activity-item-meta {
	margin-bottom:10px;
  height:20px;
  width:100%;
  font-size:14px;
  color:#666;
}
.recent-activity ul li .recent-activity-item-meta div.recent-activity-item-time {
	float:left;
  color:#666;
}
.recent-activity ul li .recent-activity-item-meta div.recent-activity-item-comment {
  margin-right:65px;
  float:right;
  position:relative;
  padding-left:20px;
}
.recent-activity ul li .recent-activity-item-meta div.recent-activity-item-comment:before {
  content:"Réponses : ";
}
.recent-activity ul li .recent-activity-item-meta div.recent-activity-item-comment:after {
  content:"\EA10";
  font-family:"Lib-Nickel-Icon";
  position:absolute;
  top:0; left:0;
}
.recent-articles ul li a,
.related-articles ul li a {
  display:table-cell;
  width:inherit;
  height:inherit;
  vertical-align:middle;
  position:relative;
  color:#333;
  padding-right:35px;
  font-size:16px;
  font-weight:bold;
}
.list-article .list .item .link {
  display:flex;
  flex-wrap:wrap;
  line-height:80px;
  width:inherit;
  height:inherit;
  vertical-align:middle;
  position:relative;
  color:#333;
  padding-right:35px;
}
.recent-activity ul li a {
  display:flex;
  padding-top:20px;
  width:inherit;
  height:inherit;
  vertical-align:middle;
  color:#333;
  padding-right:65px;
  margin-bottom:10px;
  font-weight:bold;
  font-size:16px;
}
.list-article .list .item .link .title {
  line-height:1;
  align-self:center;
  font-weight:bold;
  flex:1 75%;
  font-size:16px;
}
.list-article .list .item .link .votes {
  flex:1 10%;
  text-align:right;
  margin-right:30px;
  font-size:14px;
  color:#666;
}
.list-article .list .item .link .votes .icon:before {
  vertical-align:baseline;
}
.list-article .list .item .link:hover,
.recent-articles ul li a:hover,
.recent-activity ul li a:hover,
.related-articles ul li a:hover,
.article-list .item .link:hover {
  text-decoration:none;
}
.recent-activity ul li a:after,
.recent-articles ul li a:after,
.recent-activity ul li a:after,
.related-articles ul li a:after {
  content:"\EA0A";
  font-family:"Lib-Nickel-Icon";
  color:#ccc;
  position:absolute;
  right:20px; top:50%;
  margin-top:-7px;
  font-size:14px;
}
.list-article .list .item .link:after {
  content:"\EA0A";
  font-family:"Lib-Nickel-Icon";
  color:#ccc;
  position:absolute;
  right:20px; top:0;
  font-size:14px;
}
.list-article .list .item .link:hover .title,
.recent-articles ul li a:hover,
.recent-activity ul li a:hover,
.related-articles ul li a:hover,
.article-list .item .link:hover .title,
.list-article .list .item .link:hover:after,
.recent-articles ul li a:hover:after,
.recent-activity ul li a:hover:after,
.related-articles ul li a:hover:after,
.article-list .item .link:hover:after {
  color:rgba(255, 95, 0, 1);
}
@media (max-width:992px) {
  .recent-activity ul li .recent-activity-item-meta {
    padding:0 50px 0 0;
  }
  .recent-activity ul li a {
    padding:10px 20px 0 0;
  }
  .recent-activity ul li a:after {
    line-height:80px;
    top:10px;
    right:10px;
  }
  .recent-activity ul li .recent-activity-item-meta {
    height:auto;
  }
  .recent-activity ul li .recent-activity-item-meta div.recent-activity-item-time {
    margin-bottom:10px;
  }
  .recent-activity ul li .recent-activity-item-meta div.recent-activity-item-comment {
    margin-right:0;
  }
  .recent-activity .recent-activity-controls {
    margin-left:10px;
  }
  .list-article .list .item .link:after{
    right:10px;
  }
  .list-article .list .item .link .title {
    flex:1 100%;
    padding-right:30px;
    margin-top:10px;
    font-size:14px;
  }
  .list-article .list .item .link .votes {
    flex:1 100%;
    text-align:left;
    line-height:1;
    font-size:13px;
  }
}
@media (max-width:768px) {
  .list-article,
  .recent-articles,
  .recent-activity,
  .related-articles {
    margin-left:-15px;
    margin-right:-15px;
  }
  .recent-articles ul li a,
  .related-articles ul li a {
    padding:0 35px 0 15px;
    font-size:14px;
  }
  .recent-activity ul li {
    padding-bottom:10px;
  }
  .recent-activity ul li .recent-activity-item-meta {
    padding:0 35px 0 15px;
    font-size:13px;
  }
  .recent-activity ul li .recent-activity-item-meta div.recent-activity-item-comment {
    float:left;
  }
  .list-article .list .item .link {
    padding:0 15px;
  }
  .recent-activity ul li a {
    padding:10px 35px 0 15px;
    font-size:14px;
  }
  .article-list .item .link {
    padding: 0 15px;
  }
  .recent-activity .recent-activity-controls a {
    font-size:13px;
  }
}

/* COLUMN RIGHT */
.encart img {
  border-radius:6px;
}
.visual-news {
  background-color:#91cdff;
  height:340px;
  width:100%;
  max-width:260px;
  margin:0 auto 20px;
  border-radius:6px;
}
.facebook {
  background-color:#91cdff;
  height:200px;
  width:100%;
  max-width:260px;
  margin:0 auto 20px;
  border-radius:6px;
}
.encart-application{
  border-radius:6px;
  width:100%;
  max-width:260px;
  margin:0 auto 20px;
}
.find-us {
  background-color:rgba(255, 95, 0, 1);
  border-radius:6px;
  width:100%;
  max-width:260px;
  margin:0 auto 20px;

}


/* ERROR PAGE */
.error-page {
  text-align:center;
  padding:80px 0;
}
.error-page .icon {
  font-size:80px;
  color:rgba(255, 95, 0, 1);
  margin-bottom:40px;
}
.error-page h1 {
  font-size:40px;
  margin-top:0;
  margin-bottom:10px;
}
.error-page h2 {
  font-size:30px;
  margin-top:0;
  margin-bottom:30px;
}
.error-page p {
  font-size:16px;
  line-height:20px;
  margin-bottom:60px;
}
.error-page a {
  width:275px;
  height:50px;
  line-height:50px;
  background-color:rgba(255, 95, 0, 1);
  color:#fff;
  text-align:center;
  display:block;
  margin:0 auto;
  border-radius:25px;
}
.error-page a:hover {
  text-decoration:none;
  color:#fff;
}
@media (max-width:768px) {
  .error-page h1 {
    font-size:30px;
  }
  .error-page h2 {
    font-size:20px;
    margin-bottom:20px;
  }
  .error-page p {
    font-size:14px;
    margin-bottom:25px;
  }
}

/* PROFIL PAGE */
header.profile-header {
  height:200px;
  background-color:#f2f2f2;
  padding-top:20px;
}
header.profile-header .profile-info {
  height:50px;
  margin-bottom:20px;
}
header.profile-header .profile-info .avatar {
  display:inline-block;
  margin-right:20px;
}
header.profile-header .profile-info .avatar img {
  height:50px;
  width:50px;
  border-radius:25px;
}
header.profile-header .profile-info .basic-info {
  display:inline-block;
}
header.profile-header .profile-info .basic-info .name a,
header.profile-header .profile-info .basic-info .name {
  display:inline-block;
  color:rgba(255, 95, 0, 1);
  font-size:18px;
  height:50px;
  line-height:50px;
  margin:0;
}
header.profile-header .profile-info .basic-info .tag {
  display:inline-block;
  background-color:rgba(255, 95, 0, 1);
  color:#fff;
  font-size:13px;
  padding:0 10px;
  height:18px;
  line-height:20px;
  border-radius:9px;
  margin-top:-3px;
  vertical-align:text-top;
}
header.profile-header .profile-stats {
  list-style:none;
  background-color:#fff;
  border-radius:4px;
  padding:5px 0;
  height:80px;
  float:left;
  margin:0 0 0 40px;
  display:flex;
  flex-direction: column;
  justify-content:center;
}
header.profile-header .profile-stats-counters {
  margin-left:70px;
  width:160px;
}
header.profile-header .profile-stats-activity {
  min-width:240px;
}
header.profile-header .profile-stats li {
  display:flex;
  padding:0 20px;
  height:25px;
  line-height:25px;
}
header.profile-header .profile-stats-activity li {
  height:40px;
  line-height:40px;
}
header.profile-header .profile-stats li span {
  flex-grow:1;
  font-size:14px;
  color:#666;
}
header.profile-header .profile-stats li span.stat-value {
  text-align:right;
  color:rgba(255, 95, 0, 1);
  margin-left:10px;
}
@media (max-width:768px) {
  header.profile-header .profile-info .avatar {
    float:left;
  }
  header.profile-header .profile-info .basic-info .name,
  header.profile-header .profile-info .basic-info .name a {
    display:block;
    height:30px;
    line-height:30px;
  }
  header.profile-header .profile-stats-counters,
  header.profile-header .profile-stats-activity {
    margin-left:10px;
    min-width:auto;
    width:130px;
    height:100px;
    padding:10px 0;
  }
  header.profile-header .profile-stats li {
    padding:5px 10px;
    line-height:1;
  }
  header.profile-header .profile-stats-activity li {
    display:block;
  }
  header.profile-header .profile-stats li span {
    display:block;
    margin-bottom:5px;
    font-size:13px;
  }
  header.profile-header .profile-stats-activity li span.stat-value {
    text-align:left;
    margin-left:0;
  }
}
ul.profile-contribution-list,
ul.profile-activity-list {
  list-style:none;
}
ul.profile-contribution-list li.profile-contribution {
  border-bottom:1px solid #ccc;
  padding:10px 60px 10px 0;
  display:flex;
  flex-wrap:wrap;
  position:relative;
}
ul.profile-contribution-list li.profile-contribution:before {
  content:"\EA0A";
  font-family:"Lib-Nickel-Icon";
  position:absolute;
  top:50%;
  right:20px;
  margin-top:-7.5px;
  color:#999;
}
ul.profile-contribution-list li.profile-contribution .profile-contribution-body {
  margin-top:10px;
  flex:1 100%;
  font-size:14px;
  color:#666;
}
ul.profile-contribution-list li {
  font-size:16px;
  margin-top:0;
}
ul.profile-contribution-list li span,
ul.profile-contribution-list li .breadcrumbs {
  display:inline-block;
  vertical-align:middle;
  line-height:20px;
  height:auto;
  margin-bottom:0;
}
ul.profile-contribution-list li .breadcrumbs li {
  display:none;
}
ul.profile-contribution-list li .breadcrumbs li:last-child {
  display:block;
}
ul.profile-contribution-list li .icon {
  font-size:18px;
}
ul.profile-contribution-list li a {
  font-size:14px;
  text-decoration:none;
  color:#333;
}
ul.profile-contribution-list li .breadcrumbs li a {
  color:#333;
  text-decoration:underline;
  font-size:16px;
  margin-bottom:0;
}
ul.profile-contribution-list li header.profile-contribution-header {
  flex:1 75%;
}
ul.profile-contribution-list li header.profile-contribution-header ul.meta-group {
  list-style:none;
  margin-top:10px;
}
ul.profile-contribution-list li header.profile-contribution-header ul.meta-group li {
  font-size:14px;
  float:left;
}
ul.profile-contribution-list li header.profile-contribution-header ul.meta-group li img {
  border-radius:20px;
  width:40px;
  height:40px;
  margin-right:10px;
}
ul.profile-contribution-list li header.profile-contribution-header ul.meta-group li.meta-data {
  color:#666;
  font-size:14px;
}
ul.profile-contribution-list li header.profile-contribution-header ul.meta-group li span.name {
  color:rgba(255, 95, 0, 1);
}
ul.profile-contribution-list li .toolbar-infos {
  height:20px;
  line-height:20px;
  flex:1 25%;
  text-align:right;
}
ul.profile-contribution-list li .toolbar-infos .vote-count {
  font-size:14px;
  color:#666;
}
ul.profile-contribution-list li .toolbar-infos span {
  width:120px;
}
ul.profile-contribution-list li .toolbar-infos .vote-count .icon:before {
  vertical-align:middle;
  margin-right:5px;
  font-size:14px;
}
.no-activity {
  display:block;
  text-align:center;
  margin:60px 0;
}
@media (max-width:768px) {
  ul.profile-contribution-list li span,
  ul.profile-contribution-list li .breadcrumbs {
    line-height:1;
    height:auto;
  }
}

@media (max-width:992px) {
  ul.profile-contribution-list li .toolbar-infos {
    text-align:left;
    margin-top:10px;
    flex:1 100%;
  }
}

.content-pagination {
  text-align:center;
}
.pagination ul {
  list-style:none;
}
.pagination ul li {
  display:inline-block;
  border:0;
  background-color:transparent;
}
.pagination ul li a,
.pagination ul li span {
  display:block;
  width:30px;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#666;
}
.pagination ul li.pagination-current {
  background-color:transparent;
}
.pagination ul li span {
  color:rgba(255, 95, 0, 1);
}
.pagination ul li.pagination-first,
.pagination ul li.pagination-last {
  display:none;
}
.pagination ul li.pagination-next a,
.pagination ul li.pagination-prev a {
  border:1px solid #666;
  border-radius:20px;
  color:#fff;
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:5px;
  margin-right:5px;
}
.pagination ul li.pagination-next a:after,
.pagination ul li.pagination-prev a:after {
  font-family:"Lib-Nickel-Icon";
  color:#666;
  font-size:10px;
  text-align:center;
}
.pagination ul li.pagination-next a:after {
  content:"\EA0A";
}
.pagination ul li.pagination-prev a:after {
  content:"\EA05";
}
.pagination ul li a:hover {
  text-decoration:none;
  color:rgba(255, 95, 0, 1);
}
.pagination ul li.pagination-next a:hover,
.pagination ul li.pagination-prev a:hover {
  border-color:rgba(255, 95, 0, 1);
  color:#fff;
}
.pagination ul li.pagination-next a:hover:after,
.pagination ul li.pagination-prev a:hover:after {
  color:rgba(255, 95, 0, 1);
}
@media (max-width:768px) {
  .pagination ul li a,
  .pagination ul li span {
    font-size:13px;
  }
}

.new-topic .form {
  max-width:480px;
  width:100%;
  margin:0 auto;
}
.new-topic .form .form-field {
  margin-bottom:30px;
}
.new-topic .form .form-field label {
  color:rgba(255, 95, 0, 1);
  font-weight:normal;
  display:block;
}
.new-topic .form .form-field input,
.new-topic .form .form-field .nesty-input {
  height:50px;
  line-height:50px;
  border-radius:7px;
  border:1px solid #ccc;
  width:100%;
  padding:0 10px;
}

.new-topic .form .form-field .nesty-input:after {
  top:auto;
  line-height:50px;
  transform:scale(1.3);
  right:15px;
}

.request-form {
  margin: 5% 10%;
}

.request-form .form-field label {
  color: #f57528;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 6px;
}

.request-form .form-field input,
.request-form .form-field textarea,
.request-form .form-field .nesty-input{
  display: block;
  width: 100%;
  height: 50px;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.request-form .form-field textarea {
  height: 80px;
}

.request-form footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 100px;
  align-items: center;
}

.request-form footer input {
  height: 50px;
  width: 280px;
  text-align: center;
  border-radius: 25px;
  background-color: #f57528;
  color: white;
}

.links-info {
  display: flex;
  flex-direction: column;
  background-color: #f2f2f2;
  width: 100%;
  border-radius: 7px;
  padding: 30px 20px;
  margin-bottom: 20px;
}

.links-info li {
  margin-left: 20px;
}
.links-info li a {
  color: #f57528;
}
/* fais passer le contenu de fin de page sous le footer sur la homepage */
.zindex {
  z-index:-1;
}

/* FOOTER */
.footer {
  z-index:999;
  width:100%;
  height: 460px;
  background-color:#f2f2f2;
  padding:50px 0;
  margin-top:60px;
}
.footer .list {
  list-style:none;
  height:200px;
}
.footer .list .item {
  height:35px;
}
.footer .list .item .link {
  display:block;
  height:inherit;
  line-height:40px;
  font-size:14px;
  color:#000;
}
.footer .list .item .link:hover {
  color:rgba(255, 95, 0, 1);
}
.footer .list-social .item .link .icon:before {
  vertical-align:middle;
  margin-right:10px;
  font-size:20px;
}
.footer .list-social .item .link .icon-facebook-sign {
  color:#3B5998;
}
.footer .list-social .item .link .icon-twitter-sign {
  color:#55ACEE;
}
.footer .list-social .item .link .icon-linkedin-sign {
  color:#007BB6;
}
.footer .list-img .item {
  margin-bottom:10px;
}
.footer .list-img .item .link .img {
  max-width:135px;
  width:100%;
  height:auto;
}
@media (max-width:992px) {
  .footer {
    height:auto;
    padding:50px 0 0;
  }
  .footer .list.list-img, .footer .list.list-social {
    margin-top:120px;
  }
}
@media (max-width:768px) {
  .footer {
    margin-top:0;
  }
  .footer .list .item .link {
    font-size: 13px;
    line-height:20px;
  }
}