/* CSS Document */

/* $Id: neutre.css,v 1.2 2007/07/10 15:02:36 patrick Exp $ */

/* page, global et utile */

.cacher { /* pour cacher n'importe quoi */
	display: none;
}

div#conteneur {
	background: transparent url("../..//images/cpm/iu/interne/fond-entete.jpg") no-repeat;
	padding-top: 240px; /* tout est positionné absolu jusqu'à 357px du haut où ça devient relatif pour pousser le pied de page */
	position: relative;
	width: 900px;
}

/* fond-zone-haut-gauche */
div#fond-zone-haut-gauche { 
	background-image: url("../../images/cpm/iu/interne/fond-zone-haut-gauche.gif");
	height: 45px;
	left: 0;
	position: absolute;
	top: 151px;
	width: 218px;
	z-index: 10;
}


/* menu outils */
p#menu-outils {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 14px;
	top: 4px;
	background: #d1001d url("../../images/cpm/iu/interne/fond-entete.gif") repeat-x;
}
p#menu-outils, p#menu-outils a {
	color: #fff;
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
}
p#menu-outils span { /* séparateur barre verticale */
	padding-left: 8px;
	padding-right: 8px;
}

/* logo et slogan */
div#logo-slogan-fr {
	left: 0;
	position: absolute;
	top: 0;
}
div#logo-slogan-fr h1 {
	height: 57px;
	left: 136px;
	margin: 0;
	position: absolute;
	top: 74px;
	width: 349px;
}
div#logo-slogan-fr em {
	display: block;
	height: 37px;
	left: 385px;
	position: absolute;
	top: 67px; /* Juan: 70px est la valeur souhaitée mais le bas de l'image devra être coupé plus près du texte pour ne pas cacher l'accent du É de MONTRÉAL  */
	width: 471px;
}

div#logo-slogan-en {
	left: 0;
	position: absolute;
	top: 0;
}
div#logo-slogan-en h1 {
	height: 57px;
	left: 136px;
	margin: 0;
	position: absolute;
	top: 74px;
	width: 349px;
}
div#logo-slogan-en em {
	display: block;
	height: 37px;
	left: 352px;
	position: absolute;
	top: 100px;
	width: 471px;
}

/* les onglets Par date ou Par organisme */
ul#menu-principal {
	left: 490px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 160px;
}
ul#menu-principal li {
	display: block;
	height: 24px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 195px;
}
ul#menu-principal li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	line-height: 24px;
	padding-right: 20px;
	text-align: right;
	text-decoration: none;
}
ul#menu-principal li.pardate {
	left: 0;
}
ul#menu-principal li.pardate a {
	background-color: #e01829;
	color: #FB917D;
}
ul#menu-principal li.parorganisme {
	left: 202px;
		color: #41535e;
}

ul#menu-principal li.parorganisme a {
	background-color: #75c1d9;
	/*color: #41535e;*/
	/*color: #fff;*/
}

ul#menu-principal li.parorganisme a:hover, ul#menu-principal li.pardate a:hover {
	color: #fff;
}


ul#menu-principal li.parorganisme a.selected {
	color: #41535e;
}

/* section-courante 
div#section-courante {
	background: #d1001d url("../../images/cpm/iu/interne/bar-degrade-neutre.jpg") no-repeat;
	color: #fff;
	height: 35px;
	left: 0;
	line-height: 35px;
	margin: 0;
	padding: 0 0 0 220px;
	position: absolute;
	top: 196px;
	width: 667px;
}

#section-courante h1 {
	font-size: 15px;
	margin-top:5px;
	font-weight: bold;
	text-transform: uppercase;
}
*/



h1.organisme {
	background: #d1001d url("../../images/cpm/iu/interne/bar-degrade-organisme.jpg") no-repeat;
	color: #fff;
	height: 35px;
	left: 0;
	line-height: 35px;
	margin: 0;
	padding: 0 0 0 220px;
	position: absolute;
	top: 191px;
	width: 667px;
	font-size: 15px;
	margin-top:5px;
	font-weight: bold;
	text-transform: uppercase;
}


h1.neutre {
	background: #d1001d url("../../images/cpm/iu/interne/bar-degrade-neutre.jpg") no-repeat;
	color: #fff;
	height: 35px;
	left: 0;
	line-height: 35px;
	margin: 0;
	padding: 0 0 0 220px;
	position: absolute;
	top: 191px;
	width: 667px;
	font-size: 15px;
	margin-top:5px;
	font-weight: bold;
	text-transform: uppercase;
}


/* contenu */
div#contenu {
	background: url(../../images/cpm/iu/interne/ligne-degrade-neutre.gif) no-repeat right bottom;
	margin-left: 225px;
	/*left: 0;
	position: relative;
	top: 0;*/
	width: 642px; /* il faut spécifier la largeur pour que le padding de 357px du div#conteneur soit respecté dans tous les browsers */
	padding-bottom:30px;
	padding-right:30px;	
}

ul.liste-organisme {
	list-style-type:none;
}
ul.liste-organisme li a {
	text-decoration:none;
}

ul.liste-organisme li a:hover {
	text-decoration:none;
	color: #75c1d9;
}

ul.liste-organisme li.pair {
	background:#ddf0f6 url(../../images/cpm/iu/interne/puce-bleu.gif) no-repeat 5px 10px;
	padding:5px 5px 5px 20px;
}

ul.liste-organisme li.impair {
	background:#e9edee url(../../images/cpm/iu/interne/puce-bleu.gif) no-repeat 5px 10px;
	padding:5px 5px 5px 20px; 
}

div#contenu ul li {
	margin-bottom:1px;
}

div#texturegauche {
	position:absolute;
	left:0px;
	top:231px;
	background:url(../../images/cpm/iu/interne/fond-zone-gauche.gif) ;
	width:218px;
	height:294px;
}



/* pied de page poussé par div.evenement mais pas par ul.meta-donnees */
#pied {
	height: 78px;
	margin-left: 218px;
	position: relative;
	width: 682px;
}
#pied p {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	margin: 0;
	position: absolute;
}
#pied p.logo {
	left: 30px;
	top: -10px;
}
#pied p.realisation {
	right: 14px;
	top: 0px;
	width: 445px;
}
#pied p.menu {
	bottom: 30px;
	right: 15px;
}
#pied p.menu a {
	text-decoration: none;
}
.equipe-prod-1 {
	font-size:16px;
}
.equipe-prod {
	font-size:15px;
}

.equipe-ec {
	margin-left: 20px;
	margin-top:10;
}

.equipe-ec dl {
	margin-left: 20px;
	margin-top:-10px;
}
.equipe-prod-ec dd {
	margin-bottom: 10px;
}

.equipe-prod-ec{
	margin-left: 20px;
	margin-top:10;
}

.equipe-prod dd {
	margin-bottom: 10px;
}
.heritagemontreal{
	font-size: 10px;
}