/* Affichage available locale asset publisher [add]*/
.aui .portlet-share>a.dropdown-toggle {
display: inline-block;
}
.aui .translations {
display: inline-block;
margin-right: 30px;
vertical-align: top;
margin-top: -10px;
}
.aui .translations label{
font-size: 11px;
display: inline-block;
margin-right: 5px;
color: #999;
}
.aui .translations .otherLang {
display:inline-block;
vertical-align: top;
}
.aui .translations .otherLang a{
vertical-align: text-bottom;
border: 1px solid #ccc;
border-radius: 2px;
color: #161616;
text-decoration: none;
font-size: 11px;
font-weight: bold;
line-height: 14px;
display:inline-block;
padding: 1px 3px;
width: 24px;
text-align: center;
}


/* multi column responsive [add] */
.aui #main-wrapper .span3 .column-container .columns .column {
	width: 100% !important;
	display: block !important;
}

@media screen and (min-width: 561px) and (max-width: 767px) {
	.aui #main-wrapper .column-container .columns .column {
		width: 33.333% !important;
		display: block !important;
		float: left !important;
	}
	.aui #main-wrapper .column-container .columns .column:nth-child(3n) {
		border: 0;
	}
	.aui #main-wrapper .column-container .columns .column:nth-child(3n+1) {
		clear: left !important;
	}
}

@media screen and (min-width: 481px) and (max-width: 560px) {
	.aui #main-wrapper .column-container .columns .column {
		width: 50% !important;
		display: block !important;
		float: left !important;
	}
	.aui #main-wrapper .column-container .columns .column:nth-child(2n) {
		border: 0;
	}
	.aui #main-wrapper .column-container .columns .column:nth-child(2n+1) {
		clear: left !important;
	}
}

@media screen and (max-width: 480px) {
	.aui .column-container .columns .column {
		width: 100% !important;
		display: block !important;
	}
}

/* RTL [to add] */
.rtl ul,
.rtl ol {
margin: 0 25px 10px 0;
}

.rtl.aui .desktop #navigation-wrapper .navbar .nav>li,
.rtl.aui .desktop #wrapper .navbar .nav>li {
	float: right;
}

.rtl.aui .desktop #navigation-wrapper .navbar .nav,
.rtl.aui .desktop #wrapper .navbar .nav {
	float: right;
	margin: 0 0 0 10px;
}

.rtl.aui #navigation .navbar-inner ul.child-menu li a.main-item:after {
	left: 10px;
	right: auto;
	content: "\f104";
}

.rtl.aui #share-widget {
	margin-left: 0;
	margin-right: -71px;
	padding: 10px 8px 0 0;
}

.rtl #site-banner a#logo img {
	left: 0;
}
.rtl.aui .breadcrumb li {
	float: left;
}
.rtl.aui .breadcrumb li:after {
	content: "\f104";
}

.rtl.aui #breadcrumbs .you-are-here {
	padding-left: 10px;
	padding-right: 0;
	float: right;
line-height: 2.5em;
}

.rtl footer #footer-coe ul li img, .rtl footer #footer-site ul li img {
	margin-left: 5px;
	margin-right: 0;
}

.rtl #portal-banner #portal-menu .portal-url a {
	background-position: right;
}

.rtl.aui .staging .portlet-topper .portlet-title .portlet-title-text:empty:hover:before {
	float: right;
}
.rtl.aui .staging .portlet-topper .portlet-title .portlet-title-text:empty:after {
	float: left;
}

.rtl .portlet-borderless-bar {
left: 0;
right: auto;
}

.rtl .portlet-title-default {
float: left;
}

.rtl .portlet-topper .portlet-topper-toolbar {
	left: 3px;
	right: auto;
}

.rtl .portlet-content .lfr-icon-actions {
float: right;
}

.rtl .portlet-content .lfr-icon-actions .lfr-icon-action a {
background-position: right;
}

.rtl .portlet-content .lfr-icon-actions .taglib-text {
margin-right: 0;
margin-left: 1em;
}

