.four-columns:nth-child(n) {
  width: 23.725%;
  margin-right: 1.7%;
  clear: none; }
.four-columns:nth-child(4n) {
  margin-right: 0;
  clear: none; }
.four-columns:nth-child(4n+1) {
  clear: left; }

.three-columns:nth-child(n) {
  width: 31.8%;
  margin-right: 2.3%;
  clear: none; }
.three-columns:nth-child(3n) {
  margin-right: 0;
  clear: none; }
.three-columns:nth-child(3n+1) {
  clear: left; }

.two-columns:nth-child(n) {
  width: 48%;
  margin-right: 4%;
  clear: none; }
.two-columns:nth-child(2n) {
  margin-right: 0;
  clear: none; }
.two-columns:nth-child(2n+1) {
  clear: left; }

.single-column::nth-child(n) {
  width: 100%; }

#portal-banner {
  background-color: #e8e8e8; }
  #portal-banner ul li, #portal-banner ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  #portal-banner #portal-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box; }
    #portal-banner #portal-menu > li.language-responsive, #portal-banner #portal-menu > li.connect-responsive {
      display: none; }
    #portal-banner #portal-menu > li a {
      padding: 0 8px;
      height: 40px; }
    #portal-banner #portal-menu > li#logo > a {
      padding-left: 0; }
    #portal-banner #portal-menu .pillars a,
    #portal-banner #portal-menu .explore > a,
    #portal-banner #portal-menu .languages > a,
    #portal-banner #portal-menu .connect > a,
    #portal-banner #portal-menu .search > a {
      display: flex;
      align-items: center;
      color: #123751;
      text-align: center;
      text-transform: uppercase;
      font-weight: 500;
      white-space: nowrap; }
      #portal-banner #portal-menu .pillars a .caret,
      #portal-banner #portal-menu .explore > a .caret,
      #portal-banner #portal-menu .languages > a .caret,
      #portal-banner #portal-menu .connect > a .caret,
      #portal-banner #portal-menu .search > a .caret {
        border-top-color: #123751;
        margin-left: 6px;
        margin-top: 0px; }
    #portal-banner #portal-menu .languages > a {
      height: auto;
      border: 1px solid #889ca7 !important;
      border-radius: 4px;
      margin-right: 5px;
      line-height: 24px;
      text-transform: capitalize; }
    #portal-banner #portal-menu .connect > a {
      text-transform: capitalize; }
    #portal-banner #portal-menu .portal-url {
      width: 100px;
      flex-shrink: 0; }
      #portal-banner #portal-menu .portal-url a {
        background: url("//static.coe.int/pics/logos/desktop/subsite-logo-www.svg") no-repeat;
        background-size: auto 100%;
        text-indent: -9999px;
        height: 18px; }
      #portal-banner #portal-menu .portal-url a:hover {
        opacity: 0.75; }
    #portal-banner #portal-menu .portal-url a {
      font-size: 14px;
      font-weight: bold;
      color: #959595;
      display: block; }
    #portal-banner #portal-menu .languages > a .caret {
      border-top-color: #fff; }
    #portal-banner #portal-menu .languages.open > a .caret,
    #portal-banner #portal-menu .languages > a:focus .caret,
    #portal-banner #portal-menu .languages > a:hover .caret {
      border-top-color: #123751 !important; }
    #portal-banner #portal-menu .languages > a:hover,
    #portal-banner #portal-menu .languages > a:focus,
    #portal-banner #portal-menu .languages.open > a {
      background-color: rgba(149, 149, 149, 0.2) !important;
      color: #123751 !important;
      text-decoration: none; }
    #portal-banner #portal-menu .pillars a:hover,
    #portal-banner #portal-menu .explore > a:hover, #portal-banner #portal-menu .explore.open > a,
    #portal-banner #portal-menu .connect > a:hover,
    #portal-banner #portal-menu .search > a:hover,
    #portal-banner #portal-menu .pillars a:focus,
    #portal-banner #portal-menu .explore > a:focus,
    #portal-banner #portal-menu .connect > a:focus,
    #portal-banner #portal-menu .search > a:focus {
      background-color: rgba(149, 149, 149, 0.2) !important;
      text-decoration: none; }
    #portal-banner #portal-menu .pillars ul {
      display: flex; }
    #portal-banner #portal-menu .pillars li {
      position: relative; }
    #portal-banner #portal-menu .pillars .selected:after {
      -webkit-transition: height 0.3s ease;
      -moz-transition: height 0.3s ease;
      -o-transition: height 0.3s ease;
      transition: height 0.3s ease;
      content: "";
      background: url(../images/chevron.svg) 50% 2px no-repeat;
      position: absolute;
      height: 8px;
      bottom: 0;
      left: 0;
      right: 0; }
    #portal-banner #portal-menu .pillars .active {
      background-color: #fff; }
    #portal-banner #portal-menu .pillars .loading {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      top: 0;
      background: url(../images/loading.gif) no-repeat 50% 50%; }
    #portal-banner #portal-menu .explore .dropdown-menu {
      min-width: 200px; }
    #portal-banner #portal-menu .languages > a {
      padding: 0 10px; }
    #portal-banner #portal-menu .languages .item-label {
      font-size: 13px;
      padding: 0 20px;
      color: #777; }
    #portal-banner #portal-menu .languages .dropdown-menu li.hidden-live {
      opacity: 0.6; }
      #portal-banner #portal-menu .languages .dropdown-menu li.hidden-live a:after {
        content: "\f070";
        font-family: Fontawesome, 'fontawesome-alloy';
        margin-left: 2px; }
    #portal-banner #portal-menu .languages li > a,
    #portal-banner #portal-menu .languages .select-lang select,
    #portal-banner #portal-menu .languages .select-lang option {
      text-transform: capitalize; }
    #portal-banner #portal-menu .connect > a i {
      font-size: 12px;
      margin-left: 6px; }
    #portal-banner #portal-menu .search .search-txt {
      clip: rect(0 0 0 0);
      position: absolute;
      display: none; }
    #portal-banner #portal-menu .search i {
      font-size: 20px; }
    #portal-banner #portal-menu .dropdown-menu {
      border-radius: 0;
      border: 1px solid #123751;
      border-top: none; }
      #portal-banner #portal-menu .dropdown-menu li > a {
        padding: 10px 20px;
        color: #161616; }
        #portal-banner #portal-menu .dropdown-menu li > a:hover, #portal-banner #portal-menu .dropdown-menu li > a:focus, #portal-banner #portal-menu .dropdown-menu li > a.active {
          background: none;
          background-color: #eee;
          filter: none; }
      #portal-banner #portal-menu .dropdown-menu .sep > a {
        border-bottom: 1px solid #cfcfcf; }
    #portal-banner #portal-menu .languages .dropdown-menu .sep > a {
      border-bottom: 0; }
    #portal-banner #portal-menu .languages .dropdown-menu {
      max-height: 70vh;
      overflow-y: auto;
      min-width: 170px; }

