/* --------------------------------------- */
/*            Summary                      */
/* --------------------------------------- */
/*   - color constants */
/*   - font constants */
/* 1 - global styles */
/* 2 - Hidden Accessible   */
/* 3 - Skip - Sign-In */
/* 4 - Banner */
/* 5 - Breadcrumb */
/* 6 - Wrapper -*/
/* 7 - Extras *
/* 8 - Add/remove page  */
/* 9 - Main navigation - 1 levels */
/* 10- portlet navigation left*/
/* 11- forms elements & portlet elements*/
/* 12- content */
/* 13- bloc portlet */
/* 14- bloc operational */
/* 15- language */
/* 16- search */
/* 17- column-layouts */
/* 18- footer */
/* 20- help on portlet */
/* 21- taglib css modification */
/* 22- css for operational portlets - surclass alloy*/
/* 23- responsive

/*-----------------------------------------*/
/*            Comments                     */
/*-----------------------------------------*/
/* font are principally sizing with rem (= relative to the Root HTML) */
/* for compatibility with ie8 and other browsers, */
/* first define size in px then in rem */
/* constants are defined (using SAAS functionalities but 
/* 1 problem remains with the wysiwyg editor of web content) 

/*----------color constants ---------------*/
.color-title {
  color: #00718b;
  color: #00718b; }

.color-subtitle {
  color: #107a92;
  color: #107a92; }

.color-dark {
  color: #00718b;
  color: #00718b; }

.color-min-dark {
  color: #05517a;
  color: #05517a; }

.color-warning {
  color: #c53225;
  color: #c53225; }

.color-base {
  color: #00718b;
  color: #00718b; }

.color-help {
  color: #68af56;
  color: #68af56; }

.color-wrapped-base {
  color: white;
  color: #FFF; }

.color-body {
  color: white;
  color: #FFF; }

.color-nav {
  color: #2d627e;
  color: #2D627E; }

.color-navigation {
  color: #72828f;
  color: #72828F; }

.color-link {
  color: #fab808;
  color: #fab808; }

/*------------font constants ---------------*/
/* 11px */
/* 12px */
/* 13px */
/* 14px */
/* 9px */
/*8px;*/
/* ---------- global styles-----------------*/
html {
  font-size: 100%;
  /* base = 16 px */
  margin: 5px auto;
  max-width: 2000px;
  overflow-y: scroll; }

body {
  background-color: white;
  font-size: 11px;
  font-size: 0.688em;
  font-family: Montserrat;
  font-family: Montserrat;
  line-height: 16px;
  line-height: 1rem; }

[id=content] a:link, [id=content] a:hover, [id=content] a:visited {
  color: #00718b;
  text-decoration: none; }

[id=content] a:hover {
  color: #00718b; }

/* ---------- hidden accessible ---------- */
#skip-to-content,
#heading .site-title,
#heading .page-title,
#navigation h1,
.site-breadcrumbs h1 {
  clip: rect(0px, 0px, 0px, 0px);
  position: absolute; }

/* -------- Skip - Sign-In ----------------*/
#skip-to-content {
  color: #00718b;
  top: 80px; }

#sign-in {
  color: #00718b;
  font-weight: bold;
  font-size: 11px;
  font-size: 0.75rem;
  position: absolute;
  right: 185px;
  text-decoration: none;
  top: 121px; }

[id=page-search] {
  height: 21px; }

#skip-to-content:focus {
  clip: auto;
  right: 0;
  z-index: 200; }

/* --------------Breadcrumb ----------------*/
ul.breadcrumbs-horizontal {
  display: block;
  position: absolute;
  right: 210px;
  z-index: 50; }

ul.breadcrumbs-horizontal li {
  background: url("../images/common/arrow_micro.gif") no-repeat scroll 100% 60% transparent;
  display: inline;
  margin-right: 5px;
  max-width: 50%;
  padding-bottom: 0;
  padding-right: 15px;
  vertical-align: middle; }

/* ---------- Wrapper ----------------------*/
[id=wrapper] {
  background: none;
  background-color: white;
  float: left;
  margin: 0 auto;
  width: 100%; }

[id=content] {
  position: relative;
  margin-bottom: 35px;
  min-height: 500px;
  top: 20px; }

[id=main-content] {
  position: relative;
  top: 20px; }

/*------------ extras ----------------------*/
.logo
.portlet,
.portlet-topper,
.site-breadcrumbs ul {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* ---------- Add/remove page ---------- */
.modify-pages li {
  position: relative; }
.modify-pages .delete-tab {
  background: #333333 url("../images/portlet/close_borderless.png") no-repeat 50%;
  cursor: pointer;
  display: none;
  height: 8px;
  margin-top: -7px;
  padding: 3px;
  position: absolute;
  right: 1px;
  text-indent: -3200px;
  top: 50%;
  width: 8px; }

/* -----main navigation level 1  ------- */
[id=navigation] {
  height: 25px;
  text-transform: uppercase; }

[id=navigation] ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 250; }

[id=navigation] [id=level1] > ul > li {
  float: left;
  margin-right: -5px;
  padding: 5px 0 5px 0;
  vertical-align: top;
  z-index: 100; }

[id=navigation] [id=level1] > ul > li > a {
  color: #00718b;
  font-size: 12px;
  font-size: 0.813rem;
  font-weight: bold;
  line-height: 21px;
  line-height: 1.313rem;
  padding: 10px 15px 10px 15px;
  text-decoration: none; }

[id=navigation] [id=level1] > ul > li:hover,
[id=navigation] [id=level1] > ul > li.selected {
  padding: 5px 0 5px 0;
  text-decoration: underline;
  text-decoration-color: #fab808; }

[id=navigation] [id=level1] > ul > li.selected > a {
  text-decoration: underline;
  text-decoration-color: #fab808; }

[id=navigation] [id=level1] > ul > li:hover > a {
  margin: 0 auto;
  padding: 0 15px;
  text-decoration: underline;
  text-decoration-color: #fab808; }

[id=navigation] [id=level1] > a:link,
[id=navigation] [id=level1] > a:visited {
  color: #00718b;
  text-decoration: none; }

[id=navigation] p {
  color: #00718b;
  font-size: 12px;
  font-size: 0.813rem;
  font-weight: bold; }

[id=navigation] input,
[id=navigation] label {
  display: none !important; }

/*------- portlet navigation left --------*/
[id=content] .nav-menu {
  color: #2d627e;
  font-size: 11px;
  font-size: 0.75rem;
  margin-bottom: 35px;
  padding: 2px; }

[id=content] .nav-menu a:link {
  color: #2d627e; }

[id=content] .nav-menu a:visited {
  color: #2d627e; }

[id=content] .nav-menu a:hover,
[id=content] .nav-menu a:active,
[id=content] .nav-menu li a.selected {
  color: #fab808; }

[id=content] .nav-menu-style-none ul {
  list-style: none outside none;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 5px; }

[id=content] .nav-menu li {
  padding-bottom: 0; }

[id=content] .nav-menu ul.level-1 li a {
  border-bottom: 1px dotted #00718b;
  display: block;
  margin-bottom: 5px;
  width: 177px; }

[id=content] .nav-menu ul ul {
  border-bottom: 0;
  padding-left: 15px; }

/* -----forms elements & portlet elements-----*/
.aui-field-label-inline {
  display: inline-block;
  float: none;
  margin: 0;
  text-align: left;
  width: auto; }

.aui-label-required {
  color: #1793d7; }

.aui-field-element input[type='text'],
.aui-field-element input[type='password'],
.aui-field-element input[type='submit'] {
  font-family: Montserrat; }

.portlet-content {
  padding: 0; }

.portlet-topper-toolbar {
  margin: 10px 0 0 0;
  z-index: 300; }

.portlet-borderbottom {
  border-bottom: 1px solid #00718b !important;
  margin: 10px; }

.portlet-column-content {
  padding: 0 10px 10px 10px; }

.portlet-login {
  padding-left: 10px; }

[id=main-content] .portlet-column-content.empty {
  padding: 10px; }

/*------- ---------------content ---------------------------------------*/
.portlet-journal-content {
  padding-right: 15px;
  text-align: justify; }

.portlet-content ul,
.belgo-journal-template ul,
.html-editor ul {
  list-style: none inside url("../images/common/bullet_disc.gif");
  margin: 5px 10px 5px 20px;
  padding: 0; }

.portlet-content ul .detail
.belgo-journal-template ul .detail,
.html-editor ul .detail {
  list-style: none inside url("../images/common/bullet_frame.gif");
  padding: 5px; }

.portlet-content li,
.belgo-journal-template li,
.html-editor li {
  margin-top: 5px;
  padding-bottom: 5px; }

.belgo-journal-template .table-container,
.html-editor .table-container {
  display: inline-box;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  /*    max-width: 700px; */
  overflow-y: auto; }

.belgo-journal-template .table-container table,
.html-editor .table-container table {
  margin-left: auto;
  margin-right: auto; }

[id=content] h1,
[id=content] .portlet-title,
[id=content] .title {
  color: #00718b;
  font: bold 16px/20px Verdana, Arial, sans-serif; }

[id=content] .portlet-boundary + .portlet-boundary {
  margin-top: 16px; }

[id=content] h2,
.subtitle {
  color: #107a92;
  font: bold 11px verdana,arial,sans-serif; }

[id=content] blockquote, ul, ol, dl {
  margin-right: 0; }

.subtitle a:link, .subtitle a:link {
  color: #107a92 !important;
  text-decoration: none; }

img.left {
  float: left;
  margin: 0 10px 10px 0; }

img.leftillu {
  margin-left: 10px; }

img.leftin {
  float: left;
  margin: 10px 10px 10px 0; }

img.right {
  float: right;
  margin: 0 0 10px 10px; }

img.rightin {
  float: right;
  margin: 10px 0 10px 10px; }

img.center {
  margin-bottom: 5px;
  margin-top: 10px; }

.portlet-content table,
.belgo-journal-template table,
.html-editor table {
  border: 1px solid white;
  border-collapse: collapse;
  padding: 0; }

.portlet-content th,
.belgo-journal-template th,
.html-editor th,
.table-contact .table-header {
  background-color: #68af56;
  border-bottom: 1px solid #E5EDF4;
  color: #FFF;
  font-weight: bold;
  height: 20px;
  padding: 5px;
  text-align: center;
  width: auto; }

.table-contact {
  display: inline-block;
  vertical-align: top;
  width: 45%; }

.table-header {
  display: block;
  padding: 2px 0 0 5px;
  width: 45%; }

.portlet-content tr:nth-child(2n+1),
.belgo-journal-template tr:nth-child(2n+1),
.html-editor tr:nth-child(2n+1) {
  background-color: white; }

.portlet-content td,
.belgo-journal-template td,
.html-editor td {
  border-color: #000 #E5EDF4 #E5EDF4 #000;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  padding: 5px; }

.portlet-content hr,
.belgo-journal-template hr,
.html-editor hr {
  border-bottom: 1px solid #00718b; }

.action a:link,
.action a:hover {
  color: #c53225 !important;
  font: bold 10px verdana,arial,sans-serif; }

.contact {
  min-width: 200px;
  max-width: 450px; }

.contact .contactinfo {
  border: 1px solid #f6f7da;
  padding: 5px; }

.contact > span {
  background-color: white;
  color: black;
  font-weight: bold;
  margin-left: 20px;
  padding: 3px;
  position: relative;
  top: 6px; }

.infoframe {
  border: 1px solid #f6f7da;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 40px 5px 5px;
  position: relative;
  max-width: 500px; }

.infoframe > span {
  background-color: white;
  color: black;
  font-size: 12px;
  font-size: 0.813rem;
  font-weight: bold;
  margin-left: 20px;
  padding: 3px;
  position: absolute;
  top: -12px; }

.portlet-content .separator,
.belgo-journal-template .separator {
  border-bottom: 1px dotted #00718b;
  border-right: 0 none;
  margin: 0 5px 5px 20px;
  width: auto; }

.article-display-type {
  color: #c53225;
  font-size: 10px;
  font-size: 0.688em; }

.article-display-date {
  color: #c53225;
  font-size: 9px;
  font-size: 0.563rem;
  padding-left: 3px; }

.oper-icon .asset-template.no-title {
  float: left; }

.oper-icon .separator {
  display: none; }

.oper-icon hr {
  clear: both;
  visibility: hidden; }

.product_teaser {
  background-color: whitesmoke;
  border-collapse: separate;
  /* to overwrite liferay css */
  display: table;
  height: 100px;
  margin: 5px;
  text-decoration: none;
  width: 100px; }

.product_teaser span {
  border: solid 1px lightgrey;
  border-radius: 5px;
  display: table-cell;
  font: bold 13px Verdana,Arial,sans-serif;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle; }

.product_teaser span:hover {
  background-color: #faeeee; }

.hdl_brief {
  color: #c53225; }

.aim_plan {
  color: #009ee0; }

.met_info {
  color: #234f96; }

.aim_info {
  color: #1fb259; }

.not_prov {
  color: #dda227; }

.abg_info {
  color: #695d4d; }

.mor_prod {
  color: #8193a1; }

/*---------bloc-portlets  -------------*/
.blockContent {
  border: 1px solid #E5EDF4;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
  width: 176px; }

.blockFooter,
.zoominHeader,
.shortcutHeader,
.reltopicsHeader,
.medHeader,
.opsHeader {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 27px;
  padding-left: 2px;
  width: 180px; }

.blockFooter {
  background-image: url("../images/common/zoom_bottom_big4.gif"); }

.zoominHeader {
  background-image: url("../images/common/zoom_top_big_z.gif"); }

.shortcutHeader {
  background-image: url("../images/common/shortcuts3_en.gif"); }

.shortcutHeader:lang(fr) {
  background-image: url("../images/common/shortcuts3_fr.gif"); }

.shortcutHeader:lang(nl) {
  background-image: url("../images/common/shortcuts3_nl.gif"); }

.reltopicsHeader {
  background-image: url("../images/common/related_top2_en.gif"); }

.reltopicsHeader:lang(fr) {
  background-image: url("../images/common/related_top2_fr.gif"); }

.reltopicsHeader:lang(nl) {
  background-image: url("../images/common/related_top2_nl.gif"); }

.medHeader {
  background-image: url("../images/common/media_top.gif"); }

.opsHeader {
  background-image: url("../images/common/ops-corner_top_big_z.gif"); }

/*------------bloc operational------------------------*/
.container {
  border: 1px solid #e5edf4;
  width: 178px; }

#aismeteo a.info span {
  display: none; }

#aismeteo a.info {
  color: black;
  text-decoration: none; }

.autoCplField label {
  position: relative; }

.autoCplField .aui-form-validator-message {
  top: 2rem;
  width: 14rem; }

/* --------------- language -------------------------*/
#language {
  background-color: white;
  font-size: 11px;
  font-size: 0.75rem;
  position: absolute;
  right: 16px;
  top: 1px; }

#language .portlet-content,
#portlet_82 .portlet-content {
  padding: 0; }

/* do no display the configuration bar for portlet language */
#portlet_82 .portlet-topper-toolbar {
  display: none; }

a.taglib-language-list-text {
  background-color: white;
  color: #00718b;
  padding: 0 3px;
  text-decoration: none; }

a.taglib-language-list-text:link,
a.taglib-language-list-text:visited {
  color: #00718b;
  text-decoration: none; }

a.taglib-language-list-text:hover {
  background-color: #00718b;
  color: #00718b;
  display: inline-block;
  text-decoration: none; }

a.taglib-language-list-text:active {
  color: #c53225; }

/* -------------------search --------------------------*/
[id=page-search] {
  float: right;
  margin-top: -35px;
  position: relative; }

[id=page-search] [id=keywords] {
  background-color: white;
  border: 1px solid #00718b;
  padding: 1px;
  width: 127px; }

/*-------------layouttpl---------------------*/
.aui-left-fix {
  padding-left: 5px;
  position: relative;
  width: 185px; }

.aui-right-fix {
  padding-right: 5px;
  position: relative;
  width: 180px; }

/*------------  belgo-3-col layout-----------*/
.aui-3mid-float {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding-right: 10px;
  width: auto; }

.aui-3right {
  padding-right: 5px;
  position: relative;
  width: 180px; }

/*------------  belgo-2-col layout-----------*/
.aui-right-float {
  display: block;
  width: auto; }

/*------------- belgo-5-3fix-col layout-------*/
.aui-33pct {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  width: 33%; }

/*------------- belgo-4-2fix-col layout-------*/
.aui-55pct {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  width: 55%; }

/*-----------------  footer -----------------*/
[id=footer] {
  background-image: radial-gradient(circle at top left, #1db9de, #00718b);
  color: #FFF;
  margin-top: 5px;
  top: 10px;
  bottom: 10px; }

[id=footer] a {
  color: #FFF;
  text-decoration: none; }

[id=footer] a:hover {
  text-decoration: underline; }

[id=footer-container] {
  text-align: center; }

.footer-section {
  color: #FFF;
  display: inline-block;
  margin-bottom: 30px;
  margin-right: 24px;
  text-align: left;
  vertical-align: top;
  width: 160px; }

.footer-section h1 {
  color: #FFF;
  font-size: 13px;
  font-size: 0.875rem; }

.footer-section ul {
  color: #FFF;
  list-style: none outside none;
  margin-left: 0; }

[id=trademark] {
  clear: left;
  color: #FFF;
  text-align: center; }

/*-----------------  help/disclaimer on portlet ----------*/
.aui-dialog-iframe-root-node body {
  /* liferay popup help */
  background-color: white; }

.aui-panel-hd .portlet-belgo-icons {
  /*  to avoid display in configuration */
  display: none; }

.portlet-belgo-icons {
  color: #000;
  font-size: 10px;
  position: relative; }

/* --- taglib css modification-------------*/
.taglib-page-iterator .search-results {
  padding-top: 10px; }

/* ---    css operational     -------------*/
.aui-button-input {
  height: 31px;
  margin-right: 10px; }

.button-help input[type="submit"],
.button-warning input[type="submit"] {
  background-image: none;
  color: white;
  font-family: Montserrat;
  font-size: 10px;
  font-size: 0.75rem;
  text-shadow: none; }

.button-pdf input[type="button"],
.button-rename input[type="button"],
.button-save input[type="button"],
.button-save-as input[type="button"],
.button-trash input[type="button"] {
  background-repeat: no-repeat;
  background-color: white;
  width: 31px; }

.button-help input[type="submit"] {
  background-color: #68af56; }

.button-warning input[type="submit"] {
  background-color: #c53225; }

.button-pdf input[type="button"],
.div-pdf {
  background-image: url("../images/common/PDF_small.png"); }

.div-pdf {
  background-repeat: no-repeat;
  height: 35px;
  width: 35px; }

.button-rename input[type="button"] {
  background-image: url("../images/common/rename.png"); }

.button-save input[type="button"] {
  background-image: url("../images/common/save.png"); }

.button-save-as input[type="button"] {
  background-image: url("../images/common/save-as.png"); }

.button-trash input[type="button"] {
  background-image: url("../images/common/trash.png"); }

.button-right {
  float: right;
  margin-left: 10px;
  margin-right: 0px;
  position: relative; }

.belgo-portlet-border-left,
.belgo-portlet-border-right,
.belgo-portlet-border-middle {
  border-bottom-color: #e5edf4;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-left-color: #e5edf4;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #e5edf4;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #e5edf4;
  border-top-style: solid;
  border-top-width: 15px;
  padding-left: 20px;
  padding-top: 10px;
  margin-right: 5px;
  margin-top: 10px; }

.belgo-portlet-border-left {
  -moz-top-left-radius: 40px;
  -webkit-top-left-radius: 40px;
  border-top-left-radius: 40px; }

.belgo-portlet-border-right {
  -moz-top-right-radius: 40px;
  -webkit-top-right-radius: 40px;
  border-top-right-radius: 40px; }

/* ---------- Banner  & logo     ----------------*/
[id=bannerold] {
  background-image: url("../images/common/BELGO_banner_1920x120_EN_optim.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  height: 120px;
  position: relative;
  right: auto;
  top: 0;
  max-width: 100%; }

[id=bannerold]:lang(fr) {
  background-image: url("../images/common/BELGO_banner_1920x120_FR_optim.jpg"); }

[id=bannerold]:lang(nl) {
  background-image: url("../images/common/BELGO_banner_1920x120_NL_optim.jpg"); }

[id=bannerold] .logo {
  background-image: url("../images/belgologo_white_st.png");
  border: 0 none;
  display: block;
  height: 120px;
  left: 0;
  position: relative;
  top: -2px;
  width: 270px; }

[id=banner-ops] {
  color: white;
  height: 120px;
  position: relative;
  right: auto;
  max-width: 100%; }

[id=banner-ops] #blank {
  height: 30px;
  position: relative;
  right: auto; }

[id=banner-ops] #line {
  background-image: radial-gradient(circle at left top, #1db9de, #00718b);
  height: 25px;
  position: relative;
  right: auto; }

[id=banner-ops] .logo {
  background-image: url("../images/logo-skeyes.svg");
  background-repeat: no-repeat;
  border: 0 none;
  display: inline-block;
  left: 20px;
  position: relative;
  width: 220px;
  height: 51px; }

[id=banner-ops] #linenav {
  margin-top: 15px;
  margin-bottom: 15px; }

[id=banner-ops] .ib {
  display: inline-flex; }

/* ----------------------------- */
/*    ==    Responsive           */
/* ----------------------------- */
/* chargement conditionnel */
@media all and (max-width: 1024px) {
  body {
    font-size: 11px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem; }

  /* page search � la ligne */
  [id=page-search] {
    margin: 0;
    padding: 5px; }

  .footer-section {
    max-width: 128px; } }
/* fin max-width: 1024px */
@media all and (max-width: 860px) {
  * {
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  /* reset */
  img,
  table,
  td,
  blockquote,
  object,
  embed,
  video,
  code,
  pre,
  .wrapper {
    max-width: 100% !important; }

  img {
    height: auto !important; }

  code,
  pre {
    white-space: pre-wrap;
    word-wrap: break-word; }

  .portlet-body {
    word-wrap: break-word; }

  [id=navigation],
  .portlet-content,
  .portlet-content-container,
  .portlet-column-content,
  .portlet-static,
  .journal-content-article,
  .belgo-journal-template,
  [id=layout-column],
  .asset-metadata,
  .asset-content,
  .separator {
    margin: 0;
    padding: 0; }

  [id=navigation] {
    height: 30px;
    width: 100%; }

  [id=navigation] ul {
    display: block !important;
    position: absolute;
    /* translate closed nav  */
    -webkit-transform: translateX(-120%);
    -ms-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.72, 0.89, 0.28, 1.39);
    -ms-transition: -ms-transform 0.3s cubic-bezier(0.72, 0.89, 0.28, 1.39);
    transition: transform 0.3s cubic-bezier(0.72, 0.89, 0.28, 1.39);
    width: 250px;
    z-index: -1; }

  [id=navigation] input:checked + ul {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    display: block !important;
    z-index: 250; }

  [id=navigation] [id=level1] > ul > li {
    background: #fff;
    background-color: #fff;
    display: inline-block;
    width: 250px; }

  [id=navigation] [id=level1] > ul > li a + a {
    /*    border-top: 1px solid #fff;*/ }

  [id=navigation] [id=level1] > ul > li a {
    font-weight: bold;
    padding: 6px;
    text-decoration: none; }

  [id=navigation] [id=level1] > ul > li:hover,
  [id=navigation] [id=level1] > ul > li:focus,
  [id=navigation] [id=level1] > ul > li:active,
  [id=navigation] [id=level1] > ul > li.selected {
    background-color: #fff;
    color: #fab808; }

  [id=navigation] label {
    /*	background-color: #2d97cb;*/
    /*	-moz-border-radius: 3px; 
    	-webkit-border-radius: 3px; 
    	border-radius: 3px;		*/
    color: #00718b;
    cursor: pointer;
    display: inline-flex !important;
    font-size: 22px;
    font-size: 2.5rem;
    height: 30px;
    line-height: 1.875rem;
    /*    padding-left:16px;  		
        padding-right:16px;*/
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

  [id=page-search] {
    margin-top: -21px;
    padding: 0; }

  ul.breadcrumbs-horizontal {
    left: 2px;
    right: auto;
    margin-bottom: 2px;
    position: relative; }

  [id=main-content] {
    display: block;
    width: 100%; }

  [id=content] .nav-menu {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    z-index: -1; }

  .infoframe {
    margin-right: 10px;
    width: 400px; }

  .contact {
    min-width: 150px;
    max-width: 90%;
    border: 1px solid #f6f7da;
    padding: 2px; }

  .contact .contactinfo {
    border: none; }

  .contact > span {
    top: 0; }

  .belgo-portlet-border-left {
    -moz-top-left-radius: 0;
    -webkit-top-left-radius: 0;
    border-top-left-radius: 0; }

  .belgo-portlet-border-right {
    -moz-top-right-radius: 0;
    -webkit-top-right-radius: 0;
    border-top-right-radius: 0; }

  [id=footer] {
    background-image: radial-gradient(circle at top left, #1db9de, #00718b);
    color: white;
    clear: left;
    display: block;
    height: auto;
    padding-top: 10px;
    text-align: left; }

  [id=footer-container] {
    margin: 0;
    padding-top: 0;
    padding-left: 10px;
    text-align: left; }

  .footer-section {
    display: block;
    float: left;
    height: auto;
    max-width: none;
    margin: 0;
    position: relative;
    text-align: left;
    width: 50%; } }
/* fin max-width: 860px */
@media all and (max-width: 640px) {
  input,
  textarea {
    max-width: 95% !important; }

  /*
  [id=banner] {
      background-image: url("../images/common/BELGO_banner_640x120_EN.jpg");
      background-repeat: no-repeat;
      background-position: left top;
      background-color:$color-body;
      height: 120px; 
      left: 0;
      width:auto;
  }
  [id=banner]:lang(fr) {
  	background-image: url("../images/common/BELGO_banner_640x120_FR.jpg");
  }
  [id=banner]:lang(nl) {
  	background-image: url("../images/common/BELGO_banner_640x120_NL.jpg");
  }
  */
  /* portlet navigation */
  [id=content] .nav-menu ul {
    background-color: #f6f7da; }

  [id=page-search],
  [id=page-search] [id=keywords],
  [id=search] {
    display: none; }

  [id=content] .nav-menu a {
    margin: 0;
    padding-left: 5px;
    text-decoration: none; }

  [id=content] .nav-menu ul.level-1 li a {
    border-bottom: none;
    padding-left: 15px;
    width: auto; }

  [id=content] .nav-menu ul {
    margin: 0;
    padding: 5px 0 0 0; }

  [id=content] .nav-menu ul ul {
    background-color: #b8cdd3;
    margin: 0;
    padding: 0; }

  [id=content] .nav-menu ul ul ul {
    background-color: #f0ffff;
    margin: 0;
    padding: 0; }

  [id=content] .nav-menu li {
    color: #00718b;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 22px;
    line-height: 1.4rem;
    list-style-type: none;
    padding-bottom: 1px; }

  /* fin portlet navigation */
  [id=content] [id=main-content] .portlet-column {
    display: inline-block;
    padding: 0;
    width: 100%;
    min-width: none;
    min-height: none; }

  [id=content] section.portlet,
  [id=footer-container] {
    padding: 10px; }

  [id=footer-container] {
    padding-top: 10px; }

  [id=content] [id=column-1] .portlet-navigation section.portlet {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 5px solid #00718b;
    padding: 0; }

  [id=content] [id=column-1] .portlet-navigation section.portlet > a {
    padding-left: 5px; }

  [id=content] .portlet-layout {
    display: block;
    width: auto; }

  .portlet-journal-content {
    padding-right: 5px;
    text-align: justify; } }
/* max-width: 640px */
@media all and (max-width: 481px) {
  /*	
  [id=banner] {
      background-image: url("../images/common/BELGO_banner_480x120_EN.jpg");
      background-repeat: no-repeat;
      background-position: left top;
      height: 60px;
      left: 0;
      width: 100%;
  }
  
  #language {
      font-size: 12px;
      font-size: $font-size-plus-2;   
      position: absolute;
      top: 5px;	
  }
  
  [id=banner]:lang(fr) {
  	background-image: url("../images/common/BELGO_banner_480x120_FR.jpg");
  }
  [id=banner]:lang(nl) {
  	background-image: url("../images/common/BELGO_banner_480x120_NL.jpg");
  }
  [id=banner] .logo {
     background-image: url("../images/belgologo_white_st_135x60.png");
     height: 60px;
     width: 135px;
  }
  */
  .belgo-portlet-border-right,
  .belgo-portlet-border-left,
  .belgo-portlet-border-middle {
    border: none;
    margin-right: 5px;
    padding: 0; }

  .footer-section {
    width: 100%; }

  .mobile-hidden {
    display: none; }

  .infoframe {
    width: auto; }

  /*---------bloc-portlets  -------------*/
  .blockContent {
    border: none;
    width: 100%;
    padding: 0; }

  .blockFooter,
  .zoominHeader,
  .shortcutHeader,
  .reltopicsHeader,
  .medHeader,
  .opsHeader {
    background: none;
    height: auto;
    width: 100%;
    padding: 0;
    color: #00718b;
    font: bold 16px/20px Verdana, Arial, sans-serif;
    font: bold 1rem/1.25rem Verdana, Arial, sans-serif; }

  .shortcutHeader:after {
    background: none;
    content: "Shortcuts"; }

  .shortcutHeader:lang(fr) {
    background: none; }

  .shortcutHeader:lang(fr):after {
    content: "Raccourcis"; }

  .shortcutHeader:lang(nl) {
    background: none; }

  .shortcutHeader:lang(nl):after {
    content: "Snellinks"; }

  .reltopicsHeader:after {
    background: none;
    content: "Related Topics"; }

  .reltopicsHeader:lang(fr) {
    background: none; }

  .reltopicsHeader:lang(fr):after {
    content: "Sujets Connexes"; }

  .reltopicsHeader:lang(nl) {
    background: none; }

  .reltopicsHeader:lang(nl):after {
    content: "Zie ook"; }

  .zoominHeader {
    background: none; }

  .zoominHeader:after {
    content: "Zoomin"; }

  .medHeader {
    background: none; }

  .medHeader:after {
    content: "Media"; }

  .opsHeader {
    background: none; }

  .opsHeader:after {
    content: "AIM METEO briefing"; } }
/* end 481px*/
@media all and (max-width: 321px) {
  /*
  [id=banner] {
      background-image: url("../images/common/BELGO_banner_320x60_EN.jpg");
      background-repeat: no-repeat;
      background-position: left top;
      height: 60px;
      left: 0;    
      width: 100%;
  }
  */
  [id=navigation] {
    width: 100%; }

  [id=content] .nav-menu ul {
    background-color: #f6f7da; }

  [id=page-search],
  [id=page-search] [id=keywords],
  [id=search] {
    display: none; }

  .product_teaser {
    height: 90px;
    width: 90px; }

  .product_teaser span {
    font-size: 11px; } }
/* end 321px*/