.rtl.aui .navbar .icon-caret-down {
margin-left: 0px;
margin-right: 5px;
}

.rtl.aui .desktop #navigation .navbar-inner ul.child-menu {
right: 100%;
left: auto;
}

.rtl.aui .desktop #navigation .navbar-inner ul.child-menu.level1 {
right: 0;
left: auto;
}

.rtl.aui .staging .portlet-topper .portlet-title .portlet-title-text:empty {
padding: 0 10px 0 5px;
margin-left: 25px;
margin-right: 0;
}

.rtl .flexslider{
	direction: ltr;
}

.rtl .flexslider li{
	direction: rtl;
	text-align: right;
}

.rtl.aui .media-gallery .image-box {
text-align: right;
}

/* styles list */
.rtl.aui .portlet-body ul.list1 li,
.rtl.aui .portlet-body ul.list2 li,
.rtl.aui .portlet-body ul.check-list li {
padding: 4px 2em 4px 0;
}
.rtl.aui .portlet-body ul.list3 li {
padding: 6px 2.1em 6px 0;
}
.rtl.aui .portlet-body ul.nth-list li{
padding: 4px 18px 4px 0;
}
.rtl.aui .portlet-body ul.plus-list li{
padding: 4px 1em 4px 0;
margin-left: 0;
margin-right: 1em;
}
.rtl.aui .portlet-body ul.list1 li:before,
.rtl.aui .portlet-body ul.list2 li:before,
.rtl.aui .portlet-body ul.list3 li:before {
margin-left: 0;
margin-right: -1.1em;
}
.rtl.aui .portlet-body ul.check-list li:before {
margin-left: 0;
margin-right: -2.1em;
}
.rtl.aui .portlet-body ul.plus-list li:before {
margin-left: 0;
margin-right: -2em;
}
.rtl.aui .portlet-body ul.list1 li:before {
content: '\f104';
}
.rtl.aui .portlet-body ul.list2 li:before,
.rtl.aui .portlet-body ul.list3 li:before {
content: '\f0d9';
}

/* title list*/
.rtl .portlet-asset-publisher ul.title-list {
margin-right: 0;
}
.rtl .portlet-asset-publisher li.title-list {
padding: 4px 1em 4px 0;
}
.rtl .portlet-asset-publisher li.title-list:before {
content: '\f104';
float: right;
margin-left: 0em;
margin-right: -1.1em;
}
.rtl .portlet-asset-publisher .title-list a {
float: right;
}
/* news overview */
.rtl.aui .newsroom .element .image-news {
margin-left: 30px;
margin-right: 0;
float: right;
}
.rtl.aui .newsroom .portlet-share {
left: 0px;
right: auto;
}
/* news compact */
.rtl .news-compact .element .image-news {
float: right;
margin-left: 15px;
margin-right: 0;
}

/* Metadata fix (commissionner) [add] */
.portlet-asset-publisher .metadata-modified-date, 
.portlet-asset-publisher .metadata-create-date, 
.portlet-asset-publisher .metadata-publish-date, 
.portlet-asset-publisher .metadata-expiration-date {
	background: none;
	margin:0;
	font-family: 'Open Sans',sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #123751;
	text-transform: uppercase;
	line-height: 14px;
	letter-spacing: 1px;
	padding: 0;
	margin-top: 2px;
}

.portlet-asset-publisher .asset-metadata {
	margin:0;
}


/* Slider loading fix [added] */
.js .flexslider .slides li:nth-child(n+2) {
	display: none;
}
.js .flexslider .slides .portlet-share li {
   display: block;
}



/* Slider ribbon share [added] */
.slider-text-right.small.flexslider .slides .portlet-share ul {
   width: 230px
}
.slider-text-right.small.flexslider .slides .portlet-share li {
   display: inline;
   float: left;
}

.slider-text-right.small.flexslider .slides .portlet-share li a {
   text-indent: -9999px;
   padding-right: 8px;
}
/* slider text bottom fix bug ie [added] */
.aui .slider-text-bottom .slides > li .image-wrapper {
overflow: visible !important;
}