#main-wrapper .btn-nav-close {
  display: none; }

.pillarOpen #portal-banner #portal-menu .pillars .selected:after {
  height: 0; }

/* style pages carrefour */
.portal #containerBannerMenu {
  padding-left: 0;
  background: none; }

#containerBannerMenu {
  padding-left: 200px;
  margin-bottom: 30px;
  background: url("//static.coe.int/pics/logos/desktop/logo-coe-blue.svg") left 30px no-repeat;
  background-size: 98px auto; }
  #containerBannerMenu .portlet-layout {
    padding-top: 30px; }

#containerBannerMenu:empty {
  margin-bottom: 0; }

.carrefour-content .span4, .carrefour-content .span8 {
  border-radius: 5px;
  border: 1px solid #dddddd; }
.carrefour-content .span8 ul {
  float: left;
  width: 50%;
  box-sizing: border-box; }
.carrefour-content h4 {
  font-size: 16px !important;
  font-weight: bold !important;
  padding: 10px 15px;
  background-color: #F5F5F5;
  margin: 0;
  border-bottom: 1px solid #dddddd; }
.carrefour-content ul {
  margin: 0;
  padding: 0; }
.carrefour-content li {
  list-style-type: none; }
  .carrefour-content li:hover {
    background-color: #f5f5f5; }
  .carrefour-content li a {
    color: #161616;
    display: block;
    padding: 7px 25px 7px 40px;
    line-height: 20px; }
  .carrefour-content li:before {
    content: '\f105';
    font-family: 'FontAwesome','fontawesome-alloy';
    color: #aaa;
    margin-left: 20px;
    float: left;
    margin-top: 3px; }

@media screen and (max-width: 767px) {
  .carrefour-content .span4, .carrefour-content .span8 {
    margin-bottom: 40px; }

  .carrefour-content ul {
    padding: 15px 0; } }
#site-banner {
  background-color: #123751;
  min-height: 75px; }
  #site-banner > .container {
    position: relative;
    min-height: 99px; }
  #site-banner a#logo {
    display: block;
    width: 40%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0; }
    #site-banner a#logo img {
      float: none;
      height: 75px;
      margin: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  #site-banner #qrcode {
    float: right;
    margin-top: 10px;
    margin-left: 10px; }
  #site-banner .site-name-wrapper {
    float: right;
    width: 55%; }
    #site-banner .site-name-wrapper .titles-wrapper {
      color: white;
      float: right;
      text-align: right;
      margin: 30px 0; }
      #site-banner .site-name-wrapper .titles-wrapper a {
        color: #fff;
        text-decoration: none; }
        #site-banner .site-name-wrapper .titles-wrapper a:hover {
          color: #fff; }
      #site-banner .site-name-wrapper .titles-wrapper h1 {
        font-size: 30px;
        line-height: 1.3;
        font-weight: normal;
        margin: 0; }
      #site-banner .site-name-wrapper .titles-wrapper.smaller-title {
        margin: 15px 0; }
        #site-banner .site-name-wrapper .titles-wrapper.smaller-title h1 {
          font-size: 24px; }
      #site-banner .site-name-wrapper .titles-wrapper .banner-surtitle {
        font-size: 20px;
        font-weight: 200; }
    #site-banner .site-name-wrapper img.optional-logo {
      max-height: 80px; }
  #site-banner .responsive-menu {
    display: none;
    color: #fff;
    line-height: 100px;
    cursor: pointer;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0; }

