/* Media queries
--------------------------------------*/
/* MQ smartphones
--------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 560px) {
  .no-mobile {
    display: none; }

  #bg {
    background: url(../images/bg-mobile.png) left top no-repeat #0d316d;
    background-size: 320px auto; }

  .pjp #bg {
    background-image: url(../images/pjp-bg-mobile.png); }

  /*typography*/
  #main-content {
    font-size: 1.2em; }

  .structure-title .heading-struct {
    font-size: 0.7em; }

  img {
    max-width: 100%;
    height: auto !important; }

  #page {
    background: none;
    min-width: 100%; }

  #header, #wrapper, #navigation {
    width: auto;
    min-width: 320px; }

  #wrapper {
    padding-left: 0px;
    padding-right: 0px; }

  #main-content {
    margin: 0 10px; }

  ul#mainmenu, div.dropdown {
    width: 100%; }

  #header {
    height: 130px; }

  #header.no-portal-menu {
    height: 100px; }

  .pjp #header.no-portal-menu {
    height: 80px; }

  #header h1 a {
    top: 16px;
    left: 10px;
    font-size: 1.1em;
    line-height: 1em; }

  /*hide h1 if title-site*/
  #header.title-banner h1 {
    display: none; }

  /*show title site*/
  #header.title-banner .title-orga {
    height: 100px;
    top: 0;
    display: block;
    font-size: 0.8em;
    width: auto;
    padding-left: 120px;
    background: none;
    padding-right: 10px; }

  #header .title-orga h2 {
    display: none; }

  #header .title-orga p {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

  #header.title-banner h1.pjp {
    display: none; }

  #header h1.pjp a.title-coe, #header h1.pjp a.title-pjp {
    display: none; }

  .pjp #header.title-banner .title-orga {
    padding-left: 160px;
    height: 65px; }

  span.page-title, .portlet-title {
    font-size: 20px;
    margin: 10px 0;
    padding: 10px;
    font-weight: normal;
    font-style: normal;
    background: -moz-linear-gradient(90deg, white 0%, #ebebeb 100%) silver;
    background: -webkit-gradient(linear, left bottom, left top, from(white), to(#ebebeb)) silver;
    border-radius: 5px 5px 0 0;
    text-align: center; }

  /*.col-right, */
  #mainmenu li.menu.dark,
  #footer,
  div.title-orga,
  #search,
  #lang,
  .nns-zone,
  #breadcrumb,
  div.portlet.slider,
  #wai {
    display: none; }

  #main-content.main-zone .col-left, #main-content.main-zone .col-left .zone-bottom {
    background-image: none; }

  /*Layout*/
  #wrapper .portlet-column {
    display: block;
    border: none; }

  .aui-w75, .aui-w50, .aui-w25, .aui-w33 {
    width: 100%; }

  #mainmenu li div.dropdown {
    width: 100%; }

  #mainmenu li a span {
    padding: 0;
    background: none; }

  #navigation-select select.mini {
    width: 90%;
    margin: 5%;
    font-size: 1.5em; }

  #navigation, #navigation-dropdown {
    display: none; }

  /*Portlet as button*/
  #layout-column_column-3 div.portlet div.portlet-content ul li,
  #layout-column_column-2 div.portlet div.portlet-content ul li,
  #layout-column_column-4 div.portlet div.portlet-content ul li {
    padding-top: 15px;
    padding-bottom: 15px; }

  h3.portlet-title {
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em; }

  div.portlet-content h2 {
    display: block;
    clear: both; }

  div.portlet-content {
    padding-left: 0;
    padding-right: 0; }

  a.viewall, div.view-all > a {
    border-radius: 5px;
    border: 1px solid silver;
    padding: 15px 60px 15px 15px;
    background: url(../images/mob-grey-arrow.png) no-repeat 96% center, -moz-linear-gradient(90deg, #e0e0e0 0%, #fcfcfc 100%);
    background: url(../images/mob-grey-arrow.png) no-repeat 96% center, -webkit-gradient(linear, left bottom, left top, from(#e0e0e0), to(#fcfcfc));
    text-align: center;
    font-size: 1.3em;
    font-weight: normal;
    font-style: normal;
    display: block; }

  div.view-all {
    padding: 0;
    margin-bottom: 40px; }

  a.readmore, .asset-more > a, div.asset-more a {
    border-radius: 5px;
    border: 1px solid silver;
    padding: 7px 60px 7px 15px;
    background: url(../images/mob-grey-arrow.png) no-repeat 96% center, -moz-linear-gradient(90deg, #e0e0e0 0%, #fcfcfc 100%);
    background: url(../images/mob-grey-arrow.png) no-repeat 96% center, -webkit-gradient(linear, left bottom, left top, from(#e0e0e0), to(#fcfcfc));
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none !important;
    display: inline-block;
    margin-top: 10px; }

  div.portlet,
  h3.portlet-title {
    display: block;
    clear: both; }

  div.dropdown {
    font-size: 1.4em; }

  /*Asset publisher*/
  .asset-abstract {
    border-bottom: 1px dotted #CECECE;
    padding-bottom: 5px;
    margin-bottom: 10px; }

  ul.title-list li.title-list a {
    text-decoration: underline; }

  .taglib-header .header-title {
    font-size: 1.3em; }

  /*Pagination*/
  .taglib-page-iterator .search-results {
    padding: 10px 0;
    width: 100%;
    text-align: center; }

  .taglib-page-iterator .search-pages {
    padding: 10px 0;
    width: 100%;
    text-align: center; }

  .taglib-page-iterator .search-pages .page-links {
    float: none; }

  .taglib-page-iterator .search-pages .delta-selector, .taglib-page-iterator .search-pages .page-selector {
    display: none; }

  /*Footer*/
  #mobile-footer {
    display: block; }

  /*Recherche*/
  #mobile-footer #mobile-search {
    margin: 0 auto;
    width: 300px; }

  #mobile-footer #mobile-search #inputzone {
    float: left;
    background-image: url("../images/mobile-search-form-bkgd@2x.png") left center;
    background-size: auto 61px;
    height: 61px;
    width: 213px; }

  /*mainmenu*/
  div.dropdown .col3,
  div.dropdown .col2,
  div.dropdown .col2-3 {
    width: 95% !important; }

  #navigation-select {
    display: block; }

  /*table*/
  .portlet-layout table {
    width: 100%; }

  /*slider news [flexslider]*/
  ul.slides .caption h3 a {
    font-size: 0.9em;
    line-height: 1.2; }

  .news-slider .flexslider {
    display: none !important; }

  .flexslider .caption .abstract, .flexslider .slides .ressource-link {
    display: none; }

  #header h1.pjp .logoEU {
    display: none; }

  #header h1.pjp a {
    padding-left: 220px;
    font-size: 0.8em;
    top: 15px; }

  /* affichage structure publications sur col 25% et autres */
  #body div.publications .featured-item {
    width: 47% !important;
    float: left !important;
    padding: 1% !important; }

  div.publications div.featured-item:nth-child(odd) {
    float: left;
    clear: left;
    margin-right: 2%; }

  div.publications div.featured-item:nth-child(even) {
    float: right;
    clear: right;
    margin-right: 0; }

  .aui-w25 div.publications .featured-items-group {
    margin: 0; }

  /* affichage structure accordeon */
  .featured-item-depliant span.deplier {
    visibility: visible !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; }

  /* all zones */
  .featured-item-depliant.impair,
  .featured-item-depliant.pair {
    float: none !important;
    clear: none !important;
    margin-right: 0 !important;
    width: auto !important; }

  /* list highlight dans col-right*/
  .col-right .portlet-content ul.list3 {
    margin: 0; }

  /* STRUCTURE > multi column */
  .column-container .column {
    display: block !important;
    width: auto !important;
    border: none !important;
    border-bottom: 1px solid #e6e6e6 !important;
    margin-bottom: 8px; }

  .column-container .column:last-child {
    border: none !important; }

  /*media gallery*/
  img.aui-image-viewer-image {
    max-width: none; }

  .aui-image-viewer-arrow-left {
    left: 25px; }

  .aui-image-viewer-arrow-right {
    right: 25px; }

  /* video webtv */
  div[id^="svp_player"] * {
    max-width: 100%;
    max-height: 100%; } }