/* debug */
.debug {
   display: none;
}

/*suppression bouton back */
.aui .portlet-asset-publisher .taglib-header .header-back-to {
   display: none;
}

/* Breadcrum fix [to add]*/
#breadcrumbs {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aui ul.breadcrumb,
.aui ul.breadcrumb li {
    display: inline;
}

/* show publication date in staging portal ADT [to add] */
.staging.controls-visible.portal .publication-date {
    display: block;
    visibility: visible;
   font-size: 0.8em;
   opacity: 0.8;
   position: absolute;
   top: 5px;
   left: 20px;
}

.staging.controls-visible.portal .publication-date:before {
   content: "\f070";
   font-family: Fontawesome, 'fontawesome-alloy';
   margin-right: 5px;
}



/* dockbar responsive OK*/
@media screen and (max-width: 979px) {
   .user-avatar-image {
       display: block;
   }

   .aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav, .aui .dockbar .navbar-inner .nav-collapse > .nav {
   width: 100%;
   max-width: 500px;
   background: #ddd;
   } /*OK*/
   .aui .portlet-dockbar {
   opacity: 1;
   right: 0;
   background: #747474;
   } /*OK*/
   .aui .staging-controls {
   padding: 0;
   } /*OK*/
   .aui .dockbar.navbar .nav>li>a {
   margin: 0;
   border-radius: 0;
   text-align: right;
   } /*OK*/

   .aui .dockbar.navbar .navbar-inner {
      border: 0; /*OK*/
   }

   .aui .dockbar .navbar-inner .container,
   .aui .dockbar-split .dockbar, .aui .dockbar,
   .aui .dockbar.navbar-static-top {
   position: static;
   } /*OK*/

   .aui .dockbar .nav-collapse {
   -ms-transform: none;
   -webkit-transform: none;
   transform: none;
   } /*OK*/
   .aui .dockbar.navbar .nav li.dropdown.staging-toggle .dropdown-menu {
   background: #555;
   padding: 10px;
   min-width: 0;
   } /*OK*/

   .staging-toggle, .dockbar-item {
   text-align: right; /*OK*/
   }

   .aui .dockbar .navbar-inner .nav .dropdown.dockbar-item.my-sites .my-sites-menu li a{
   line-height: 1.2;
   word-break: normal;
   white-space: normal;
   } /*OK*/

   .aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav > li > a:focus, .aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav > li > a:hover, .aui .dockbar .navbar-inner .nav-collapse > .nav > li > a:focus, .aui .dockbar .navbar-inner .nav-collapse > .nav > li > a:hover {
   background: #555; /*OK*/
   }

   .aui .navbar-inner .nav.staging-bar {
   margin: 5px 0; /*OK*/
   }

   .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label, .aui .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
   float: none; /*OK*/
   }
}

/*ok*/
@media screen and (max-width: 979px) {
.nav-account-controls .add-news-light {
margin: 0;
}
}

/*gestion bouton switch mobile pour tablette*/
@media screen and (min-width: 980px) {
   .mobile-view .btn-mobile {
   display: none !important;
   }
}

@media screen and (max-width: 979px) {
   /*btn switch to desktop (mobile)*/
   footer #switch-desktop .btn-desktop {
      background: #e9eef5;
      margin: 0 10px;
      text-align: center;
      padding: 15px;
      border-radius: 2px;
      color: #123751;
      font-weight: bold;
      font-size: 18px;
   }
   footer #switch-desktop .btn-desktop:before {
      content: "";
      width: 22px;
      height: 22px;
      background-image: url(https://static.coe.int/pics/icons/2014/blue-corporate/workstation.svg);
      background-size: 22px;
      display: inline-block;
      margin-right: 8px;
      vertical-align: middle;
   }		
}

/* Hotfix image news */
.aui .portlet-journal-content .content .image-content, .aui .portlet-asset-publisher .content .image-content {
	display: block;
	width: 100%;
}

