/* $Id: udem.css,v 1.16 2006/11/15 19:59:51 christian Exp $ */


/*

IE5 MAC:

Pour IE5 Macintosh on peut cacher le style en faisant des "import"
au lieu de LINK pour les CSS
La syntaxe est la suivante (avec les single quotes):

<style type="text/css">
@import 'udem.css';
@import 'print.css' print;
</style>

Cette syntaxe est problématique avec Contribute donc pour
l'instant les CSS sont injectées avec des LINK, mais le rendu
n'est pas beau dans IE5 Mac


SCALING DE L'INTERFACE USAGER:

L'interface usager devrait avoir des tailles de polices
en pixels et non en %

Elle a été conçue pour avoir des tailles en pixels, mais comme
les textes en pixels ne se redimensionnent pas dans IE Win
quand on fait Affichage > Taille du texte, alors les % sont
utilisés

Noter que les % sont rendus plus petits que la normale dans
FF Mac

Les font-size en pixels ont été commentés. Pour un rendu idéal
dans les navigateurs, commenter les font-size en % et décommenter
les font-size en pixels.

Les règles concernées sont:

div#um-bandeau-institutionnel
div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios label
div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-boite
div.um-bandeau-minimal div.um-titre-site strong
div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a
div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a
div#um-menu-vertical div.um-retour-accueil a


LA CASCADE:

À comprendre pour écraser un style de la feuille maître (celle-ci):
http://www.yoyodesign.org/doc/w3c/css2/cascade.html#cascading-order

*/



/* règles appartenant à l'UdeM */

html {
/* pour forcer la barre de défilement verticale même si page vide */
/*overflow-y: scroll;*/
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
color: black;
/*background: #fffae6;
*//* background: #fffae6 url('../images/BgUdeM.jpg');*/
margin:0; padding:0; text-align:center; /*background-color:#fffae6*/
}

.um-cacher {
display: none;
}

div#um-accessible {
display: none;
}

div#um-enveloppe {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
padding: 0;
background-color: white;
width: 760px;
margin: 0 auto;
color: black;
position: relative;
}

div#um-bandeau-institutionnel {
position: relative;
top: 0;
left: 0;
height: 69px;
/*background: #fffae6 url('../images/BgUdeM.jpg');*/
color: black;
/* font-size: 10px;*/
font-size: 60%;
overflow: auto
}

div#um-bandeau-institutionnel a.um-logo {
display: block;
position: absolute;
top: 10px;
left: 75px;
}

div#um-bandeau-institutionnel a.um-logo img {
border: 0px none;
}

div#um-bandeau-institutionnel div.um-liens-haut {
width: 540px;
height: 23px;
text-align: right;
position: absolute;
top: 5px;
right: 1px;
white-space: nowrap;
}

div#um-bandeau-institutionnel div.um-liens-haut a {
color: #333;
text-decoration: none;
/*background-color: #fffae6;
*/}

div#um-bandeau-institutionnel div.um-liens-haut a:hover {
text-decoration: underline;
}

div#um-bandeau-institutionnel form.um-recherche {
width: 184px;
height: 45px; /* fixed height required for positioning */
position: absolute;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
}

div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios {
position: absolute;
top: 2px;
left: 0;
white-space: nowrap;
}

div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios input.um-radio {
vertical-align: bottom;
}

div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios label {
position: relative;
top: 3px;
left: -2px;
vertical-align: top;
/* line-height: 10px;*/
/* font-size: 10px;*/
/* line-height: 100%;*/
font-size: 100%;
/* Ajout pour regler un bug d'affichage dans MS IExplorer7 lors d'un zoom in/out 20070221*/
line-height: 105%;
display: inline-block;
}

div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios label.um-udem {
padding-right: 10px;
}

div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton {
display: block;
position: relative;
top: 21px;
left: 0;
height: 19px;
border: 1px solid #696969;
background-color: white;
color: black;
}

div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-boite {
border-left:0px solid #696969; border-right:1px solid #696969; border-top:0px solid #696969; border-bottom:0px solid #696969; display: block;
position: absolute;
left: 2px;
top: 2px;
margin: 0;
width: 106px;
/* font-size: 11px;*/
font-size: 100%;
background-color: white;
color: #1b405d; padding-left:0; padding-right:2px; padding-top:0; padding-bottom:2px
}

div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-bouton {
display: block;
position: absolute;
right: 2px;
top: 2px;
background-color: white;
color: black;
margin: 0;
border: 0px none;; padding-left:2px; padding-right:0; padding-top:0; padding-bottom:0
}


/* bandeau-identification */

div#um-bandeau-identification {
position: relative;
top: 0;
left: 0;
height: 64px;
background: black url('../images/bg-site.jpg');
color: white;
overflow: auto
}

div.um-bandeau-minimal {
height: 38px !important;
background-image: url('none') !important;
background-color: white !important;
overflow: visible !important
}

div#um-bandeau-identification div.um-bandeau-site-haut-gauche {
border-left:0px solid white; border-right:1px solid white; border-top:0px solid white; border-bottom:1px solid white; position: absolute;
top: 0;
left: 0;
width: 215px;
height: 9px;
color: white;
background-color: #bddd98;
overflow: hidden
}