@media (orientation: landscape) and (max-width: 560px) {
  #header h1 a {
    top: 35px;
    left: 10px;
    font-size: 1.1em;
    line-height: 1.4; } }
/* MQ Tablettes
--------------------------------------*/
@media only screen and (min-width: 561px) and (max-width: 979px) {
  .no-mobile {
    display: none; }

  img {
    max-width: 100%; }

  #bg {
    background: url("../images/bg-tablette.jpg") left top no-repeat #0d316d;
    background-size: 768px auto; }

  .pjp #bg {
    background-image: url("../images/pjp-bg-tablette.jpg"); }

  #page {
    background: none;
    min-width: 100%; }

  #header {
    height: 170px; }

  #header.no-portal-menu {
    height: 140px; }

  #header h1 a {
    top: 45px;
    left: 70px;
    font-size: 1.7em;
    font-weight: normal;
    font-style: normal; }

  /*hide h1 if title*/
  #header.title-banner h1 {
    display: none; }

  /*show title site*/
  #header.title-banner .title-orga {
    display: block;
    width: auto;
    padding-left: 180px; }

  #header .title-orga {
    height: auto;
    padding-bottom: 30px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }

  #header .title-orga h2 {
    display: none; }

  #header .title-orga p {
    display: block; }

  #header.title-banner h1.pjp {
    display: none; }

  #header h1.pjp a.title-coe, #header h1.pjp a.title-pjp {
    display: none; }

  .pjp #header.title-banner .title-orga {
    padding-left: 340px; }

  #header, #wrapper, #navigation, #navigation-dropdown {
    width: auto;
    min-width: 560px; }

  ul#mainmenu, div.dropdown {
    width: 100%; }

  /*.col-right, */
  #mainmenu li.menu.dark,
  #footer,
  div.title-orga,
  #search,
  div.portlet.slider,
  .print-pdf,
  #lang,
  #wai {
    display: none; }

  /*Layout*/
  .zone-bottom .portlet-column {
    display: table-cell !important; }

  #wrapper .portlet-column {
    display: block;
    border: none; }

  .aui-w75, .aui-w25, .aui-w33 {
    width: 100%; }

  .coe-sub-col2.main-zone .col-left, .coe-sub-col2-1.main-zone .col-left .zone-bottom,
  .coe-sub-col1.main-zone .col-left, .coe-sub-col2-1.main-zone .col-left {
    background-image: none; }

  #mainmenu li div.dropdown {
    width: 100%; }

  #navigation-select select.mini {
    width: 96%;
    margin: 2%;
    font-size: 1.5em; }

  #navigation, #navigation-dropdown {
    display: none; }

  a.viewall, div.view-all > a {
    border-radius: 5px;
    border: 1px solid silver;
    padding: 15px 60px 15px 15px;
    background: url(../images/mob-grey-arrow.png) no-repeat 96% center, -moz-linear-gradient(90deg, #e0e0e0 0%, #fcfcfc 100%);
    background: url(../images/mob-grey-arrow.png) no-repeat 96% center, -webkit-gradient(linear, left bottom, left top, from(#e0e0e0), to(#fcfcfc));
    text-align: center;
    font-size: 1.3em;
    font-weight: normal;
    font-style: normal;
    display: block; }

  div.view-all {
    padding: 0;
    margin-bottom: 40px; }

  a.readmore, div.asset-more > a {
    border-radius: 5px;
    border: 1px solid silver;
    padding: 7px 60px 7px 15px;
    background: url(../images/mob-grey-arrow.png) no-repeat 96% center, -moz-linear-gradient(90deg, #e0e0e0 0%, #fcfcfc 100%);
    background: url(../images/mob-grey-arrow.png) no-repeat 96% center, -webkit-gradient(linear, left bottom, left top, from(#e0e0e0), to(#fcfcfc));
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px; }

  div.portlet,
  h3.portlet-title {
    display: block;
    clear: both; }

  /*Asset publisher*/
  .asset-abstract {
    border-bottom: 1px dotted #CECECE;
    padding-bottom: 5px;
    margin-bottom: 10px; }

  ul.title-list li.title-list a {
    text-decoration: underline; }

  .taglib-header .header-title {
    font-size: 1.3em; }

  /*Footer*/
  #mobile-footer {
    display: block; }

  ul#calltocontact {
    text-align: center; }

  ul#calltocontact li {
    border: 1px solid #bfbfbf;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    width: 25%;
    margin: 1em; }

  #navigation-select {
    display: block; }

  /*listes*/
  div.list-filter div.portlet-topper h3.portlet-title {
    color: black; }

  /*table*/
  .portlet-layout table {
    width: 100%; }

  /*banner PJP*/
  #header h1.pjp .logoEU {
    display: none; }

  #header h1.pjp a {
    padding-left: 270px; }

  /* affichage structure publications sur col 25% */
  .aui-w25 div.publications .featured-item,
  .aui-w50 .portlet-nested-portlets .aui-w50 div.publications .featured-item {
    width: 22% !important;
    float: left;
    padding: 1% !important;
    margin-right: 1%; }

  .aui-w25 div.publications .featured-items-group {
    margin: 0; }

  /* affichage structure accordeon */
  .featured-item-depliant span.deplier {
    visibility: visible !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; }

  /* Zone 25% */
  .aui-w25 .featured-item-depliant.impair {
    float: left;
    clear: left;
    margin-right: 1%;
    width: 49%; }

  .aui-w25 .featured-item-depliant.pair {
    float: left;
    clear: right;
    margin-left: 1%;
    width: 49%; }

  /*media gallery*/
  img.aui-image-viewer-image {
    max-width: none; }

  .aui-image-viewer-arrow-left {
    left: 50px; }

  .aui-image-viewer-arrow-right {
    right: 50px; }

  /* video webtv */
  div[id^="svp_player"] * {
    max-width: 100%;
    max-height: 100%; } }
