@charset "UTF-8";
@font-face {
  font-family: 'Ubuntu';
  src: url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-l-webfont.woff2") format("woff2"), url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-l-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Ubuntu';
  src: url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-li-webfont.woff2") format("woff2"), url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-li-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Ubuntu';
  src: url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-r-webfont.woff2") format("woff2"), url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-r-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Ubuntu';
  src: url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-ri-webfont.woff2") format("woff2"), url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-ri-webfont.woff") format("woff");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Ubuntu';
  src: url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-m-webfont.woff2") format("woff2"), url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-m-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'Ubuntu';
  src: url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-mi-webfont.woff2") format("woff2"), url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-mi-webfont.woff") format("woff");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Ubuntu';
  src: url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-b-webfont.woff2") format("woff2"), url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-b-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Ubuntu';
  src: url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-bi-webfont.woff2") format("woff2"), url("https://form.portail.pfwb.be/static/fonts/ubuntu/ubuntu-bi-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic; }

body {
	margin-top: 0;
	font-family: Ubuntu, sans-serif;
}

a {
	color: #00458A;
}

#main-column h3 {
	background: #00458A;
	color: white;
	padding: 2px 1ex;
	font-size: 100%;
	margin-top: 0px;
	font-size: 1em;
	background: #00458A url(images/titre_menu_fl_compo.gif) no-repeat left bottom;
	height: 40px;
	font-weight: bold;
	color: white;
	padding-top: 9px;
	padding-left: 5px;
	border-top: 1px solid #d4d4d2;

}

#header h1,
div.unauth-box h1 {
	background: white url(images/pfwb_header.png) center left no-repeat;
	color: #222;
	margin: 0;
	font-size: 100%;
	height: 80px;
	line-height: 40px;
	text-align: left;
	padding-left: 60px;
	text-indent: -9999px;
}

#header {
	margin: 0 auto;
	max-width: 1280px;
}

#header h1 {
	background: white url(images/parl.png) 6px 8px no-repeat;
	background-size: 200px auto;
	text-indent: 0;
	padding: 0;
	display: inline-block;
	height: 120px;
	width: 210px;
}

#header h1 a {
	display: inline-block;
	height: 80px;
	width: 200px;
	text-indent: -10000px;
}

div#header > ul {
	position: absolute;
	top: 2px;
	left: 160px;
}

div#header > ul > li {
	background: transparent;
	margin: 0;
	margin-right: 0px;
	margin-right: 0px;
	display: inline-block;
	padding: 0;
}

div#header > ul > li > a {
	text-align: center;
	display: table;
	height: 35px;
	padding: 0 20px;
	padding-top: 40px;
	width: 8rem;
	line-height: 120%;
	padding-bottom: 5px;
	text-decoration: none;
	color: #5f5f5f;
}

div#header > ul > li.menu-accueil {
	background: url(images/home.svg) 50% 5px no-repeat;
	background-size: 25px auto;
}
div#header > ul > li.menu-videos {
	background: url(images/videos.svg) 50% 5px no-repeat;
	background-size: 30px auto;
}
div#header > ul > li.menu-forms {
	background: url(images/forms.svg) 50% 5px no-repeat;
	background-size: 20px auto;
}
div#header > ul > li.menu-pes {
	background: url(images/pes.svg) 50% 10px no-repeat;
	background-size: 30px auto;
}
div#header > ul > li.menu-pes span {
	font-weight: bold;
}
div#header > ul > li.menu-calendrier {
	background: url(images/calendrier.svg) 50% 5px no-repeat;
	background-size: 22px auto;
}


/* Improve table display on iPad */
#main-column input,
#main-column textarea {
/*     margin-left: 15px;  -- to improve iPad */
       margin: 0px;
}

#mailbox-table th.date, #mailbox-table td.date {
  width: 7em;
/* used to be 10em -- to improve table on iPad */
  text-align: right;
}

#mailbox-table td.recipients {
/*  width: 15em;  removed to improve table on iPad */
    width: auto;
}
