/* Document ucl_page pour page standard UCL */
/* Couleur dominante variable  en 5 variantes: */
/* #5C9EBE, #7CB6D2, #9AC7DC, #BDDEE9, #E3EFF5 */
/* Nouvelle couleur fixe texte #434954 */
/* Ancienne couleur fixe texte #525A66 */
/* Couleur fixe fond menu #C3D8EF */
/* Couleur fixe liens menus #006 */
/* Couleur fixe liens texte #1684EA */
/* Couleur fixe Reddot #F00 */
/* Couleur fixe Reddot valeur #434954 */
/* Couleur fixe Reddot claire #FEE*/

/* Elements generaux */
body, td, th {font: 11px/1.4 Verdana, Geneva, sans-serif; color: #525A66;}
body {background-color: #ffff; margin-top: 1.5em; }
th, td {vertical-align: top;}
h1, h2, h3, h4, h5, h6 {margin: 0px;}
h1 {font-size: 1.6em; font-weight: bold; text-transform: none;}
h2 {font-size: 1.4em;}
h3 {font-size: 1em;}
img {border: none;}
form {font: 11px/1.4 Verdana, Geneva, sans-serif; color: #525A66; padding: 0; margin: 0}
form textarea {font: 11px/1.4 Verdana, Geneva, sans-serif; color: #525A66;}
form input {font: 11px/1.4 Verdana, Geneva, sans-serif; color: #525A66;}
hr {display: block; height: 1px; color: #5C9EBE; background-color: #5C9EBE; border: 0;}
acronym {border-bottom: 1px dotted #1684EA;}
a:link, a:visited {text-decoration: none; color: #1684EA;}
a:hover {text-decoration: underline; color: #1684EA;}
a:active {text-decoration: none; color: #1684EA;}

/* Elements specifiques */
#container {width: 950px; padding: 0; margin: 0 auto; background-color: #fff; min-height: 65%;_height: 65%;}
#intro {text-align: left;}
#header {width: 950px; margin: 0 0 15px 0; text-align: left; overflow: auto;}
#outils {float: left; height: 2em; vertical-align: top;}
#outils form {display: inline; padding-left: 2em;}
#outils form input {vertical-align: top;}
#identification {float: right; height: 2em; vertical-align: top;}
#bandeau {clear: both; position: relative; overflow: hidden; width: 950px;}
#bandeauUcl {position: absolute; top: 0; left: 0;}
#bandeauLogoUcl {position: absolute; top: 0; left: 200;}
#bandeaulogo {position: absolute; top: 0; left: 0;}
#bandeauDomaines {position: absolute; top: 68px; left: 200px;}
#bandeauDomaines p {font-size: 12px; height: 14px; font-weight: bold; text-transform: uppercase; margin: 2px; white-space: nowrap;}
#bandeauDomaines a:link, #bandeauDomaines a:visited, #bandeauDomaines a:hover {color: #006;}
#bandeauSecteur {font-size: 16px; font-weight: bold; color: #006; text-transform: none; position: absolute; top: 20px; right: 20px;}
#bandeauSecteur a:link, #bandeauSecteur a:visited, #bandeauSecteur a:hover {color: #006;}
#breadCrump {float: left; width: 800px;}
#langues {float: right}
#main {width: 950px; margin: 0; padding: 0; border-style: none; text-align: left; border-collapse:collapse;}
#menu {width: 175px;}
#content {width: 550px; padding: 0 25px;}
#content2 {width: 750px; padding: 0 0 0 25px;}
#tools{width: 175px;}
#footer {/*width: 950px;*/ margin-top: 10px; text-align: left; /*border-top: solid 1px #000*/}

/* Classes */
.ligne {border-bottom: 1px solid #5C9EBE; font-size: 1px; height: 1px;}
.no-height {line-height: 0; display: block;}
.fond-couleur-a {background-color: #5C9EBE;}
.fond-couleur-b {background-color: #7CB6D2;}
.fond-couleur-c {background-color: #9AC7DC;}
.fond-couleur-d {background-color: #BDDEE9;}
.fond-couleur-e {background-color: #E3EFF5;}
.wait-invisible{position: absolute; left: 400px; top: 150px; width: 400px; display: none;}
.wait-visible {position: absolute; width: 200px; background-color: silver; padding: 10px; border: 1px solid; border-color: black;}
.cache {display: none;}
.visible {}
.non-affiche {display: none;}
.non-imprime {}

/* Contenu textuel, inclus dans un div de classe texte-base */
.texte-base, .texte-base td {font-size:11px;}
.titre1 {font-size: 145%; font-weight: bold; margin-bottom: 10px;}
.titre2 {font-size: 128%; font-weight: bold; margin-bottom: 10px;}
.titre3 {font-size: 100%; font-weight: bold; margin-bottom: 5px;}
.titre-citation {font-weight: bold; font-style: italic; margin-left: 20px;}
.texte-citation {font-style: italic; margin-left: 20px;}
.texte-petit {font-size: 85%;}
.encadre {border: 1px solid #5C9EBE; padding: 3px;}
p.couleur-contraste-beige {background-color: #eddcaa; 	padding: 3px;}
p.couleur-contraste-bleu {background-color: #afd1df; padding: 3px;}
p.couleur-contraste-jaune {background-color: #f9cc7b; padding: 3px;}
p.couleur-contraste-rose {background-color: #f2c9c5; padding: 3px;}
p.couleur-contraste-vert{background-color: #d4df96; padding: 3px;}
div.titre2 a:link, div.titre2 a:visited, div.titre2 a:hover {color: #5C9EBE; text-decoration: none;}

/* Entete de page, bandeau, breadcrump,... */
.entree-boite {font-size: 11px; height: 17px; color: #434954; background-color: #E3EFF5; border: 1px solid #5C9EBE; margin: 0; padding: 0;}
.option1 {font-size: 11px; color: #434954;}
.option2 {font-size: 11px; color: #5C9EBE;}
.option3 {font-size: 10px; color: #525A66; text-transform : uppercase;}
a.option1:link, a.option1:visited, a.option1:hover {color: #434954; text-decoration: none;}
a.option2:link, a.option2:visited, a.option2:hover {color: #5C9EBE; text-decoration: none;}
a.option3:link, a.option3:visited, a.option3:hover {color: #525A66; text-decoration: none;}

/* Onglets */
#onglets {margin: 0; padding: 0; position: absolute; bottom: 5px; left: 207px;}
#onglets ul {margin: 0; padding: 2em 0 0 0; list-style: none; }
#onglets li {float: left; background-color:#aab537; margin: 0 3px 0 3px; padding: 0 0 0 8px;}
#onglets a {float: left; display: block; background-color:#aab537; padding: 0.2em 10px 0.2em 0; text-decoration: none; font-weight: bold; color: #FFF;}
#onglets li.active {background-color: #639443; color:#FFF; box-shadow: 3px 3px 5px #000; -webkit-box-shadow: 3px 3px 5px #000; -moz-box-shadow: 3px 3px 5px black;}
#onglets li.active a {background-color: #639443; color:#FFF;}
#onglets img {vertical-align: middle;}

/* Menus web */
.menu-titre {font-size: 11px; line-height: 18px; font-weight: bold; color: #FFF; background-color: #5C9EBE; text-transform: uppercase; border-top: 1px solid #FFF; padding: 3px 3px 3px 8px;}
.menu-table {width: 100%;}
.menu-titre-inerte {font-size: 10px; color: #006; line-height: 13px; text-transform: uppercase; background-color: #C3D8EF; border-top: 1px solid #FFF; padding: 3px 1px 3px 1px;}
.menu-ligne {font-size: 11px; line-height: 13px; background-color: #C3D8EF;}
.menu-selection {font-size: 11px; font-weight: bold; line-height: 13px; background-color: #C3D8EF;}
.menu-colun {width: 3px; vertical-align: top; border-top: 1px solid #FFF; padding: 3px 1px 3px 1px;}
.menu-img {width: 10px; padding: 8px 0px 0px 2px; vertical-align: top; border-top: 1px solid #FFF;}
.menu-signet {vertical-align: top; border-top: 1px solid #FFF; padding: 3px 1px 3px 1px;}
.menu-td {vertical-align: top; border-top: 1px solid #FFF; padding-right: 3px; padding: 3px 1px 3px 1px;}
.menu-separateur {font-size: 0; height: 3px;}
.menu-separateur td {font-size: 0; height: 3px;}
.menu-titre-cmpl {font-size: 11px; line-height: 18px; font-weight: bold; color: #FFF; background-color: #9AC7DC; text-transform: uppercase; border-top: 1px solid #FFF; padding: 3px 3px 3px 8px;}
.menu-ligne-cmpl {font-size: 11px; line-height: 13px; background-color: #E3EFF5;}
.menu-titre a:link, .menu-titre a:visited, .menu-titre a:hover {color: #FFF; text-decoration: none;}
.menu-titre-cmpl a:link, .menu-titre-cmpl a:visited, .menu-titre-cmpl a:hover {color: #FFF; text-decoration: none;}
.menu-ligne a:link, .menu-ligne a:visited, .menu-ligne a:hover {color: #006; text-decoration: none;}
.menu-ligne-cmpl a:link, .menu-ligne-cmpl a:visited, .menu-ligne-cmpl a:hover {color: #006; text-decoration: none;}
.menu-selection a:link, .menu-selection a:visited, .menu-selection a:hover {color: #006; font-weight: bold; text-decoration: none;}

/* Menus bureau virtuel  anciens */
.menu-bv-ligne {font-size: 11px; line-height: 13px; background-color: #C3D8EF;}
.menu-bv-colun {width: 3px; vertical-align: top; border-top: 1px solid #FFF; padding: 3px 1px 3px 1px;}
.menu-bv-signet {vertical-align: top; border-top: 1px solid #FFF; padding: 3px 1px 3px 1px;}
.menu-bv-td {vertical-align: top; border-top: 1px solid #FFF; padding-right: 3px; padding: 3px 1px 3px 1px;}
.menu-bv-img {vertical-align: bottom; border-top: 1px solid #FFF;}
.menu-bv-separateur td{font-size: 0; height: 3px;}
.menu-bv-inter {background-color: #639443; padding: 3px 3px 3px 8px;}
.menu-bv-inter td {font-size: 11px; font-weight: bold; line-height: 20px; color: #FFF; text-transform: uppercase;}
a.menu-bv-lien:link, a.menu-bv-lien:visited, a.menu-bv-lien:hover {color: #000; text-decoration: none;}

/* Menus bureau virtuel  anciens */
.menu-bv {margin-bottom: 3px;}
.menu-bv1 {font-size: 11px; line-height: 15px; background-color: #C3D8EF; margin: 0; padding: 3px 3px 3px 18px; text-indent: -10px; border-top: 1px solid #fff;}
.menu-bv2 {font-size: 11px; line-height: 15px; background-color: #C3D8EF; margin: 0; padding: 3px 3px 3px 23px; text-indent: -10px; border-top: 1px solid #fff;}
.menu-bv3 {font-size: 11px; line-height: 15px; background-color: #C3D8EF; margin: 0; padding: 3px 3px 3px 28px; text-indent: -10px; border-top: 1px solid #fff;}
.menu-bv-titre1, .menu-bv-titre2, .menu-bv-titre3 {font-size: 11px; font-weight: bold; line-height: 20px; color: #FFF; background-color: #639443; text-transform: uppercase; margin: 3px 0 0 0; padding: 3px 3px 3px 8px;}
.menu-bv1 a:link, .menu-bv1 a:visited, .menu-bv1 a:hover {color: #000; text-decoration: none;}
.menu-bv2 a:link, .menu-bv2 a:visited, .menu-bv2 a:hover {color: #000; text-decoration: none;}
.menu-bv3 a:link, .menu-bv3 a:visited, .menu-bv3 a:hover {color: #000; text-decoration: none;}

/* Menus centraux bureau virtuel */
.menu-bvc1 {margin: 0; padding: 3px 10px 3px 0px;}
.menu-bvc2 {margin: 0; padding: 3px 10px 3px 25px;}
.menu-bvc3 {margin: 0; padding: 3px 10px 3px 50px;}
.menu-bvc4 {margin: 0; padding: 3px 10px 3px 75px;}
.menu-bvc-titre1 {font-size: 1.2em; font-weight: bold; margin: 0; padding: 3px 10px 3px 0px;}
.menu-bvc-titre2 {font-size: 1.0em; font-weight: bold; margin: 0; padding: 3px 10px 3px 25px;}
.menu-bvc-titre3 {font-size: 1.0em; font-weight: bold; margin: 0; padding: 3px 10px 3px 50px;}

/* Menus droite */
.menu-droit {float: right}
.menu-droit-table {width: 180px;}
.menu-droit-titre {background-color: white;  color: #C3D8EF;  border-top: 1px solid #5C9EBE;  border-bottom: 1px solid #5C9EBE;}
.menu-droit-ligne {background-color: white;}
.menu-droit-colun {border-top: 0; padding-top: 0;  padding-bottom: 0;}
.menu-droit-td {border-top: 0; padding-top: 0;  padding-bottom: 0;}

/* Menus outils */
.menu-outil-ligne {background-color: #E3EFF5;}
.menu-outil-titre {border-top: 1px solid #FFF;}
.menu-outil-titre-inerte {background-color: #E3EFF5;}
.menu-outil-colun {border-top: 0; padding-top: 0; padding-bottom: 0;}
.menu-outil-signet {border-top: 0; padding-top: 0;  padding-bottom: 0;}
.menu-outil-td {border-top: 0; padding-top: 0;  padding-bottom: 0; width: 160px;}

/* Liste de liens bas texte */
.liens-titre {font-weight: bold; margin-bottom: 5px;}
.liens-liste {list-style-type: none;}

/* Formes */
.forme-libelle {text-align: left; font-weight: bold;}
.forme-libelle-obligatoire {color: #5C9EBE; text-align: left; font-weight: bold;}
.forme-libelle-readonly {text-align: left; font-weight: bold; font-style: italic;}
.forme-champ {font: 11px Verdana, Geneva, sans-serif; background-color: #E3EFF5; border: 1px solid #5C9EBE;}
.forme-champ-obligatoire {font: 11px Verdana, Geneva, sans-serif; color: #5C9EBE; background-color: #E3EFF5; border: 1px solid #5C9EBE;}
.forme-champ-readonly {font: 11px Verdana, Geneva, sans-serif; font-style: italic; border: 0;}
.forme-textarea {font: 11px Verdana, Geneva, sans-serif; background-color: #E3EFF5; border: 1px solid #5C9EBE;}
.forme-textarea-obligatoire {font: 11px Verdana, Geneva, sans-serif; color: #5C9EBE; background-color: #E3EFF5; border: 1px solid #5C9EBE;}
.forme-bouton {}
.forme-select {font: 11px Verdana, Geneva, sans-serif; background-color: #E3EFF5; border: 1px solid #5C9EBE; outline-style: outset; outline-width: 1px;}
.forme-radio {font: 11px Verdana, Geneva, sans-serif; border: 0;}
.forme-checkbox {font: 11px Verdana, Geneva, sans-serif; border: 0;}

/* Actualites */
.accroche {font-style: italic;}.signet {font-size: 9px; color: #006; font-weight: bold;}
.rubrique-titre {font-size: 10px; line-height: 20px; font-weight: bold; color: #FFF; text-transform : uppercase; padding: 0 0 0.5em 0; margin-top: 4px;}
.rubrique-titre a:link, .rubrique-titre a:visited, .rubrique-titre a:hover {color: #FFF;}
.rubrique-titre span {background: #015790; padding: 0.5em 1.0em;}
.actualite-titre {font-size: 11px; font-weight: bold; color: #006;}
.actualite-titre a:link, .actualite-titre a:visited, .actualite-titre a:hover {color: #006;}
.actualite-suite {font-size: 10px; font-weight: bold; color: #006; text-transform: lowercase; text-align: right;}
.actualite-suite a:link, .actualite-suite a:visited, .actualite-suite a:hover {color: #006;}
.actualite-photo {float: left; margin: 3px 15px 15px 0;}
.actualite-suite-bureau {font-size: 10px; color: #888; text-transform: lowercase;}

/* Composants */
.composant {background-color: #F8F8FF; margin-bottom: 5px; border: solid 1px #BDDEE9;}
.composant-titre {background-color: #5C9EBE; margin: 0; padding: 0; border-style: none; border-collapse:collapse; font-size: 11px; font-weight: bold; line-height: 20px; color: #FFF; text-transform: uppercase;}
.composant-titre td  {font-size: 11px; font-weight: bold; line-height: 20px; color: #FFF; text-transform: uppercase; padding: 3px 3px 3px 8px;}
.composant-entete {text-align: left; font-size: 11px; font-weight: bold; line-height: 20px; color: #FFF; text-transform: uppercase; padding: 3px 3px 3px 8px;}
.composant-icones {text-align: right; font-size: 11px; font-weight: bold; line-height: 20px; color: #FFF; text-transform: uppercase; padding: 3px 3px 3px 8px;}
.composant-icones img {vertical-align: middle;}
.composant-info {margin: 3px 20px; padding: 5px 10px; border: solid 1px #E8EBBC; background-color: #F9FAED;}
.composant-titre1 {font-size: 100%; font-weight: bold; line-height: 20px; color: #5C9EBE; background-color: #FFF; border-bottom: 1px solid #9AC7DC;}
.composant-titre2 {font-size: 100%; font-weight: bold; font-style: italic; line-height: 20px; color: #5C9EBE; background-color: #FFF;}
.composant-titre-inter {font-size: 100%; font-weight: bold; line-height: 20px; color: #5C9EBE; background-color: #FFF; border-bottom: 1px solid #9AC7DC;}
.composant-ligne0 {background-color: #BDDEE9;}
.composant-ligne1 {background-color: #E3EFF5;}
.composant-ligne1-ppe {border: solid white 1px; background-color: #E3EFF5;}
.composant-corps {background-color: #FFF; padding: 3px;}
.composant-libelle {font-size: 100%; font-weight: bold; text-align: left;}
.composant-champ {font-size: 100%; text-align: left;}
.composant-separateur {font-size: 0; height: 3px;}


/* Tooltips de rss */
.tooltip-invisible {position: absolute; left: 400px; top: 150px; width: 400px; display: none;}
.tooltip-visible {position: absolute; width: 400px; background-color: #E3EFF5; padding: 10px; border: 1px solid; border-color: #5C9EBE;}

/* Programme d'�tudes */
.image-top {float: right;}
.etudes-images {text-align: center;}
.etudes-admission-td { border: solid 1px;}
.etudes-admission-ligne-cachee {display: none;}
.etudes-admission-programme {font-style: italic;}
.etudes-admission-mineure {} 
.etudes-admission-prerequis {font-style: italic;}

/* Pied de page */

/*** Icones pour documents ***/
.doc-link {background: transparent url(/cps/ucl/doc/projet-portail/images/icon-doc.png) no-repeat right 100%; padding: 0 20px 0 0; margin: 0;}
.xls-link {background: transparent url(/cps/ucl/doc/projet-portail/images/icon-xls.png) no-repeat right 100%; padding: 0 20px 0 0; margin: 0;}
.pdf-link {background: transparent url(/cps/ucl/doc/projet-portail/images/icon-pdf.png) no-repeat right 100%; padding: 0 20px 0 0; margin: 0;}
.ppt-link {background: transparent url(/cps/ucl/doc/projet-portail/images/icon-ppt.png) no-repeat right 100%; padding: 0 20px 0 0; margin: 0;}

/* Gestion RedDot */
.reddot {font-size: 11px; color: #F00;}
.reddot-valeur {font-size: 11px; color: #434954;}
.reddot-composant {background-color: #FEE;}

/* Elements spécifiquesau nouveau ppe */
/* element nouveau programme étude */
table.table_cmp_formations_accessibles {border: 1px solid grey;border-collapse:collapse;}
table.table_cmp_formations_accessibles th {background-color: wheat;font-weight: bold;color: #525A66;}
table.table_cmp_formations_accessibles th, table.table_cmp_formations_accessibles td {border: 1px solid grey;padding: 5px}
table.table_cmp_formations_accessibles td.first_td, table.table_cmp_formations_accessibles td.third_td  {width: 30%;}
.link_action_showHide {float: right;}
.clear {clear: both;}
.offre_contact_gestionnaire form.forme {display:none;}
.offre_contact_gestionnaire .composant-titre-inter {display: none;}


/* System message Box */
/* MESSAGE AFFICHEE (CONSOLE) */
.msgSystem_error {

        color: #D8000C;
        background: #FFBABA url('http://www.uclouvain.be/cps/ucl/styles/images/icon-cross.png') no-repeat 10px center;
        border: 1px solid #D8000C;
        padding: 15px;
	padding-left: 50px;
        margin: 5px;
}

.msgSystem_success{

        color: #4F8A10;
        background: #DFF2BF url('http://www.uclouvain.be/cps/ucl/styles/images/icon-tick.png') no-repeat 10px center;
        border: 1px solid #4F8A10;
        padding: 15px;
        margin: 5px;
	padding-left: 50px;

}

.msgSystem_warning {

        color: #9F6000;
        background: #FEEFB3 url('http://www.uclouvain.be/cps/ucl/styles/images/icon-warning.png') no-repeat 10px center;
        border: 1px solid #9F6000;
        padding: 15px;
        margin: 5px;
	padding-left: 50px;
}

.msgSystem_info {

        color: #00529B;
        background: #BDE5F8 url('http://www.uclouvain.be/cps/ucl/styles/images/icon-info.png') no-repeat 10px center;
        border: 1px solid #00529B;
        padding: 15px;
        margin: 5px;
	padding-left: 50px;

}


.ppe_picto {height: 10px;}

<!-- NEW FOOTER -->
/*-----------------------------------------------------------------------------*/
/* FOOTER */
/*-----------------------------------------------------------------------------*/

#footer {margin-top: 15px; width: 100% !important;}
#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; margin: 0;}
#footer_partners ul {list-style: none; text-align : center; margin: 0;}
#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: #000; 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;}


[if IE] #footer_partners ul li {display:inline; zoom: 1;}
[if IE] #footer_sitemap_lists ul {display: inline; zoom: 1; text-align: left;}


<!-- FOOTER -->