/* MQ Web
--------------------------------------*/
@media only screen and (min-width: 980px) {
  #bg {
    background: url(../images/fond_html.jpg) repeat-x #f6f6f6; }

  #page {
    margin-right: auto;
    margin-left: auto;
    background: url(../images/bg-header-site.jpg) no-repeat center top;
    min-width: 980px; }

  .portlet-column {
    display: table-cell; }

  #navigation-select {
    display: none; }

  .switch-mobile {
    display: none; } }
/* Hack IE */
.ie7 #navigation-select, .ie8 #navigation-select {
  display: none; }

.ie7 .switch-mobile, .ie8 .switch-mobile {
  display: none; }

/**** --- responsive banner Forum Democracy --- ****/
/* MQ Smartphones
--------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 560px) {
  #body.forum #page {
    background: url("../images/wfd/FMD_2015_banner_mobile_EN.jpg") left top no-repeat #edf2f6;
    background-size: auto 105px; }

  #body.forum .fr #page {
    background: url("../images/wfd/FMD_2015_banner_mobile_FR.jpg") left top no-repeat #edf2f6;
    background-size: auto 105px; }

  #body.forum #header {
    height: 105px !important; }

  .forum #mobile-footer #mobile-search {
    display: none; }

  .forum .switch-mobile {
    display: none; } }
/* MQ Tablettes
--------------------------------------*/
@media only screen and (min-width: 561px) and (max-width: 979px) {
  #body.forum #page {
    background: url("../images/wfd/FMD_2015_banner_tablet_EN.jpg") left top no-repeat #edf2f6;
    background-size: 768px auto; }

  #body.forum .fr #page {
    background: url("../images/wfd/FMD_2015_banner_tablet_FR.jpg") left top no-repeat #edf2f6;
    background-size: 768px auto; }

  #body.forum #header {
    height: 150px !important; }

  .forum #mobile-footer #mobile-search {
    display: none; }

  .forum .switch-mobile {
    display: none; } }
/* MQ Tablettes & Smartphones
--------------------------------------*/
@media only screen and (max-width: 980px) {
  .taglib-page-iterator .lfr-pagination-page-selector {
    display: none !important; } }