/* ---------- PJP --------- */
body.pjp #site-banner .logos-coe-eu-text {
  width: 240px;
  float: left;
  margin: 20px 0; }
body.pjp #site-banner img.logo-pjp-coe {
  float: left;
  margin: 10px 0; }
body.pjp #site-banner img.logo-pjp-eu {
  float: left;
  margin: 13px 10px 0 10px; }
body.pjp #site-banner .site-name-wrapper {
  width: 50%; }
body.pjp #portal-banner #portal-menu li.search > a,
body.pjp #portal-banner #portal-menu li.connect > a {
  padding: 0 15px; }
body.pjp #portal-banner #portal-menu {
  justify-content: flex-end; }

/* ---------- Forum --------- */
body.forum #site-banner {
  -webkit-background-size: cover;
  background-size: cover;
  position: relative; }
body.forum #site-banner-veil {
  background-color: rgba(0, 0, 0, 0.3); }
body.forum #site-forum-wrapper {
  min-height: 224px;
  background-size: cover;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 224px; }
  body.forum #site-forum-wrapper h1 {
    padding: 20px; }
body.forum #portal-banner #portal-menu li.search > a,
body.forum #portal-banner #portal-menu li.connect > a {
  padding: 0 15px; }
body.forum #portal-banner #portal-menu {
  justify-content: flex-end; }
body.forum #site-banner .responsive-menu {
  background-color: #038388;
  line-height: 0;
  padding: 7px;
  width: 38px;
  right: 20px;
  top: 35%;
  height: 31px;
  border-radius: 4px; }

/* ---------- Portal --------- */
body.portal #site-banner {
  display: none; }