div#um-bandeau-identification div.um-bandeau-site-haut-droit {
position: absolute;
top: 0;
right: 0;
width: 544px;
height: 9px;
border-bottom: 1px solid white;
color: white;
background-color: #9c6;
overflow: hidden;
}

div#um-bandeau-identification div.um-titre-site strong {
display: block;
position: absolute;
top: 13px;
left: 230px;
width: 270px;
height: 40px;
font-size: 23px;
font-weight: normal;
line-height: 23px;
margin: 0;
padding: 0;
}

div.um-bandeau-minimal div.um-titre-site strong {
display: inline !important;
position: static !important;
width: auto !important;
height: auto !important;
color: black !important;
/* font-size: 17px !important;*/
font-size: 105% !important;
line-height: normal !important;
}

div.um-bandeau-minimal div.um-titre-site {
position: absolute;
left: 217px;
top: 9px;
width: 530px;
padding: 3px 0 5px 13px;
border-bottom: 1px solid #9c6;
}




/* menu vertical */

div#um-menu-vertical {
float: left;
width: 215px;
/*overflow: auto;*/
}

div.um-menu-vertical-haut {
padding-top: 26px !important;
}

/* premier niveau */
div#um-menu-vertical ul.um-premier-niveau {
margin: 0;
padding: 0;
}

div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau {
/*
This fixes the white-space bug that increases the height of LIs in some browsers.
You'll have to set explicitly, and later in the cascade, the font-size and
line-height of elements containing text inside this UL.
YOU CAN USE THIS FIX ONLY IF THE MENU LINKS HAVE
FONT-SIZE IN PIXELS (NOT IN % OR EM)
*/
/*font-size: 1%;*/
/*line-height: 1%;*/
/*
end of fix
*/
margin: 0;
padding: 0 4px 0 0;
list-style-type: none;
text-align: right;
width: 211px;
border-bottom: 1px solid #ccc;
}

div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau * {
/*
revert the fix
*/
/*font-size: 11px;*/
/*line-height: normal;*/
/*
end of fix
*/
}

div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a {
/* font-size: 11px;*/
font-size: 70%;
line-height: normal;
width: 192px;
display: block;
padding: 3px 19px 4px 0;
font-weight: bold;
text-decoration: none;
color: #08326a;
background-color: white;
}

div#um-menu-vertical ul.um-premier-niveau li.um-premier-niveau a:hover {
text-decoration: underline;
}

/* deuxieme niveau */
div#um-menu-vertical ul.um-deuxieme-niveau {
margin: 0;
padding: 0 0 4px 0;
}

div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau {
/*
This fixes the white-space bug that increases the height of LIs in some browsers.
You'll have to set explicitly, and later in the cascade, the font-size and
line-height of elements containing text inside this UL.
YOU CAN USE THIS FIX ONLY IF THE MENU LINKS HAVE
FONT-SIZE IN PIXELS (NOT IN % OR EM)
*/
/*font-size: 1%;*/
/*line-height: 1%;*/
/*
end of fix
*/
margin: 0;
list-style-type: none;
text-align: right;
}

div#um-menu-vertical ul.um-premier-niveau li.um-deuxieme-niveau * {
/*
revert the fix
*/
/*font-size: 11px;*/
/*line-height: normal;*/
/*
end of fix
*/
}

div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a {
/* font-size: 11px;*/
font-size: 70%;
line-height: normal;
display: block;
padding: 0 19px 4px 0;
font-weight: normal;
text-decoration: none;
color: #08326a;
background-color: white;
}

div#um-menu-vertical ul.um-deuxieme-niveau li.um-deuxieme-niveau a:hover {
text-decoration: underline;
}

div#um-menu-vertical div.um-retour-accueil {
text-align: right;
padding: 5px 25px 15px 0;
}

div#um-menu-vertical div.um-retour-accueil a {
/* font-size: 11px;*/
font-size: 70%;
line-height: 16px;
vertical-align: middle;
text-decoration: none;
color: #08326a;
background-color: white;
}

div#um-menu-vertical div.um-retour-accueil a:hover {
text-decoration: underline;
}

div#um-menu-vertical div.um-retour-accueil span.um-point-gras {
font-weight: bold;
}

div#um-menu-vertical p#um-menu-ouvert {
font-size: 10px;
height: 11px;
visibility: hidden;
}

div#um-menu-vertical p#um-menu-pointeur {
	font-size: 10px;
	height: 11px;
	padding-right: 15px;
	visibility: hidden;
	background-color: white;
	background-image: url(../images/arrow-left.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div#um-menu-vertical a.um-menu-pointeur {
	background-color: white;
	background-image: url(../images/arrow-left.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div#um-contenant {
float: left;
width: 545px;
overflow: auto;
}

div#um-contenu {
font-size: 80%; /* ne pas oublier que toutes les tailles dans #um-contenu sont relatives à ce 80% */
line-height: normal;
color: black;
background-color: white;
padding: 0 10px 10px 15px;
/*_position: relative;*/
}
/* ci-haut et ci-bas: IE6 et Contribute ont besoin d'avoir tout positionné relativement par défaut */
div#um-contenu * {
/*_position: relative;*/
}

div#um-pied {
	clear: both;
	color: #666;
	font-size: 9px;
	line-height: normal;
	padding: 12px 0 12px 0;
	text-align: right;
	background-image: url(../images/ligne-footer.gif);
	background-repeat: repeat-x;
}

div#um-pied p {
font-size:10px;
}