/* 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*/
.speakerPhoto {
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
}

h3.speakerName {
   margin: 0 0 3px 0;
}

.speakerFunction {
   font-size: 16px;
   color: #888;
   margin: 0 0 6px 0;
   line-height: 1.2;
}
.speakerCountry {
   font-weight: 600;
   line-height: 1.2;
}
.speakerContent {
   clear: both;
}
.speakerLab {
   border-top: 1px solid #e3e3e3;
   padding-top: 20px;
   margin-top: 20px;
}
.speakerLabType {
   font-weight: 600;
}
/*ADT speakers polaroid*/
.speakersList {
   margin: 0 -15px;
}
.speakersList:after {
   content: "";
   clear: both;
   display: block;
}
.speakersList .speakerBox {
   padding: 0 15px;
   margin-bottom: 30px;
   float: left;
   overflow: hidden;
}
.speakersList .speaker {
   height: 100px;
   position: relative;
   border: 1px solid #e3e3e3;
   font-size: 14px;
   transition: all 300ms ease;
}
.speakersList .speaker:hover {
   background-color: #f8f8f8
}
.speakersList .speaker .speakerPhoto img {
   transition: all 300ms ease;
}
.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 {
   float: left;
   margin-right: 15px;
   margin-left: -1px;
   margin-top: -1px;
   background-color: #000;
}
.speakersList .speakerInfos {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   line-height: 1.2;
}
.speakersList .speakerName {
   display: block;
   font-weight: bold;
}
.speakersList .speakerCountry {
   display: block;
}
.span12 .speakersList .speakerBox,
.span11 .speakersList .speakerBox {
   width: 25%;
}
.span10 .speakersList .speakerBox,
.span9 .speakersList .speakerBox,
.span8 .speakersList .speakerBox {
   width: calc( 100% / 3 - 0.1px );
}
.span7 .speakersList .speakerBox,
.span6 .speakersList .speakerBox,
.span5 .speakersList .speakerBox {
   width: 50%;
}
.span4 .speakersList .speakerBox,
.span3 .speakersList .speakerBox,
.span2 .speakersList .speakerBox,
.span1 .speakersList .speakerBox {
   width: 100%;
}
@media screen and (max-width: 979px) {
   .span12 .speakersList .speakerBox,
   .span11 .speakersList .speakerBox {
      width: calc( 100% / 3 - 0.1px );
   }
   .span10 .speakersList .speakerBox,
   .span9 .speakersList .speakerBox,
   .span8 .speakersList .speakerBox {
      width: 50%;
   } 
   .span7 .speakersList .speakerBox,
   .span6 .speakersList .speakerBox,
   .span5 .speakersList .speakerBox {
      width: 100%;
   }
   .span4 .speakersList .speakerBox,
   .span3 .speakersList .speakerBox,
   .span2 .speakersList .speakerBox,
   .span1 .speakersList .speakerBox {
      width: 100%;
   }
}
@media screen and (max-width: 780px) {
   .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: 640px) {
   .span12 .speakersList .speakerBox,
   .span11 .speakersList .speakerBox {
      width: 100%;
   }
}
/* ADT speakersLab */
.speakersLab .speaker {
   margin-bottom: 40px;
}