body.portal #portal-banner {
  background-color: #123751; }
  body.portal #portal-banner #navigation-wrapper {
    display: none; }
  body.portal #portal-banner #portal-menu #logo {
    padding-right: 14px; }
    body.portal #portal-banner #portal-menu #logo img {
      max-height: none;
      max-width: none; }
  body.portal #portal-banner #portal-menu .search > a,
  body.portal #portal-banner #portal-menu .explore > a,
  body.portal #portal-banner #portal-menu .connect > a,
  body.portal #portal-banner #portal-menu .pillars > ul > li > a {
    color: #fff;
    height: 75px; }
  body.portal #portal-banner #portal-menu .languages > a {
    background-color: #123751;
    color: #fff;
    border: 1px solid #123751; }
  body.portal #portal-banner #portal-menu .languages.open > a .caret,
  body.portal #portal-banner #portal-menu .languages > a:focus .caret,
  body.portal #portal-banner #portal-menu .languages > a:hover .caret {
    border-top-color: white !important; }
  body.portal #portal-banner #portal-menu .languages > a:hover,
  body.portal #portal-banner #portal-menu .languages > a:focus,
  body.portal #portal-banner #portal-menu .languages.open > a {
    background-color: rgba(149, 149, 149, 0.2) !important;
    color: white !important;
    text-decoration: none; }
  body.portal #portal-banner #portal-menu i.caret {
    border-top-color: #fff; }
  body.portal #portal-banner #portal-menu .pillars .active {
    background: #2C495E; }
  body.portal #portal-banner #portal-menu .pillars ul {
    float: none; }
  body.portal #portal-banner #portal-menu .pillars .selected:after {
    display: none; }
  body.portal #portal-banner #portal-menu .connect > a {
    height: 75px; }
  body.portal #portal-banner #portal-menu .search a {
    color: #e4e5e4; }
  body.portal #portal-banner #portal-menu .search .search-txt {
    display: none; }

/*hide my-account for RP user*/
.isUserRP #portal-banner .my-account {
  display: none; }

/* accessibility menu explore / language without JS */
html:not(.js) #portal-banner #portal-menu .dropdown:hover ul.dropdown-menu {
  display: block; }

/* Menu connect show/hide dockbar */
.hide-dockbar {
  display: none !important; }

.dockbar-display .hide-dockbar {
  display: block !important; }

.dockbar-display .show-dockbar {
  display: none !important; }

.connect .avatar,
.connect .avatar:hover {
  max-width: 30px;
  border-radius: 30px;
  border: 2px solid #888; }

.portal .connect .avatar,
.portal .connect .avatar:hover {
  border-color: #1F458A; }

#portal-menu .connect.open > a {
  background-color: rgba(149, 149, 149, 0.2);
  text-decoration: none; }

.aui .connect .dropdown-menu {
  left: auto;
  right: 0; }

#portal-banner #portal-menu .connect > a .caret {
  margin-top: 5px; }

.user-avatar-image {
  display: none; }

/* users RP */
.isUserRP .dockbar .user-avatar li:first-child,
.isUserRP #portal-banner ul li.my-account {
  display: none; }

@media screen and (min-width: 980px) {
  #portal-banner #portal-menu > li.language-responsive,
  #portal-banner #portal-menu > li.connect-responsive {
    display: none !important; } }
