/* Document ucl_page pour page standard UCL */
/* Couleur dominante variable  en 5 variantes: */
/* #B60C33, #BF2736, #CC5A59, #DE938D, #EFD0CB */
/* 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*/

body, td, th {font-family: Verdana, Arial, Helvetica, sans-serif;}
body {color: #434954; background-color: #FFF; margin: 10px 30px; padding: 0;}
hr {display: block; height: 1px; color: #B60C33; background-color: #B60C33; border: 0;}
img {border: none;}
form {padding: 0; margin: 0}
acronym {border-bottom: 1px dotted #1684EA;}
a:link, a:visited {color: #1684EA; text-decoration: none;}
a:hover {color: #1684EA; text-decoration: underline;}
.ligne {border-bottom: 1px solid #B60C33; font-size: 1px; height: 1px;}
.no-height {line-height: 0; display: block;}
.fond-couleur-a {background-color: #B60C33;}
.fond-couleur-b {background-color: #BF2736;}
.fond-couleur-c {background-color: #CC5A59;}
.fond-couleur-d {background-color: #DE938D;}
.fond-couleur-e {background-color: #EFD0CB;}
.largeur-775 {width: 775px;}
.texte-base, .texte-base td {font-size: 75%;}
.texte-base .texte-base{font-size: 106.66%;}
.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 *****/
h1 {font-size: 115%; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; margin-top: 0;}
.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 #B60C33; 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: #B60C33; text-decoration: none;}

/***** Entete de page *****/
.bandeau-bouton {font-size: 11px; height: 17px; color: #FFF; background-color: #FFF; border: 0; margin: 0; padding: 0;}
.bandeau-domaine {font-size: 12px; height: 14px; font-weight: bold; text-transform: uppercase;}
a.bandeau-domaine:link, a.bandeau-domaine:visited, a.bandeau-domaine:hover {color: #006; text-decoration: none;}
.bandeau-domaine-general {font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase;}
a.bandeau-domaine-general:link, a.bandeau-domaine-general:visited, a.bandeau-domaine-general:hover {color: #FFF; text-decoration: none;}
.option1 {font-size: 11px; color: #434954;}
a.option1:link, a.option1:visited, a.option1:hover {color: #434954; text-decoration: none;}
.option2 {font-size: 11px; color: #B60C33;}
a.option2:link, a.option2:visited, a.option2:hover {color: #B60C33; text-decoration: none;}
.entree-boite {font-size: 11px; height: 17px; color: #434954; background-color: #EFD0CB; border: 1px solid #B60C33; margin: 0; padding: 0;}
.entree-texte {font-size: 11px; color: #434954;}
.entree-bouton {}

/***** Onglets *****/
.onglet-oui {font-size: 11px; font-weight: bold; line-height: 18px; color: #000; text-transform: uppercase; background-color: #CC5A59; padding: 0px 0px 0px 5px;}
.onglet {font-size: 11px; font-weight: bold; line-height: 18px; color: #000; text-transform: uppercase; background-color: #EFD0CB; padding: 0px 0px 0px 5px;}
a.onglet-lien:link, a.onglet-lien:visited, a.onglet-lien:hover {color: #000; text-decoration: none;}
.onglet-fond {background-color: #CC5A59;}

/***** Menus deroulants *****/
.menud {display: none; position: absolute;}
.menud-ligne {border-top: solid white 1px; padding: 3px; font-size: 11px; background-color: #C3D8EF; white-space: nowrap;}
.menud-ligne a, .menud-ligne a:hover, .menud-ligne a:visited {color: #006; text-decoration: none;}

/***** Menus web *****/
.menu-titre {font-size: 11px; line-height: 18px; font-weight: bold; color: #FFF; background-color: #B60C33; 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-titre-cmpl {font-size: 11px; line-height: 18px; font-weight: bold; color: #FFF; background-color: #CC5A59; text-transform: uppercase; border-top: 1px solid #FFF; padding: 3px 3px 3px 8px;}
.menu-ligne-cmpl {font-size: 11px; line-height: 13px; background-color: #EFD0CB;}
.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 *****/
.menu-bv-ligne {font-size: 11px; line-height: 13px; background-color: #FFF;}
.menu-bv-separateur {font-size: 0; height: 3px;}
.menu-bv-colun {width: 3px; vertical-align: top; border-top: 1px solid #CC5A59; padding: 3px 1px 3px 1px;}
.menu-bv-signet {vertical-align: top; border-top: 1px solid #CC5A59; padding: 3px 1px 3px 1px;}
.menu-bv-td {vertical-align: top; border-top: 1px solid #CC5A59; padding-right: 3px; padding: 3px 1px 3px 1px;}
.menu-bv-img {vertical-align: top; border-top: 1px solid #CC5A59;}
.menu-bv-grise {color: #CC5A59;}
.menu-bv-lien {}
.menu-bv-inter {font-size: 11px; font-weight: bold; line-height: 13px; color: #B60C33; background-color: #FFF; padding: 3px 1px 3px 1px;}
a.menu-bv-lien:link, a.menu-bv-lien:visited, a.menu-bv-lien:hover {color: #000; text-decoration: none;}

/***** Menu droit *****/
.menu-droit {float: right}
.menu-droit-table {width: 180px;}
.menu-droit-titre {background-color: white;  color: #C3D8EF;  border-top: 1px solid #B60C33;  border-bottom: 1px solid #B60C33;}
.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;}

/***** Menu outil *****/
.menu-outil-ligne {background-color: #EFD0CB;}
.menu-outil-titre {border-top: 1px solid #FFF;}
.menu-outil-titre-inerte {background-color: #EFD0CB;}
.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;}

/***** 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;}

/***** Actualites *****/
.accroche {font-style: italic;}
.nouvelle-titre-colonne {font-size: 70%; font-weight: bold; color: #006; text-transform: uppercase; line-height: 20px; border-top: 1px solid #B60C33; border-bottom: 1px solid #B60C33;}
.nouvelle-titre {font-size: 80%; font-weight: bold; color: #006;}
.nouvelle-photo {float: left; margin: 0 5px 5px 0; border: none;}
.ligne-point-bas {border-bottom: 1px solid #B60C33;}
.ligne-point-haut {border-top: 1px solid #B60C33;}
.signet {font-size: 9px; color: #006; font-weight: bold;}
.enews-titre {font-size: 70%; font-weight: bold; color: #006; text-transform: uppercase; margin: 0 0 5px 0;}
.enews-titre-colonne {font-size: 11px; line-height: 18px; font-weight: bold; color: #FFF; background-color: #C3D8EF; text-transform: uppercase; border-top: 1px solid #FFF; padding: 3px 3px 3px 8px;}
div.nouvelle-titre a:link, div.nouvelle-titre a:visited {color: #006; text-decoration: none;}
div.nouvelle-titre a:hover {color: #006; text-decoration: underline;}
.texte-base .nouvelle-titre{color: #006; font-weight: bold; font-size: 106.66%;}

/***** Composants *****/
.composant-titre {font-size: 11px; font-weight: bold; line-height: 20px; color: #FFF; text-transform: uppercase; background-color: #B60C33;}
.composant-titre1 {font-size: 100%; font-weight: bold; line-height: 20px; color: #B60C33; background-color: #FFF; border-bottom: 1px solid #CC5A59;}
.composant-titre2 {font-size: 100%; font-weight: bold; font-style: italic; line-height: 20px; color: #B60C33; background-color: #FFF;}
.composant-titre-inter {font-size: 100%; font-weight: bold; line-height: 20px; color: #B60C33; background-color: #FFF; border-bottom: 1px solid #CC5A59;}
.composant-ligne0 {background-color: #DE938D;}
.composant-ligne1 {background-color: #EFD0CB;}
.composant-ligne1-ppe {border: solid white 1px; background-color: #EFD0CB;}
.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;}

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

/***** Formes *****/
.forme-libelle {font-size: 90%; text-align: left; font-weight: bold;}
.forme-libelle-obligatoire {font-size: 90%; color: #B60C33; text-align: left; font-weight: bold;}
.forme-libelle-readonly {font-size: 90%; text-align: left; font-weight: bold; font-style: italic;}
.forme-champ {font-size: 90%; background-color: #EFD0CB; border: 1px solid #B60C33;}
.forme-champ-obligatoire {font-size: 90%; color: #B60C33; background-color: #EFD0CB; border: 1px solid #B60C33;}
.forme-champ-readonly {font-size: 90%; font-style: italic; border: 0;}
.forme-textarea {font-size: 9px; background-color: #EFD0CB; border: 1px solid #B60C33;}
.forme-textarea-obligatoire {font-size: 9px; color: #B60C33; background-color: #EFD0CB; border: 1px solid #B60C33;}
.forme-bouton {font-size: 90%;}
.forme-select {font-size: 90%; background-color: #EFD0CB; border: 1px solid #B60C33; outline-style: outset; outline-width: 1px;}
.forme-radio {border: 0;}
.forme-checkbox {border: 0;}

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

/***** Pied de page *****/
.pied-ligne {border-top: 1px solid #B60C33; color: #434954;}

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

/*** 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;}