/* ==================================================================================================
Page's content (within the white zone of a page)
================================================================================================== */ 
div#pageContent {
   padding-top: 24px;
   padding-left: 25px;
   padding-right: 25px;
   padding-bottom: 18px;
   }


/* ==================================================================================================
Page's content header
================================================================================================== */ 
div.pageContentHeader {
padding-top:8px;
padding-bottom:16px;
}

div.pageContentHeader img {
   border-style: none;
   border-width: 0px;
   vertical-align: middle;
   }

div.pageContentHeader a:link, div.pageContentHeader a:hover, div.pageContentHeader a:visited, div.pageContentHeader a:active {
   float: left;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 0px;
   padding-right: 4px;
   border-color: #ffffff;
   border-style: solid;
   border-width: 1px;
   }

div.pageContentHeader a:first-child img {
   display: none;
   }

div.pageContentHeader a img {
   border-width: 0px;
   }

div.pageContentHeader a:hover {
   background-image: url('../img/menubar-selected-bgwhite.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
   }

div.pageContentHeader a.right:link, div.pageContentHeader a.right:hover, div.pageContentHeader a.right:visited, div.pageContentHeader a.right:active {
   float: right;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 6px;
   padding-right: 6px;
   border-color: #ffffff;
   border-style: solid;
   border-width: 1px;
   }

div.pageContentHeader a.right:hover {
   background-image: url('../img/menubar-selected-bgwhite.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
}

/* ==================================================================================================
Page's content footer
================================================================================================== */ 
div.pageContentFooter {
padding-bottom:32px;
}

div.pageContentFooter img {
   border-style: none;
   border-width: 0px;
   vertical-align: middle;
   }

div.pageContentFooter a:link, div.pageContentFooter a:hover, div.pageContentFooter a:visited, div.pageContentFooter a:active {
   float: left;
   display:block;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 0px;
   padding-right: 4px;
   /* border-color: #ffffff;
   border-style: solid;
   border-width: 1px; */
   }

div.pageContentFooter a:first-child img {
   /* display: none; */
   }

div.pageContentFooter a img {
   border-width: 0px;
   }

div.pageContentFooter a:hover {
   background-image: url('../img/menubar-selected-bgblue.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbFb;
   border-top-color: #dbdbFb;
   border-right-color: #a8a8C8;
   border-bottom-color: #a8a8C8;
   }

div.pageContentFooter a.right:link, div.pageContentFooter a.right:hover, div.pageContentFooter a.right:visited, div.pageContentFooter a.right:active {
   float: right;
   font-family: Arial;
   font-size: 9pt;
   color: #004086;
   text-decoration: none;
   outline: none;
   padding-left: 6px;
   padding-right: 6px;
   border-color: #ffffff;
   border-style: solid;
   border-width: 1px;
   }

div.pageContentFooter a.right:hover {
   background-image: url('../img/menubar-selected-background.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
}

/* ==================================================================================================
Page's content layouts
================================================================================================== */ 
div.pageContentLayouts {
   padding: 0px;
   padding-top: 32px;
   padding-bottom: 24px;
   clear: both;
   }

table.layoutL, table.layoutSL, table.layoutLS  {
   margin: 0px;
   padding: 0px;
   width: 100%;
   }

table.layoutSL td {
   vertical-align: top;
   }

td.layoutSL-S {
   width: 200px;
   padding-right: 25px;
   }

td.layoutSL-L {
   width: 716px;
   }

table.layoutLS td {
   vertical-align: top;
   }

td.layoutLS-S {
   width: 200px;
   padding-left: 25px;
   }

td.layoutLS-L {
   width: 716px;
   }


td.layoutL-L {
   width: 100%;
   }

/* ==================================================================================================
Page's content titles
================================================================================================== */ 
h1 {
   text-align: left;
   color: #004090;
   font-family: Arial;
   font-size: 16pt;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   margin-bottom: 16px;
   }

h2 {
   text-align: left;
   color: #004090;
   font-family: Arial;
   font-size: 12pt;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   margin-bottom: 12px;
   }

h3 {
   text-align: left;
   color: #3070A6;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   margin-bottom: 8px;
   }

h4 {
   text-align: left;
   color: #444444;
   font-family: Arial,sans-serif;
   font-size: 10pt;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
   margin-bottom: 8px;
   }

/* ==================================================================================================
Page's content paragraphs
================================================================================================== */ 
p {
   text-align: justify;
   font-family: Arial,sans-serif;
   color: #444444;
   font-size: 10pt;
   padding: 0px;
   margin: 0px;
   margin-bottom: 8px;
   }

td.layoutLS-S p, td.layoutSL-S p {
   text-align: left;
   color: #666666;
   }

a {
  color: #003399;
  text-decoration: none;
  }

/* ==================================================================================================
Page's content images
================================================================================================== */ 
div.img {
  padding-bottom: 16px;
  }

div.img img {
  display: block;
  padding-bottom: 3px;
  }

div.img p {
   text-align: left;
   font-family: Arial,sans-serif;
   color: #999999;
   font-size: 8pt;
   padding: 0px;
   margin: 0px;
   padding-bottom: 3px;
  }


/* ==================================================================================================
Page's content signaletics
================================================================================================== */ 
div.signaletics {
   margin-top: 22px;
   margin-bottom: 22px;
   }

div.signaletics:first-child {
   margin-top: 0px;
   }

div.signaletics div.tl {
   background-image: url('../img/signaletics-tl.gif');
   background-repeat: no-repeat;
   background-color: #ffffff;
   float: left;
   width: 8px;
   height: 8px;
   }

div.signaletics div.t {
   background-image: url('../img/signaletics-t.gif');
   background-repeat: repeat-x;
   height: 8px;
   width: 100%;
   }

div.signaletics div.tr {
   background-image: url('../img/signaletics-tr.gif');
   background-color: #ffffff;
   float: right;
   width: 8px;
   height: 8px;
   }

div.signaletics div.bl {
   background-image: url('../img/signaletics-bl.gif');
   background-repeat: no-repeat;
   background-color: #ffffff;
   float: left;
   width: 8px;
   height: 8px;
   }

div.signaletics div.b {
   background-image: url('../img/signaletics-b.gif');
   background-repeat: repeat-x;
   height: 8px;
   width: 100%;
   }

div.signaletics div.br {
   background-image: url('../img/signaletics-br.gif');
   background-color: #ffffff;
   float: right;
   width: 8px;
   height: 8px;
   }

div.signaletics div.content {
   clear: both;
   background-image: url('../img/signaletics-info.gif');
   background-repeat: no-repeat;
   background-position: top right;
   background-color: #ddddee;
   padding-left: 8px;
   padding-right: 8px;
   border-left-style: solid;
   border-left-color: #999999;
   border-left-width: 1px;
   border-right-style: solid;
   border-right-color: #999999;
   border-right-width: 1px;
   }

div.signaletics h1 {
   text-align: left;
   color: #3070A6;
   font-family: Arial;
   font-size: 10pt;
   font-weight: bold;
   padding: 0px;
   margin: 0px;
   padding-bottom: 3px;
   }

div.signaletics p {
   text-align: left;
   font-family: Arial,sans-serif;
   color: #666666;
   font-size: 10pt;
   padding: 0px;
   margin: 0px;
   padding-bottom: 3px;
   }


/* ==================================================================================================
Page's content table of contents
================================================================================================== */ 
div.toc {
   padding: 0px;
   margin: 0px;
   margin-bottom: 8px;
   }

div.toc1 + div.toc1 {
   margin-top: 4px;
   }

div.toc1 + div.toc2 {
   margin-top: 4px;
   }

div.toc2 + div.toc1 {
   margin-top: 12px;
   }

div.toc span.toc1 {
   text-align: left;
   color: #999999;
   font-size: 10pt;
   padding-left: 0px;
   list-style: none;
   }

div.toc a.toc1 {
   text-align: left;
   color: #003399;
   font-size: 10pt;
   padding-left: 10px;
   list-style: none;
   background-image: url('../img/toc1-off.gif');
   background-repeat: no-repeat;
   background-position: 0px 5px;
   }

div.toc a.toc1:hover {
   background-image: url('../img/toc1-on.gif');
   text-decoration: underline;
   }

div.toc span.toc2 {
   text-align: left;
   color: #999999;
   font-size: 10pt;
   margin-left: 16px;
   padding-left: 0px;
   list-style: none;
   }

div.toc a.toc2 {
   text-align: left;
   color: #003399;
   font-size: 10pt;
   margin-left: 16px;
   padding-left: 10px;
   list-style: none;
   background-image: url('../img/toc1-off.gif');
   background-repeat: no-repeat;
   background-position: 0px 5px;
   }

div.toc a.toc2:hover {
   background-image: url('../img/toc1-on.gif');
   text-decoration: underline;
   }

div.toc span.toc3 {
   text-align: left;
   color: #999999;
   font-size: 10pt;
   margin-left: 32px;
   padding-left: 0px;
   list-style: none;
   }

div.toc a.toc3 {
   text-align: left;
   color: #003399;
   font-size: 10pt;
   margin-left: 32px;
   padding-left: 10px;
   list-style: none;
   background-image: url('../img/toc1-off.gif');
   background-repeat: no-repeat;
   background-position: 0px 5px;
   }

div.toc a.toc3:hover {
   background-image: url('../img/toc1-on.gif');
   text-decoration: underline;
   }

div.toc span.toc4 {
   text-align: left;
   color: #999999;
   font-size: 10pt;
   margin-left: 48px;
   padding-left: 0px;
   list-style: none;
   }

div.toc a.toc4 {
   text-align: left;
   color: #003399;
   font-size: 10pt;
   margin-left: 48px;
   padding-left: 10px;
   list-style: none;
   background-image: url('../img/toc1-off.gif');
   background-repeat: no-repeat;
   background-position: 0px 5px;
   }

div.toc a.toc4:hover {
   background-image: url('../img/toc1-on.gif');
   text-decoration: underline;
   }
/* ==================================================================================================
Page's content blocs
================================================================================================== */ 
div.blocStyle2 {
   padding-top: 12px;
   padding-bottom: 12px;
   width: 100%;
   }

div.blocStyle2:first-child {
   padding-top: 0px;
   }


div.blocStyle2 div.blocTopLeft {
   background-repeat: no-repeat;
   background-position: left top;
   font-size: 1px; 
   }

div.blocStyle2 div.blocTopRight {
   background-repeat: no-repeat;
   background-position: right top;
   font-size: 1px; 
   }

div.blocStyle2 div.blocTop {
   background-repeat: repeat-x;
   background-position: left top;
   font-size: 1px; 
   }

div.blocStyle2 div.blocLeft {
   background-repeat: repeat-y;
   background-position: left top;
   }

div.blocStyle2 div.blocRight {
   background-repeat: repeat-y;
   background-position: right top;
   }

.backgroundColor_DarkBlue div.blocTitle {
   color: #ffffff;
   }

div.blocStyle2 div.blocTitle {
   background-repeat: repeat;
   background-position: 0px 0px;
   font-weight: bold;
   font-family: Arial;
   font-size: 10pt;
   padding: 0px;
   }

div.blocStyle2 div.blocContent {
   background-repeat: repeat;
   background-position: 0px 0px;
   }

div.blocStyle2 div.blocBottomLeft {
   background-repeat: no-repeat;
   background-position: left bottom;
   font-size: 1px; 
   }

div.blocStyle2 div.blocBottomRight {
   background-repeat: no-repeat;
   background-position: right bottom;
   font-size: 1px; 
   }

div.blocStyle2 div.blocBottom {
   background-repeat: repeat-x;
   background-position: left bottom;
   font-size: 1px; 
   }


div.blocStyle2 div.blocTop0-5-5 {
   background-image: url('../img/blocVertical.gif');
   }

div.blocStyle2 div.blocTopRoundLeft0-5-5 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocTopRoundRight0-5-5 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocTop0-5-0 {
   background-image: url('../img/blocVertical.gif');
   }

div.blocStyle2 div.blocTopRoundLeft0-5-0 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocTopRoundRight0-5-0 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocLeft0-5-5 {
   background-image: url('../img/blocHorizontal.gif');
   }

div.blocStyle2 div.blocRight0-5-5 {
   background-image: url('../img/blocHorizontal.gif');
   }

div.blocStyle2 div.blocLeft0-5-0 {
   background-image: url('../img/blocHorizontal.gif');
   }

div.blocStyle2 div.blocRight0-5-0 {
   background-image: url('../img/blocHorizontal.gif');
   }

div.blocStyle2 div.blocContent0 {
   background-color: #ffffff;
   }

div.blocStyle2 div.blocContent5 {
   background-color: #000088;
   }

div.blocStyle2 div.blocBottom0-5-5 {
   background-image: url('../img/blocVertical.gif');
   }

div.blocStyle2 div.blocBottomRoundLeft0-5-5 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocBottomRoundRight0-5-5 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocBottom0-5-0 {
   background-image: url('../img/blocVertical.gif');
   }

div.blocStyle2 div.blocBottomRoundLeft0-5-0 {
   background-image: url('../img/blocSquare.gif');
   }

div.blocStyle2 div.blocBottomRoundRight0-5-0 {
   background-image: url('../img/blocSquare.gif');
   }

.backgroundColor_PostIt16 {
   background-color: #fff9af;
   }

/* ==================================================================================================
Page's content  actualité li img
================================================================================================== */
.actu-box {
	list-style-type: none;
      padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
      margin-left: 0px;

}
ul.actu-box li img {
	float: left;
      margin-right: 15px;
}
/*

*/
.colLeft{
  float:left;
  display:block;
  width:230px;
  height:100%;
  margin-right: 30px;
  text-align:left;
  /* background-color:#ffb567;*/ 
}
.colCenter{
  float:left;
  width:440px;
  display:block;
  margin-right: 20px;
  text-align:left;
  /*margin-left:221px;*/
}
.colRight{
  width:205px;
  display:block;
  margin-left:730px;
  //margin-left:720px;
  text-align:left;
  
  /*position:absolute;
  left:0px;
  top:345px;position:absolute;float:right;background-color:#b5ff67;*/
}
.colRight div{
  /* margin-left:722px; */
}
.colRight .tags_box{
  /* margin-left:722px; */
  padding:0px;
}
.colS{
  float:left;
  display:block;
  width:230px;
  height:100%;
  margin-right: 30px;
  /* background-color:#ffb567; */
}
.colL{
  width:auto;
  display:block;
  margin-left:260px;
}
.tocJSFF{
/* background-image:url(../actulb/images/cbd.gif);
background-repeat: no-repeat;
background-position:bottom right;
background-color:#dfecf4;
padding:15px;
width:200px; */
}
.tocJSFF a {
/* color: #ECA659; */
}
.tocJSFF li{
list-style-type: none;
}
.tocItemJSFF a{
  font-family:Arial;
  font-size:12px;
}
.newsJSFF{
/*top: 40px; background-color:#D6FFFF; */width:auto;display:block;
overflow:hidden;
/*margin-top : 30px;*/
}
/*----------------------------------------------articles¨*/
.uneFF{
/*position:absolute;overflow:hidden;

background-image:url(../actulb/images/cbdArt.gif);

background-repeat: no-repeat;
background-position:bottom right;*/
background-color:#EfeFfF;
margin-bottom:15px;
padding-top:0px;
}
.uneFF h2{
background: #7E9EC2 url(../img/bg-titled-box-left.gif) top left no-repeat;
font-weight: bold;
color: #FFF;
  /*overflow:hidden; width:100%;position:absolute;
  z-index: 1;color:#FFFFFF;
  background-color:#7f9fc3;
  font-weight:bold;
  padding-left:10px;
  padding-bottom:10px;
  padding-top:10px;font-size:20px;*/


}
.uneFF h2 span{
display: block;background: url(../img/bg-titled-box-right.gif) top right no-repeat;
padding: 5px 0 5px 10px;
color: #FFFFFF;	
}
.uneFF div{
/* padding-right:10px;
padding-left:10px;
color:#000000; */
padding-left:10px;
padding-right:10px;
padding-bottom:10px;

}
.uneFF a{
color:#004186;
text-decoration:none;
}
.uneFF .imgContainer{
padding-left:10px;
padding-bottom:10px;
padding-top:10px;
padding-right:0;
float:right;
text-align:right;
}
.uneFF .imgContainer div{
padding:0;
margin:0;
border:0;
text-align:right;
}
.uneFF div.imgContainer img{
padding:0;
margin:3px 0 0 0;
display:block;
border:0;
/*float:right;*/
}


.uneFF .imgContainer a{
padding:0;
margin:0;
border:0;
display:block;
}

.uneFF attach{
width:100%;
background-color:#CfD7E0;
padding:0px;	
}
/*

<div class="article" id="620"><a name="620"></a><h3><span>Vendredi le 16-07-2010</span><br>Archi s'expose</h3><div class="imgContainer"><a href="ws/getimage.php5?filter=databox1-art-image-large-620.gif" rel="lightbox" onclick="myLightbox.start(this); return false;"><img src="ws/getimage.php5?filter=databox1-art-image-620.gif"></a><div class="agdContainer"><a href="ws/getimage.php5?filter=databox1-art-image-large-620.gif" rel="lightbox" onclick="myLightbox.start(this); return false;"><img src="img/agd.gif"></a></div></div>

<p>Durant tout l'été, soit du <strong>5 juillet au 10 septembre 2010</strong>, ULB Culture accueille dans la salle Allende une exposition reprenant les meilleurs travaux des étudiants de BA1 aux MA2 de la toute nouvelle <a href="http://www.archi.ulb.ac.be" target="_blank">Faculté d'Architecture </a>de l'ULB.</p>
<p>L'expo est ouverte du lundi au vendredi de 9h à 17h et l'entrée est libre. Un vernissage aura lieu le 15 juillet ainsi qu'un finissage le 9 septembre prochain qui fera l'objet d'une nocturne.</p>

</div>

*/

.article{
/*position:absolute;overflow:hidden;background-image:url(../actulb/images/cbdArt.gif);background-repeat: no-repeat;
background-position:bottom right;background-color:#dfe7f0;*/
  padding-bottom:20px;
  margin-bottom:15px;



}
.article h3{
  padding-left:0px;
  margin-bottom:10px;
  font-size:17px;
  border-bottom:1px dotted #7E9EC2;
}
.article h3 span{
  font-size: 10px;
  margin-bottom: 0px;
  text-align: right;
  display: inline;
}
.article a img{
  display: block;
}
.agdContainer{
  background: none repeat scroll 0% 0% transparent;
  padding-top: 5px;
}
.agdContainer img{
  margin: 0pt;
}
.article p{
/* padding-top:35px;
padding-bottom:25px;padding-right:10px;text-align:justify; */
padding-left:0px;
color:#000000;

}
.article p{
/* padding-top:35px;
padding-bottom:25px;padding-right:10px;text-align:justify; */
padding-left:0px;
color:#000000;

}
.article ul{
font-size:10pt;
padding-left:20px;
margin-bottom:15px;
}
.article li{
font-size:10pt;
margin-left:20px;
margin-bottom:15px;
}
.article .imgContainer{
padding-left:10px;
padding-bottom:10px;
text-align:right;
float:right;
}
.article .imgContainer div{
text-align:right;
}
.article .imgContainer img{
padding:0;
margin:3px 0 0 0;
border:0;
/*float:right;*/
margin:3px;
}
.article .imgContainer a{
padding:0;
margin:0;
border:0;
display:block;
}
.largeImage{
position:absolute;
display:none;
width:100%;
height:100%;
text-align:center;
z-index:100;
}

.titled_box img{
  padding-left:10px;
}
.spacer{
clear:both;
}
input.search {
	display: block;
	float: left;
	border: 0 none;
	background: url(http://www.ulb.ac.be/actulb/design/img/bg-input.gif) left no-repeat;
	height: 22px;
	font: 11px "Arial", sans-serif;
	padding: 0px 0px 0px 0px;
}

/* framework */
div.keywordTagsColumn a:hover {
   background-image: url('../img/menubar-selected-bgblue.gif');
   background-repeat: repeat;
   color: #092a52;
   border-style: solid;
   border-width: 1px;
   border-left-color: #dbdbdb;
   border-top-color: #dbdbdb;
   border-right-color: #a8a8a8;
   border-bottom-color: #a8a8a8;
   }
.imgContainer{
padding-left:10px;
padding-bottom:10px;

float:right;
}
.imgContainer img{
padding:0;
margin:0;
border:0;
}
.book{
	display:none;
	width:205px;
	height:300px;
	/*text-align:center;*/
	overflow:hidden;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	position:absolute;
	/**/
}
.portrait{
	display:none;
	width:205px;
	text-align:center;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	position:absolute;
}
.book span{
        width:205px;
}
.book img{
	border:1px solid black;
	padding: 0;
	width:203px;
	/*position:absolute;*/
}
.book a .auteur{
	/*display:none;
	position:absolute;*/
}
.commented {
	/*margin: 100px 100px 0;*/
	padding: 0;
	list-style: none;
	overflow:visible;
}
.commented span {
	/*float: left;*/
	position: absolute;
	text-align: center;
	width:210px;
	background-color:#FFF;
}
.commented a {
	display: block;
	color: #000000;
	/*width: 144px;*/
	text-decoration: none;
	font: 75%/120% Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:237px;
}
.commented span em {
	/*background: url(../img/hover.png) no-repeat;*/
	background-color:#fff9af;
	border:1px solid black;
	width: 180px;
	/*height: 45px;*/
	position: absolute;
	top: 250px;
	left: 0px;
	text-align: center;
	padding: 20px 12px 10px;
	margin-left:10px;
	font: 75%/120% Arial, Helvetica, sans-serif;
	z-index: 100;
	display: none;
}
.titledBoxContent p{
	padding:5px 10px 5px 10px;
}
#imageDataContainer p {
    font: 10px/1.4em Verdana,Helvetica,sans-serif;
}