@media screen and (max-width: 979px) {
  .aui body.portal #portal-banner #portal-menu {
    box-shadow: none;
    filter: none;
    display: none; }
    .aui body.portal #portal-banner #portal-menu .menu-portal-mobile {
      min-height: 100px; }
  .aui body.portal #portal-mobile-logo {
    position: relative;
    min-height: 75px;
    padding-right: 50px; }
    .aui body.portal #portal-mobile-logo > a {
      line-height: 70px; }
      .aui body.portal #portal-mobile-logo > a img {
        margin: 0 0 0 10px; }
  .aui body.portal #main-wrapper.open-nav #portal-banner #navigation-wrapper {
    display: block; }
  .aui body.portal #portal-banner {
    max-height: 75px; }
    .aui body.portal #portal-banner #portal-mobile-logo img {
      margin: 5px 0 0 10px; }
    .aui body.portal #portal-banner #navigation-wrapper {
      display: none;
      -moz-box-shadow: inset 20px 0px 20px 0px #0C2539;
      -webkit-box-shadow: inset 20px 0px 20px 0px #0C2539;
      -o-box-shadow: inset 20px 0px 20px 0px #0C2539;
      box-shadow: inset 20px 0px 20px 0px #0C2539;
      filter: progid:DXImageTransform.Microsoft.Shadow(color=#0C2539, Direction=90, Strength=20); }
      .aui body.portal #portal-banner #navigation-wrapper li a {
        color: #fff;
        border-bottom: 1px solid #4D697E;
        padding: 15px 0; }
        .aui body.portal #portal-banner #navigation-wrapper li a:hover {
          background-color: transparent;
          background-image: none; }
      .aui body.portal #portal-banner #navigation-wrapper .explore .dropdown-menu li a {
        border-color: #415f74; }
      .aui body.portal #portal-banner #navigation-wrapper .explore .dropdown-menu .sep a {
        border-color: #fff; }
    .aui body.portal #portal-banner .responsive-menu {
      float: right;
      position: absolute;
      top: 20px;
      right: 10px;
      cursor: pointer; }
      .aui body.portal #portal-banner .responsive-menu img {
        width: 50%;
        float: right; }
  .aui body.portal .open-nav #portal-banner .responsive-menu {
    position: absolute;
    top: 0;
    right: 0;
    float: none; }
  .aui .open-nav .responsive-menu img {
    display: none; }
  .aui .open-nav #portal-banner .responsive-menu,
  .aui .open-nav #site-banner .responsive-menu {
    position: absolute;
    top: 0;
    right: 0; }
    .aui .open-nav #portal-banner .responsive-menu:before,
    .aui .open-nav #site-banner .responsive-menu:before {
      background-color: #dce1e5;
      width: 60px;
      height: 75px;
      top: 0;
      right: 0;
      z-index: 5;
      position: absolute;
      content: '\f105';
      font-family: Fontawesome, 'fontawesome-alloy';
      color: #0e2c40;
      font-size: 50px;
      line-height: 1.3em;
      text-align: center; }
  .aui #portal-banner {
    /* style select language portal mobile*/ }
    .aui #portal-banner #tools-menu-responsive {
      border-bottom: 1px solid;
      text-align: center;
      height: 75px; }
      .aui #portal-banner #tools-menu-responsive li {
        display: inline-block;
        height: 75px;
        width: 75px;
        max-width: 33%;
        text-align: center; }
        .aui #portal-banner #tools-menu-responsive li a {
          text-align: center;
          display: block;
          padding: 0;
          line-height: 1.8;
          height: 100%;
          border: none !important; }
          .aui #portal-banner #tools-menu-responsive li a:hover {
            text-decoration: none;
            background-color: transparent; }
          .aui #portal-banner #tools-menu-responsive li a .vertical-align {
            position: relative;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin: 0;
            padding: 0;
            display: block; }
      .aui #portal-banner #tools-menu-responsive li.tool-search a i {
        margin: 0;
        display: inline; }
    .aui #portal-banner .site-navigation .select-lang {
      position: relative;
      height: 29px;
      overflow: hidden;
      width: 100%;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-color: transparant;
      border: 1px solid #fff; }
    .aui #portal-banner .site-navigation .select-lang:after {
      content: "\f0d7";
      font-family: fontawesome-alloy;
      position: absolute;
      color: #fff;
      right: 10px;
      top: 50%;
      line-height: 0;
      z-index: 0; }
    .aui #portal-banner .site-navigation .select-lang select {
      background: transparent;
      border: none;
      font-size: 14px;
      height: 29px;
      padding: 5px;
      /* If you add too much padding here, the options won't show in IE */
      width: 110%;
      max-width: 110%;
      color: #fff;
      z-index: 1;
      position: absolute; }
    .aui #portal-banner .site-navigation .select-lang select option {
      color: #030303; }
    .aui #portal-banner #navigation-wrapper #tools-menu-responsive {
      border-color: #fff; }
    .aui #portal-banner #portal-menu #tools-menu-responsive {
      border-color: #cfcfcf; }
    .aui #portal-banner #portal-menu,
    .aui #portal-banner #navigation-wrapper {
      /*select {
      	width: 100%;
      	min-height: 35px;
      	color: #fff;
      	background-color: transparent;			
      }
      option {
      	color: #333;
      }*/ }
      .aui #portal-banner #portal-menu .tool-lang a > span:after, .aui #portal-banner #portal-menu .tool-connect.dropdown-profile a > span:after,
      .aui #portal-banner #navigation-wrapper .tool-lang a > span:after,
      .aui #portal-banner #navigation-wrapper .tool-connect.dropdown-profile a > span:after {
        content: "\f0d7 ";
        font-family: Fontawesome, 'fontawesome-alloy';
        margin-left: 10px; }
      .aui #portal-banner #portal-menu .tool-lang a.open > span:after, .aui #portal-banner #portal-menu .tool-connect.dropdown-profile a.open > span:after,
      .aui #portal-banner #navigation-wrapper .tool-lang a.open > span:after,
      .aui #portal-banner #navigation-wrapper .tool-connect.dropdown-profile a.open > span:after {
        content: "\f0d8"; }
      .aui #portal-banner #portal-menu .language-responsive,
      .aui #portal-banner #portal-menu .connect-responsive,
      .aui #portal-banner #navigation-wrapper .language-responsive,
      .aui #portal-banner #navigation-wrapper .connect-responsive {
        display: none;
        margin: 0 40px;
        border-bottom: 1px solid;
        padding: 10px 0 20px; } }