/* media-gallery IE [Added] */
.aui .span3 .media-gallery .gallery-item {
    width: calc(100%/3 - 0.1px);
}

@media screen and (max-width: 1199px) and (min-width: 980px) {
   .aui .span3 .media-gallery .gallery-item {
       width: calc(100%/3 - 0.1px);
   }
}

/* Height auto sur toutes les images   [Added] */
.aui #wrapper img {
    height: auto !important;
}


/*CSS pour speakers du site Forum mondial democratie*/
/*World Forum for Democracy*/
/*Template affichage Speaker*/
.speakersList {
   margin: 0 -15px;
}
.speakersList:after {
   content: "";
   clear: both;
   display: block;
}

.speakersList .speakerBox {
   padding: 0 15px;
   margin-bottom: 30px;
   float: left;
   overflow: hidden;
   position: relative;
}

.speakersList .asset-actions {
   position: absolute;
   right: 10px;
   top: 5px;
   z-index: 10;
}

.span12 .speakersList .speakerBox,
.span11 .speakersList .speakerBox {
   width: calc( 100% / 6 - 0.1px );
}

.span10 .speakersList .speakerBox,
.span9 .speakersList .speakerBox {
   width: 20%;
}

.span8 .speakersList .speakerBox,
.span7 .speakersList .speakerBox {
   width: 25%;
}
.span6 .speakersList .speakerBox,
.span5 .speakersList .speakerBox {
   width: calc( 100% / 3 - 0.1px );
}

.span4 .speakersList .speakerBox,
.span3 .speakersList .speakerBox {
   width: 50%;
}

.span2 .speakersList .speakerBox,
.span1 .speakersList .speakerBox {
   width: 100%;
}

.speakersList .speaker {
   height: auto;
   position: relative;
   font-size: 14px;
   transition: all 300ms ease;
  border: 0;
}
.speakersList .speaker:hover .speakerName {
   color: #129af0;
}
.speakersList .speaker .speakerPhoto img {
   transition: all 300ms ease;
}

.speakersList .speaker:hover {
    background-color: transparent;
}

.speakersList .speaker:hover .speakerPhoto img {
   opacity: 0.7;
}
.speakersList .speaker a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
}
.speakersList .speaker .speakerPhoto {
   background-color: #000;
   width: 100%;
   margin-bottom: 5px;
}
.speakersList .speaker .speakerPhoto img {
   width: 100%;
}
.speakersList .speakerInfos {
   margin-top: 5px;
   line-height: 1.2;
   top: 0;
   transform: translateY(0%);
}

.speakersList .speakerName {
   display: block;
   font-weight: bold;
   padding-bottom: 5px;
   transition: color 300ms ease;
   font-size: 15px;
   font-weight: 600;
}

.speakersList .speakerCountry {
   display: block;
   font-size: 13px;
   color: #777;
   font-weight: 400;
}

.speakersList .speakerFunctionShort {
   display: block;
   font-size: 13px;
   font-weight: 400;
   padding-bottom: 0;
}

@media screen and (max-width: 1200px) {

.span12 .speakersList .speakerBox,
   .span11 .speakersList .speakerBox {
      width: 20%;
   }
   
   .span10 .speakersList .speakerBox,
   .span9 .speakersList .speakerBox,
   .span8 .speakersList .speakerBox {
      width: 25%;
   }
   
   .span7 .speakersList .speakerBox,
   .span6 .speakersList .speakerBox {
      width: calc( 100% / 3 - 0.1px );
   }
   
   .span5 .speakersList .speakerBox,
   .span4 .speakersList .speakerBox {
      width: 50%;
   }
   
   .span3 .speakersList .speakerBox,
   .span2 .speakersList .speakerBox,
   .span1 .speakersList .speakerBox {
      width: 100%;
   }

}


