/* 
    Document   : default.css
    Created on : 1 août 2013, 16:19:01
    Author     : mdeman
    Description:
        Purpose of the stylesheet follows.
*/


/* default text size = 16px = 1em %/
/* font-size: 100% --> permet de travailler en em sur tous les browsers */


.cache {display:none;}

/* page */
* { margin: 0; padding: 0; font-family: Verdana; font-size: 16px;}

li.needSeparator {border-left: 1px solid #fff; padding: 0 0 0 5px; line-height: 20px;}
#wrapper {}


/*-----------------------------------------------------------------------------*/
/* HEADER */
/*-----------------------------------------------------------------------------*/
#header {}

/* BANDEAU */
#leaderboard{}
#leaderboard {width: 950px; height: 110px; margin:auto;position:relative;}
#bandeau, #nav_top {display: block;}

#nav_top {
  position:absolute; text-align: right; top: 10px; right: 10px;
  /*
   background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/img_230x40.png') !important;
  */
  right: 0;
  height: 45px;
  color: #fff;
}
#nav_top ul {padding-right: 10px; line-height: 40px;}
#nav_top ul li{  display: inline-block;list-style: none; font-size: 0.86em; /* 12px */; vertical-align: middle;padding: 0 5px;}
#nav_top ul li a:link, #nav_top ul li a:visited { color: #fff !important; /* color:#2E2E2E; */ text-decoration:none;} 
#nav_top ul li a:hover { /* color:#2E2E2E; */ color: #fff !important; text-decoration:underline;} 
#nav_top ul li input {
  width: 190px; height: 30px; font-size: 0.86em; 
  font-style: italic; margin-left: 15px; border-radius: 5px; padding: 0 10px;
  background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/loupe.png') no-repeat, url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/img_230x40.png');
  background-position: 180px 8px;
  -moz-box-shadow:    inset 0 0 15px #666;
  -webkit-box-shadow: inset 0 0 15px #666;
  box-shadow:         inset 0 0 15px #666;
}
#nav_top ul li {padding: 0 5px;}

#language_nav ul li {color: #fff;}
#language_nav ul li a:link, #language_nav ul li a:visited {/* color:#2E2E2E; */  color: #fff;text-decoration:none;} 
#language_nav ul li a:hover {color: #fff; /*color:#2E2E2E;*/text-decoration:underline;} 


/* MENU PUBLIC*/
#nav {
  width: 950px; height: 40px; 
  margin: auto; text-align: right; 
  font-size: 1em; /* 16px */
}
#nav ul li {display: inline; line-height: 40px;}
#nav ul li a:link, #nav ul li  a:visited {color:#2E2E2E;text-decoration:none;} 
#nav ul li a:hover {color:#2E2E2E;text-decoration:underline;} 
#nav ul li:not(:first-child) {border-left: 1px solid grey; padding: 0 0 0 5px;}


#header_row { width: 950px; margin : 0 auto;}
.header_row_col { display: inline-block !important; zoom: 1; height: 275px; overflow: hidden; }
.header_row_col a {text-decoration : none;}
#header_row_col1 { width: 290px !important; height: 270px;}
#header_row_col2 { width: 650px !important;}

#slideshow{ width : 650px; height: 275px; margin : 0 auto; position: relative; margin-bottom: -30px;}
.slideshow_description {
  position: absolute; background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/img_230x40.png');
  bottom: 10px; left: 0; width: 70%; padding: 0 0 0 10px; height: 45px;
  line-height: 15px; color: #000;
  font-size: 0.75em;
}

/*-----------------------------------------------------------------------------*/
/* CONTENT */
/*-----------------------------------------------------------------------------*/
#content {width: 950px;margin: 15px auto;}
.section_title {
  width: 950px; height:40px; 
  margin: 10px auto 20px auto;
  text-align:center;background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/section_title_bg.png') no-repeat bottom;
  font-size: 1.5em; /* 24px */
}