@media screen and (min-width: 480px) and (max-width: 979px) {
  .aui {
    /* alignement logo site */ }
    .aui #portal-menu #tools-menu-responsive li {
      width: 33%;
      float: left; }
      .aui #portal-menu #tools-menu-responsive li a span.hidden {
        display: inline;
        visibility: visible; }
    .aui #site-banner .site-name-wrapper .optional-logo + .titles-wrapper {
      margin-left: 90px; }
    .aui #site-banner .site-name-wrapper img.optional-logo {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0; } }
/* alignement logo site */
@media screen and (min-width: 980px) {
  #site-banner .site-name-wrapper .optional-logo + .titles-wrapper {
    margin-right: 90px; }

  #site-banner .site-name-wrapper img.optional-logo {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0; } }
@media screen and (max-width: 479px) {
  .aui #site-banner .site-name-wrapper img.optional-logo {
    display: none; } }
@media screen and (max-width: 390px) {
  .aui .portal #navigation-wrapper .btn-nav-close {
    display: block; }
  .aui .portal #navigation-wrapper .btn-nav-close:after {
    float: left;
    height: 75px;
    background-color: #dce1e5;
    width: 60px;
    content: '\f105';
    font-family: Fontawesome, 'fontawesome-alloy';
    color: #0e2c40;
    font-size: 50px;
    line-height: 1.3em;
    text-align: center;
    cursor: pointer; }
  .aui .portal .open-nav #portal-banner .responsive-menu:before {
    display: none; }
  .aui .site .open-nav #site-banner .responsive-menu:before {
    width: 100px;
    height: 60px;
    top: -44px;
    right: -100px;
    line-height: 1em; }
  .aui .site #main-wrapper #navigation-wrapper {
    padding-top: 35px; }
  .aui .portal #main-wrapper #navigation-wrapper {
    padding-top: 0; } }
/* header forum responsive */
@media screen and (max-width: 1199px) {
  body.forum #site-forum-wrapper {
    min-height: 180px; } }
@media screen and (max-width: 979px) {
  body.forum #site-forum-wrapper {
    min-height: 130px; }
  body.forum #site-banner {
    padding-left: 0px; } }
@media screen and (max-width: 780px) {
  body.forum #site-forum-wrapper {
    min-height: 165px; } }
@media screen and (max-width: 485px) {
  body.forum #site-forum-wrapper {
    min-height: 110px; }
    body.forum #site-forum-wrapper h1 {
      padding-right: 80px; } }