@media screen and (max-width: 979px) {
   .span12 .speakersList .speakerBox,
   .span11 .speakersList .speakerBox {
      width: 20%;
   }
   
   .span10 .speakersList .speakerBox,
   .span9 .speakersList .speakerBox {
      width: 25%;
   }
   
   .span8 .speakersList .speakerBox,
   .span7 .speakersList .speakerBox {
      width: calc( 100% / 3 - 0.1px );
   }
   
   .span6 .speakersList .speakerBox,
   .span5 .speakersList .speakerBox,
   .span4 .speakersList .speakerBox {
      width: 50%;
   }
   
   .span3 .speakersList .speakerBox,
   .span2 .speakersList .speakerBox,
   .span1 .speakersList .speakerBox {
      width: 100%;
   }
}

@media screen and (max-width: 768px) {
   .span12 .speakersList .speakerBox, .span11 .speakersList .speakerBox, .span10 .speakersList .speakerBox, .span9 .speakersList .speakerBox,
   .span8 .speakersList .speakerBox, .span7 .speakersList .speakerBox, .span6 .speakersList .speakerBox, .span5 .speakersList .speakerBox,
   .span4 .speakersList .speakerBox, .span3 .speakersList .speakerBox, .span2 .speakersList .speakerBox, .span1 .speakersList .speakerBox   {
      width: calc( 100% / 3 - 0.1px );
   }
}

@media screen and (max-width: 580px) {
   .span12 .speakersList .speakerBox, .span11 .speakersList .speakerBox, .span10 .speakersList .speakerBox, .span9 .speakersList .speakerBox,
   .span8 .speakersList .speakerBox, .span7 .speakersList .speakerBox, .span6 .speakersList .speakerBox, .span5 .speakersList .speakerBox,
   .span4 .speakersList .speakerBox, .span3 .speakersList .speakerBox, .span2 .speakersList .speakerBox, .span1 .speakersList .speakerBox {
      width: 50%;
   }
}

@media screen and (max-width: 360px) {
   .span12 .speakersList .speakerBox, .span11 .speakersList .speakerBox, .span10 .speakersList .speakerBox, .span9 .speakersList .speakerBox,
   .span8 .speakersList .speakerBox, .span7 .speakersList .speakerBox, .span6 .speakersList .speakerBox, .span5 .speakersList .speakerBox,
   .span4 .speakersList .speakerBox, .span3 .speakersList .speakerBox, .span2 .speakersList .speakerBox, .span1 .speakersList .speakerBox {
      width: 100%;
   }
}

.forum .search-container {
   margin: 20px 0;
}

.forum .search-container .search_input {
   width: 280px;
   max-width: 100%;
}

/* speakersLab ADT */
.speakersLab .speaker {
   margin-bottom: 40px;
}

/* theme forum*/
.forum #portal-banner {
background-color: #fff;
}

.aui .forum .flexslider .slides > li {
background-color: #737373;
}

.aui .forum .flexslider .flex-control-nav a {
background-color: #aaa;
}

.aui .forum .flexslider .flex-control-nav a.flex-active {
background-color: #fff;
}


/*added*/
#containerBannerMenu {
   margin-bottom: 30px;
}
#containerBannerMenu:empty {
   margin-bottom: 0;
}

.print-pdf .portlet-borderless-bar {
display: none;
}

/*added*/
@media print { 
   /* PRINT slider */
   .flex-viewport .slides > li {
      width: 100% !important;
   }
   .flex-viewport .slides {
      transform: translate3d(0, 0px, 0px) !important;
      width: 100% !important;
   }

   .flexslider .slides > li {
      display: none !important;
   }
   .flexslider .slides > li.flex-active-slide {
      display: block !important;
   }

   .flexslider .slides > li .image-wrapper {
      height: auto !important;
   }
   .flexslider .slides > li .slide-info h3 {
      font-size: 20px !important;
   }
   .flexslider .slides > li:not(.clone):first-child {
      display: block !important;
   }

   /* print title site */
   #site-banner .site-name-wrapper .titles-wrapper {
       margin: 0;
   }
   #site-banner .site-name-wrapper .titles-wrapper a {
       color: #161616;
   }
   
   .print-pdf {
      display: none;
   }
}

.aui .portlet-dockbar {
   display: none;
}