.section_title_long {display: none;background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/section_title_bg_long.png') no-repeat bottom;}

/* MISSIONS  (L'université)*/
#blocks_missions {width: 950px;}
#blocks_missions ul {height: 30px;}
#blocks_missions ul.tabs_title li {line-height: 30px; display: inline-block; margin-right: -6px; text-align: center;}
#blocks_missions ul li a {font-size: 0.8em; text-decoration: none; color: #fff;}
.red   {background: #df3670; /*#ff4000;*/}
.blue  {background: #4f54a1; /*#00a0c6;*/} 
.pink  {background: #9e2751; /*#ab10d2;*/} 
.green {background: #4ebb8b; /*#00a33d;*/} 

/*
#blocks_missions ul li.red {background: none;background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/bg_title_red.png') no-repeat;}
#blocks_missions ul li.blue {background: none;background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/bg_title_blue.png') no-repeat;}
#blocks_missions ul li.pink {background: none;background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/bg_title_pink.png') no-repeat;}
#blocks_missions ul li.green {background: none;background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/bg_title_green.png') no-repeat;}
*/

#blocks_missions ul.tabs_title li:not(.ui-state-active) {background : #a3a6aa;}
#blocks_missions ul.tabs_title li:not(.red) {border-left : 4px solid #707274;}
.ui-tabs-nav li {width: 234px !important;}

.tab {width: 948px; position: relative; height: 280px;}
.tab_col1, .tab_col2 {display: inline-block; vertical-align: top;height: 275px; margin-right: -6px;}
.tab_col1 {width: 700px;}
.tab_col1 img {width: 695px; height: 275px;}
.tab_col1 a {color: #000; text-decoration: none;}
.tab_col2 {width: 248px;}
/*
.tab_col2.red   {background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/liens_utiles_red.png')   #ff4000 no-repeat;}
.tab_col2.blue  {background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/liens_utiles_blue.png')  #00a0c6 no-repeat;}
.tab_col2.pink  {background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/liens_utiles_pink.png')  #ab10d2 no-repeat;}
.tab_col2.green {background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/liens_utiles_green.png') #00a33d  no-repeat;}
.tab_col2.en-red  {background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/en-liens_utiles_red.png');}
.tab_col2.en-blue {background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/en-liens_utiles_blue.png');}
.tab_col2.en-pink {background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/en-liens_utiles_pink.png');}
.tab_col2.en-green{background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/en-liens_utiles_green.png');}
*/

.tab_col2 div {
  margin: 5px 5px 0 0px; height: 265px; background: #f7f7f7;
  border-radius: 5px;
}
.tab_col2 div ul {padding: 10px 5px 10px 35px; }
.tab_col2.red ul {list-style-image: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/puce_red.png');}
.tab_col2.blue ul  {list-style-image: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/puce_blue.png');}
.tab_col2.pink ul  {list-style-image: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/puce_pink.png');}
.tab_col2.green ul {list-style-image: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/puce_green.png');}

.tab_col2 div ul li {font-size: 0.8em;}

.tab_col2 ul li a  {color: #000!important;}

.tab_col2.red ul li a:hover  {color: #df3670!important;}
.tab_col2.blue ul li a:hover  {color: #4f54a1!important;}
.tab_col2.pink ul li a:hover  {color: #9e2751!important;}
.tab_col2.green ul li a:hover  {color: #4ebb8b!important;}

.tab_img {margin-top: 5px;}
.tab_img, .tab_img_legend {display: block;}
.tab_img_legend {
  position: absolute; bottom: 0px;background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/img_230x40.png');
  line-height: 45px; width: 690px;
  padding-left: 5px;
}

.tab_img_legend a{text-decoration : none; color: #000;}


/* NEWS */
#all_news_link {position:relative; top:-20px; text-align:right; padding-top:0px;line-height:10px}
#all_news_link a {color:black;font-size:11px}

#news_list {width: 950px; margin: 0 auto;}
#news_list a {text-decoration: none; color: black;}

.news {display: inline-block; width: 230px; margin: 0 1px; vertical-align:top; text-align:left;}
.news_header {position: relative; }
.news_img, .news_bottom {display:block;}
.news_bottom {
  height: 30px; position: absolute; width: 100%; 
  background : url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/img_230x40.png'); bottom: 0;text-align: left;
}
.news_date {text-align:left;line-height:30px; padding: 0 0 0 5px;}
.news_teaser {}
.news_title { font-size: 0.8em;margin: 10px 0 0 0;}
.news_summary {font-size: 0.6875em !important; /* 11px */}

/*-----------------------------------------------------------------------------*/
/* FOOTER */
/*-----------------------------------------------------------------------------*/
#footer {margin-top: 15px;}
#footer_info {background-color: #f7f7f7; padding: 10px;text-align:center;}
#footer_info span {font-size: 0.6875em;}
#footer_info a {color:black;font-size: 10px;}
#footer_partners {background-color: #eaeaea;}
#footer_partners ul {list-style: none; text-align : center;}
#footer_partners ul li {display:inline-block; vertical-align: middle;}
#footer_partners img {margin: 10px;}
#footer_partners a img {border: none;}
.img_partners {/*width: 110px;*/ vertical-align: middle;}
#footer_sitemap {background-color: #000000; color: #fff; }
#footer_sitemap_lists {width: 980px; margin : 0 auto;}
#footer_sitemap_lists ul {
  vertical-align: top;display: inline-table;  
  padding-left:30px; margin: 50px 0; width: 160px; 
  list-style: square; 
  list-style-position: outside;
  text-align:left;
}
#footer_sitemap_lists ul.first_list {width: 160px;}
#footer_sitemap_lists ul li {font-size: 0.75em;  text-indent: 0px;}
#footer_sitemap_lists ul li.ul_title {
  margin: 5px -16px; font-size: 0.875em; 
  font-weight: bold; list-style: none; 
}
#footer_sitemap_lists ul li:not(.ul_title) { }
#footer_sitemap_lists ul li img {margin: 5px 0;}
#footer_sitemap_lists ul li a {color:white;font-size: 12px;text-decoration: none;}


/*-----------------------------------------------------------------------------*/
/* OVERRIDE COMPONENT CSS */
/*-----------------------------------------------------------------------------*/

.bx-caption a {text-decoration : none !important;}
.bx-caption {  
  bottom: 60px !important; font-weight: bold; height: 35px !important; line-height: 15px;
  width: 60% !important;
  font-size: 1.2em !important;
  background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/img_230x40.png') !important;
}
.bx-caption span {color: #000 !important;}
.bx-pager {bottom: 15px !important; right: 20px; z-index: 100; text-align: right !important;}
.bx-wrapper .bx-pager.bx-default-pager a:not(.active) {background: #fff !important;}
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #666 !important;}
.bx-pager-item a:not(.active){/*text-indent: 9999px !important;*/ border: 1px solid #333;}
.bx-pager-link {display: none;}
.bx-pager-link { color: transparent !important;}



/*-----------------------------------------------------------------------------*/
/* INDEX.HTML  ONLY */
/*-----------------------------------------------------------------------------*/
.ui-tabs-nav {height: 50px; list-style: none;}
.ui-tabs-nav li {width: 237px; vertical-align: top; margin: 0; line-height: 50px;}
.ui-tabs-nav li a {text-decoration: none; color: #fff;}
.icon {width: 20px; vertical-align: middle;padding-right: 5px;}
#language_nav {
  display: block; position: absolute; bottom: 20px; right: 0;
/*  
  background: url('//www.uclouvain.be/cps/ucl/doc/projet-portail/images/img_230x40.png') !important;
*/
}
#language_nav ul {list-style: none; padding: 2px 5px;}
#language_nav ul li {display: inline;}
.flag {height: 20px;padding: 0 5px;}
#language_nav ul li span {line-height: 20px;}
#language_nav ul li img {vertical-align: middle;}


/*-----------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/*-----------------------------------------------------------------------------*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

  
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

  #footer {min-width: 950px; overflow-x: auto;}
  #footer_sitemap_lists {width: 970px; margin : 0 auto;}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {

}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

}