/* $Id: iu.css,v 1.24 2009-03-13 16:46:43 christian Exp $ */

html {
	background-color: #fff;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
img {
	border: 0;
}
#enveloppe {
	position: relative;
	margin: 0 auto;
	width: 975px;
	background-color: #fff;
	padding-bottom: 30px;
}
#entete {
	position: relative;
	height: 60px;
}
#entete ul {
	position: absolute;
	top: 12px;
	margin: 0;
	padding: 0;
}
#entete li {
	display: inline;
	float: left;
	list-style-type: none;
}
ul#entete-langues {
	left: 3px;
}
ul#entete-langues li {
	padding-right: 2px;
}
li#entete-langues-police {
	position: absolute;
	top: 19px;
	left: 60px;
	padding: 0;
}
ul#entete-liens {
	right: 10px;
}
ul#entete-liens li {
	padding: 0 15px 0 10px; /* donne 10px entre chaque lien/séparateur */
	background: url("../images/iu/puce_grise.gif") no-repeat 100% 5px;
}
ul#entete-liens li.dernier {
	padding-right: 0;
	background: none;
}
ul#entete-liens a {
	font-weight: normal;
	color: #808080;
	text-decoration: none;
}
#image-phare {
	position: relative;
	background: url("../images/iu/entete/bandeaux/sections/accueil-1.jpg") no-repeat;
	height: 355px;
}
#image-phare-icone {
	background: url("../images/iu/info.gif") no-repeat;
	cursor: pointer;
	height: 16px;
	position: absolute;
	right: 12px;
	top: 22px;
	width: 16px;
}
#image-phare-desc {
	background: #fff url("../images/iu/galerie/fermer.jpg") no-repeat 274px 3px;
	cursor: pointer;
	display: none;
	right: 9px;
	position: absolute;
	top: 18px;
	width: 264px;
	padding: 10px 10px 10px 20px;
	z-index: 2;
}
#image-phare-desc-texte p {
	text-align: left;
	margin: 0 20px 0 0;
}
#image-phare-desc-texte p span.titre {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	padding-right: 2px;
}
#image-phare-desc-texte p span.lieu {
	font-weight: bold;
	font-size: 11px;
	color: #000;
}
#image-phare-desc-texte p span.credits {
	display: block;
	margin-top: 15px;
	font-weight: normal;
	font-size: 10px;
	color: #808080;
}
/* ancien style pour info-bulle (plus complexe alors je le garde au cas où)
#image-phare {
	position: relative;
	background: url("../images/iu/entete/bandeaux/sections/accueil-0h00.jpg") no-repeat;
	height: 355px;
}
#image-phare-icone {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 16px;
	height: 16px;
	background: url("../images/iu/info.gif") no-repeat;
	cursor: pointer;
}
#image-phare-desc {
	background-color: transparent;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	cursor: pointer;
	display: none;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
}
#image-phare-desc div.image-phare-desc-bordure {
	background-color: transparent;
	margin: 2px 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
#image-phare-desc-texte {
	margin: 1px 0;
	padding: 35px 25px;
	background-color: #fff;	
}
#image-phare-desc-texte p {
	margin: 0;
}
*/
#logo-parcs-nunavik {
	display: block;
	position: absolute;
	left: 0;
	top: auto;
	margin-top: 10px; /* pour respecter le concept graphique */
}
ul#menu-principal {
	left: 200px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 432px;
	width: 750px;
}
ul#menu-principal li {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	display: block;
	float: left;
	font-size: 1px;
	line-height: 1px;
	list-style-type: none;
	margin: 0 2px;
	padding-left: 16px;
	position: relative;
	width: 165px;
}
ul#menu-principal li li {
	border-left-width: 0;
	border-right-width: 0;
	float: none;
	margin: 0;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 14px;
	position: static;
	width: auto;
}
ul#menu-principal li:hover {
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
}
ul#menu-principal li:hover li {
	border-left-width: 0;
	border-right-width: 0;
}
ul#menu-principal li:hover ul {
	display: block;
}
ul#menu-principal strong {
	font-weight: normal;
}
/*
ul#menu-principal li li strong {
	font-weight: bold;
}
*/
ul#menu-principal li a {
	color: #808080;
	text-decoration: none;
	text-transform: uppercase;
	cursor: default;
}
ul#menu-principal li li a {
	color: #808080;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
}
ul#menu-principal ul {
	background-color: #fff;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	bottom: 15px;
	display: none;
	left: -1px;
	margin: 0;
	padding: 0 0 35px 0;
	position: absolute;
	top: auto;
	width: 181px;
	z-index: 2; /* pour Safari */
}
ul#menu-principal li.menu-principal-actif li.menu-principal-actif a,
ul#menu-principal li.menu-principal-actif a {
	color: #4e84bf; /* actif */
}
ul#menu-principal li.menu-principal-actif li a {
	color: #808080; /* on annule */
}
ul#menu-principal li li a:hover,
ul#menu-principal li.menu-principal-actif strong,
ul#menu-principal li.menu-principal-actif li.menu-principal-actif a:hover,
ul#menu-principal li.menu-principal-actif a:hover,
ul#menu-principal li.menu-principal-actif li a:hover {
	color: #4e84bf;
}
ul#menu-secondaire { /* élément root du menu secondaire, pas de div enrobant; convention: les commentaires entre guillemets doubles se retrouvent à plus d'un endroit */
	float: left;
	margin: 175px 0 0 0;
	padding: 50px 0 0 0;
	width: 200px;
}
ul#menu-secondaire li { /* tous les li */
	display: block;
	font-size: 1px;
	line-height: 1px;
	list-style-type: none;
	position: relative;
}
/*
ul#menu-secondaire li strong {
	font-weight: normal;
}
*/
ul#menu-secondaire a {
	color: #808080;
	text-decoration: none;
}
ul#menu-secondaire ul { /* on est maintenant dans le seul sous-menu deuxième niveau et c'est requis qu'il y ait un seul sous-menu de deuxième niveau!!! */
	position: relative; /* requis pour annuler "pousser à droite les liens de premier niveau" dans une autre règle avec left */
	background: url("../images/iu/menu_secondaire.gif") no-repeat; /* la seule image de fond du concept pour le menu */
	margin: 9px 0 0 0; /* pour l'espace sous le lien actif de premier niveau et son sous-menu bleu */
	padding: 15px 0 4px 0; /*  top: pour l'espace au-dessus du premier lien du sous-menu et le haut de l'image de fond; bottom: pour l'espace entre le bas bleu du sous-menu et le lien de premier niveau sous le sous-menu */
	left: -11px; /* pour annuler "pousser à droite les liens de premier niveau" */
}
ul#menu-secondaire ul ul { /* troisième niveau */
	background-image: none;
	margin: 5px 0 -5px 0; /* top: pour l'espace entre le lien actif de deuxième niveau et le premier lien de son sous-menu; bottom: pour annuler "l'espace entre les liens de deuxième et troisième niveau" qui pousserait trop un lien de deuxième niveau se trouvant sous le ul de troisième niveau */
	padding: 0 0 0 0; /* on annule les ajustements du padding pour le ul parent */
	left: 0; /* pour annuler "pousser à droite les liens de premier niveau" */
}
ul#menu-secondaire li { /* les li de premier niveau seulement */
	padding: 0 0 11px 11px; /* coïncidence que les valeurs soient identiques; top: pour "pousser à droite les liens de premier niveau"; bottom: pour l'espace entre les liens de premier niveau */
}
ul#menu-secondaire li li { /* les li de deuxième et troisième niveau seulement */
	background: #95b5d9 url("../images/iu/puce_blanc.gif") no-repeat 9px 4px; /* pour la couleur de fond du sous-menu qui ne peut pas être sur le ul */
	left: 8px; /* pour "aligner horizontalement le sous-menu bleu avec son image de fond du haut" */
	padding-bottom: 5px; /* pour "l'espace entre les liens de deuxième et troisième niveau" */
	padding-left: 21px; /* pour l'espace des puces-images-de-fond de deuxième et troisième niveau */
	width: 150px; /* pour "aligner horizontalement le sous-menu bleu avec son image de fond du haut" */
}
ul#menu-secondaire li li li { /* les li de troisième niveau seulement */
	left: -5px; /* pour ajuster l'indentation des liens de troisième niveau et est dépendant du left du li parent qui sert à "aligner horizontalement le sous-menu bleu avec son image de fond du haut" */
	width: auto; /* pour annuler "aligner horizontalement le sous-menu bleu avec son image de fond du haut" */
}
ul#menu-secondaire li li.menu-secondaire-actif { /* li contenant le ul de troisième niveau */
	background-image: url("../images/iu/puce_bleu.gif");
}
ul#menu-secondaire li.menu-secondaire-actif a,
ul#menu-secondaire li.menu-secondaire-actif li.menu-secondaire-actif a,
ul#menu-secondaire li.menu-secondaire-actif li.menu-secondaire-actif li.menu-secondaire-actif a {
/* les "sélecteurs doivent avoir exactement le même poids" que ceux qui désactivent */
/* http://www.w3.org/TR/CSS21/cascade.html#specificity */
	color: #4e84bf; /* actif */
}
ul#menu-secondaire li.menu-secondaire-actif li a,
ul#menu-secondaire li.menu-secondaire-actif li.menu-secondaire-actif li a {
/* les "sélecteurs doivent avoir exactement le même poids" que ceux qui activent */
/* http://www.w3.org/TR/CSS21/cascade.html#specificity */
	color: #fff; /* annule actif */
}
ul#menu-secondaire a:hover,
ul#menu-secondaire li.menu-secondaire-actif a:hover,
ul#menu-secondaire li.menu-secondaire-actif li.menu-secondaire-actif a:hover,
ul#menu-secondaire li.menu-secondaire-actif li.menu-secondaire-actif li.menu-secondaire-actif a:hover {
	color: #4e84bf; /* actif */
}
#contenu {
	margin: 60px 0 0 200px;
	min-height: 160px;
	padding: 0 0 30px 0;
	_height: 160px;
}
div#pied-liens {
	border-top: 1px dotted #808080;
	clear: both;
	padding: 10px 0 40px 0;
	text-align: center;
}
div#pied-liens img {
	padding: 0 10px;
}
div#pied-liens a {
	white-space: nowrap;
	color: #808080;
	font-weight: normal;
	text-decoration: none;
}

#pied-page {
	height: 80px;
	clear: both;
}
/*#pied-page-gauche {
	color: #808080;
	font-weight: bold;
	float: left;
}*/
#pied-page-droit {
	color: #808080;
	float: right;
	font-weight: normal;
	text-align: right;
}
#details-supplementaires {
	color: #808080;
	font-weight: normal;
	position: relative;
	text-decoration: none;
	_height: 1px;
}
#details-supplementaires span {
	cursor: pointer;
}
#details-supplementaires div {
	cursor: pointer;
}
#contenu-indexation {
	background: #000 url("../images/iu/close-blanc.gif") no-repeat 100% 0;
	bottom: 0;
	color: #fff;
	cursor: pointer;
	display: none;
	padding: 20px 10px 10px 10px;
	position: absolute;
	right: 0;
	text-align: left;
	width: 200px;
	z-index: 10000;
}
#logo-parcs img {
	padding-top: 10px;
}