/* $Id: principal.css,v 1.14 2006/06/22 02:28:41 christian Exp $ */


/* to always show page scrollbar in FF */
html {
	overflow-y: scroll;
}
body, td, p, ul, div, h1, h2, h3 {
	font-family: Verdana, Helvetica,  Arial, sans-serif;
}
body {
	margin: 0;
	padding: 0;
	color: #2d2d2d;
	background-color: #fff;
}
h1 {
	font-weight: bold;
	margin-top: 20px;
	color: #9b0125;
}
h2 {
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
	color: #79ac00;
}
h3 {
	margin-bottom: 0;
}
ul  {
	padding: 0;
	margin: 0 0 0 20px;
}
ul ul {
	padding: 0;
	margin: 0;
}
ul li {
	list-style-type: none;
	background: url("../images/iu/outils/puce-niveau1.gif") no-repeat;
	padding-left: 15px;
	margin-bottom: 3px;
	background-position: 0 5px;
}
ul li li {
	background: url("../images/iu/outils/puce-niveau2.gif") no-repeat;
	padding-left: 15px;
	margin-bottom: 0;
	background-position: 0 5px;
}
p {
	margin: 0 0 10px 0;
}
img {
	display: inline;
	border: 0;
}
img.nn6 {
/*
	cette classe ne sert qu'à la fonction "nn6Fix" dans le fichier
	"fonctions.js" donc ne pas effacer dans le HTML: <img class="nn6"
	(non utilisé pour l'instant)
*/
}
a:link {
	text-decoration: underline;
	color: #003399;
}
a:visited {
	text-decoration: underline;
	color: #663300;
}
a:active {
	text-decoration: underline;
	color: #ccc;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

li, ul, ol {
	margin-top: 0;
	margin-bottom: 6px;
}
a.nav1:link {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
a.nav1:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
a.nav1:hover {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
a.nav1:active {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
/* piv */
img#bannierepiv {
	position: relative;
	left: 5px;
}
/* \*/
img#bannierepiv {
	position: static;
	display: block;
}
img#putimagemiddle, img#bandeaupiv {
	display: block;
}
/* */
#piv {
	width: 760px;
}
#menupiv {
	width: 549px;
	height: 15px;
	text-align: right;
	white-space: nowrap;
	margin: 0;
}
#fildariane {
	margin: 3px 0 2px 129px;
	/*color: #2b72b4;*/
	color: #708C10;
	width: 600px;
}
#fildariane a {
	/*color: #3b82c5;*/
	color: #708C10;
	text-decoration: none;
}
#fildariane a:hover {
	color:#000;
}
#fildariane .courant {
	font-weight: bold;
}
/*#recherche */
#recherche form {
	vertical-align: top;
	margin: 0;
}
#texte-accueil {
	font-family: Verdana, Helvetica,  Arial, sans-serif;
}
.cell-outils-haut {
	 background-color: #8cc10e;
}
form {
	 margin: 0;
	 padding: 0;
}
.cell-outils-bas {
	background-color: #98ce17;
	border-top: 1px solid #abdd38;
	/*white-space:nowrap;*/
}
/* to fix nn6 */
.cell-outils-bas img {
	display: block;
}
span.nowrap {
	white-space: nowrap;
}
/*/*/
#texte-accueil {
	width: 240px;
	position: inherit;
	visibility: hidden;
	padding: 5px 5px 5px 60px;
	background-color: #fff;
	border: 1px solid #fff;
	margin: 80px 15px 0 0;
	float: right;
	z-index: 80;
}
#tableau-menu {
	top: 35px;
	left: 258px;
	position: absolute;
	z-index: 99;
}
#tableau-menu table {
	margin-bottom: 3px;
}
#menu-accueil {
	position: relative;
	height: 251px;
	width: auto;
	background-image: url("../images/iu/accueil/phare/01-bas.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}
/* */
table.menu-interne a.m1:link {
	color: #1e5677;
	width: 185px;
}
table.menu-interne a.m1:visited {
	color: #1e5677;
	width: 185px;
}
table.menu-interne a.m1:hover {
	color: #000;
	width: 185px;
}
table.menu-interne a.m2-selected:link {
	color: #1e5677;
}
table.menu-interne a.m2-selected:visited {
	color: #1e5677;
}
table.menu-interne a.m2-selected:hover {
	color: #000;
}
table.menu-interne a {
	color: #6e6c6c;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif ;
	display: block;
	padding: 2px 0 4px 3px;
	margin: 0;
}
table.menu-interne a:link {
	color: #6e6c6c;
	text-decoration: none;
}
table.menu-interne a:visited {
	color: #6e6c6c;
	text-decoration: none;
}
table.menu-interne a:hover {
	color: #000;
	text-decoration: none;
}
table.menu td.ie5 {
	padding-left: 5px;
}
table.menu a {
	color: #6e6c6c;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif ;
	display: block;
	padding: 3px 0 0 3px;
	margin: 0;
}
table.menu td div.titre, table.menu-interne td div.titre {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	color: #1e5677;
	padding: 10px 0 0 10px;
	margin: 0;
}
table.menu a:link {
	color: #6e6c6c;
	text-decoration: none;
}
table.menu a:visited {
	color: #6e6c6c;
	text-decoration: none;
}
table.menu a:hover {
	color: #000;
	text-decoration: none;
}
#menu-accueil a {
	color: #6e6c6c;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
#menu-accueil a:link {
	color: #6e6c6c;
}
#menu-accueil a:hover {
	color: #000;
}
td.menu1 {
	width: 262px;
}
td.menu2 {
	width: 265px;
}
td.menu3 {
	width: 268px;
}
table.menu4 {
	margin-top: 30px;
	margin-left: 15px;
}
table.menu5 {
	margin-left: 14px;
}
table.menu6 {
	margin-left: 13px;
}
table.menu7 {
	margin-left: 12px;
}
/*
td.menu4 {
	width: 277px;
}
td.menu5 {
	width: 280px;
}
td.menu6 {
	width: 283px;
}
td.menu7 {
	width: 286px;
}
td.menu8 {
	width: 290px;
}
*/
.ligne-bas {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e98a38;
}
.ligne-haut {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e98a38;
}
.ligne-gauche {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e98a38;
}
.ligne-droit {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e98a38;
}
.tableau-donne {
	/*/*/
	background-image: url("../images/iu/utilitaires/cercle.gif");
	background-repeat: no-repeat;
	/* */
	padding-left: 20px;
	padding-top: 20px;
}
table.tableau-donne-interne td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e98a38;
}
.orange {
	color: #e98a38;
}
#metacontenu {
	margin-left: 28px;
}
/*pied de page*/
div#piedpage a {
	  font-family: Verdana, Helvetica, sans-serif;
	  color: #6e6c6c;
	  text-decoration: none;
}
div#piedpage a:hover {
	  color: #000;
	  text-decoration: underline;
}
div#pp-signature,
div#pp-copyright,
div#piedpage,
div#pp-politique,
div#pp-modification,
#pp-commentaires
{
	  font-family: Verdana, Helvetica, sans-serif;
	  color: #6e6c6c;
}
#pp-commentaires {
	margin-bottom: 17px;
}
#pp-signature {
      margin-top: 5px;
}
#pp-signature a:link {
	  color: #6e6c6c;
}
#pp-copyright {
      margin-bottom: 10px;

}
#piedpage {
	clear: both;
	margin-top: 0;
	padding: 0.5em;
	text-align: center;
}
#piedpage a:link, #piedpage a:visited {
	text-decoration: underline;
}
#piedpage img {
	display: inline;
}
#intermediaire {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
	text-align: left;
	border: 1px solid #ccc;
}
a.sm-href-notfound {
	color: #ff0000;
}
.rechercheav {
	margin-right: 40px;
	white-space: nowrap;
}
#col-menu #ma1table {
      margin-left: 10px;
}
#col-menu #ma2table {
      margin-left: 20px;
}
#col-menu #ma3table {
      margin-left: 30px;
}
#col-menu #ma4table {
      margin-left: 10px;
}

/* page interne structure du menu gauche */
.bg-menu-gauche {
	/*/*/
	background-image: url("../images/iu/utilitaires/bg-menu.gif");
	background-repeat: repeat-y;
	/* */
}
.boite-bleu {
	background-color: #d2e0fc;
	padding: 11px;
	color: #000;
}
.savoirplus {
	padding: 0 10px;
	border-left: 1px solid #e98a38;
	border-right: 1px solid #e98a38;
	width: 250px;
}
.savoirplus p {
	padding: 0;
	margin: 3px 0 3px 0;
}
.savoirplus p.orange {
	padding: 0px;
}
ol.cercle-liste {
	margin: 0;
	padding: 0;
}
ol.cercle-liste li {
	list-style: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 8px 0 0 40px;
	min-height: 63px;
}
/* seulement IE4+ toutes plates-formes
source: http://centricle.com/ref/css/filters/ */
* html ol.cercle-liste li {
	height: 63px;
}
/*/*/
li.cerclebleu0 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/00.gif");
}
li.cerclebleu1 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/01.gif");
}
li.cerclebleu2 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/02.gif");
}
li.cerclebleu3 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/03.gif");
}
li.cerclebleu4 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/04.gif");
}
li.cerclebleu5 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/05.gif");
}
li.cerclebleu6 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/06.gif");
}
li.cerclebleu7 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/07.gif");
}
li.cerclebleu8 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/08.gif");/**/
}
li.cerclebleu9 {
	background-image: url("../images/iu/utilitaires/chiffres-cercle-bleu/09.gif");
}
/* */


/* encart */
/*/*/
.encart {
	border-right: 1px solid #e98a38;
	border-left: 1px solid #e98a38;
	border-bottom: none;
	border-top: none;
}
.encart-haut div {
	background: url("../images/iu/utilitaires/lignes/haut.gif") no-repeat top left;
}
.encart-haut {
	background: url("../images/iu/utilitaires/lignes/haut.gif") no-repeat top right;
}
.encart-bas div {
	background: url("../images/iu/utilitaires/lignes/bas.gif") no-repeat bottom left;
}
.encart-bas {
	background: url("../images/iu/utilitaires/lignes/bas.gif") no-repeat bottom right;
}
.encart-haut div, .encart-haut, .encart-bas div, .encart-bas {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.encart-contenu  {
	margin: 0;
	padding: 0 10px;
}
.encart p {
	margin-bottom: 5px;
}
/* */
/*--------------------encartsoussite----------------------------*/
.champs-obligatoire {
	color: #e98a38;
}
.champs-obligatoire-texte {
	color: #e98a38;
}
/*/*/
.encartsoussite-haut div {
	background: url("../images/iu/biq/lignes/haut-bleu.gif") no-repeat top left;
}
.encartsoussite-haut {
	background: url("../images/iu/biq/lignes/haut-bleu.gif") no-repeat top right;
}
.encartsoussite-bas div {
	background: url("../images/iu/biq/lignes/bas-bleu.gif") no-repeat bottom left;
}
.encartsoussite-bas {
	background: url("../images/iu/biq/lignes/bas-bleu.gif") no-repeat bottom right;
}
.encartsoussite-haut div,
.encartsoussite-haut,
.encartsoussite-bas div,
.encartsoussite-bas
{
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.encartsoussite-contenu  {
	margin: 0;
	padding: 0 10px;
}
.encartsoussite {
	width: 220px;
	border-right: 1px solid #2a648b;
	border-left: 1px solid #2a648b;
	border-bottom: none;
	border-top: none;
	margin-top: 20px;
	padding: 0;
}
/* */
.encartsoussite th {
	margin-bottom: 3px;
	margin-top: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4bece;
	text-align: left;
	color: #2a648b;
}
table.tableau-donne-interne-sous-site td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4bece;
	padding-bottom: 3px;
}
table.tableau-donne-interne-sous-site td a:link,
table.tableau-donne-interne-sous-site td a:visited
{
	text-decoration: none;
	color: #2a648b;
}
table.tableau-donne-interne-sous-site td a:hover {
	text-decoration: none;
	color: #000;
}
div.nouvelle {
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	width: 160px;
}
div.nouvelle p.titre-nouvelle {
	color: #79ac00;
	margin-bottom: 0;
	padding: 0;
}
.toutes-nouvelle {
	border-bottom: 1px solid #e3e1e2;
	border-top: 1px solid #e3e1e2;
	margin-left: 10px;
	margin-top: 20px;
	padding: 10px 0;
}
.toutes-nouvelle a:link, .toutes-nouvelle a:visited {
	text-decoration: none;
	color: #8e1e00;
}
table.tableau-nouvelle th strong {
	position: relative;
	top: -30px;
	left: 175px;
	text-align: right;
	color: #1e5677;
	padding-right: 5px;
}
/* \*/
* html table.tableau-nouvelle th strong {
	top: -25px;
}
* html table.tableau-nouvelle {
	position: relative;
	top: -20px;
}
/* */
table.tableau-nouvelle td {
	border-right: 1px solid #e3e1e2;
}
table.tableau-nouvelle td.none {
	border-right-width: 0;
	overflow: hidden;
	height: 20px;
	line-height: 1px;
	font-size: 1px;
}
.separateur-nouvelle {
	border-bottom: 1px solid #e3e1e2;
	font-size: 1px;
	padding: 0;
	margin: 10px 0 10px 10px;
	overflow: hidden;
}
.contenu-accueil {
	background: url("../images/iu/accueil/coin.jpg") no-repeat;
}
div.nouvelle p.sous-titre-nouvelle {
	color: #8e1e00;
	margin-top: 0;
	padding: 0;
}
.spacer {
	margin-top: 60px;
}
/* encart bleu pour micc */
.savoir-plus th span {
	margin: 0 20px;
	padding: 0 10px;
	background-color: #fff;
	border-right: 1px solid #3d87cc;
	border-left: 1px solid #3d87cc;
	color: #658ad6;
	white-space: nowrap;
}
/*/*/
.savoir-plus th {
	background: url("../images/iu/utilitaires/lignes/h-h.gif") repeat-x top left;
}
table.savoir-plus td.ligne-bas {
	background: url("../images/iu/utilitaires/lignes/h-b.gif") repeat-x top left;
	border: none;
}
table.savoir-plus td.ligne-gauche {
	background: url("../images/iu/utilitaires/lignes/v-g.gif") repeat-y top left;
	border: none;
}
table.savoir-plus td.ligne-droit {
	background: url("../images/iu/utilitaires/lignes/v-d.gif") repeat-y top left;
	border: none;
}
.coingh, .coingb, .coindh, .coinbd {
	width: 49px;
	height: 30px;
}
.coingh {
	background: url("../images/iu/utilitaires/coinhg.gif") no-repeat top left;
	width: 49px;
	height: 30px;
}
.coingb {
	background: url("../images/iu/utilitaires/coinbg.gif") no-repeat top left;
}
.coindb {
	background: url("../images/iu/utilitaires/coinbd.gif") no-repeat top left;
}
.coindh {
	background: url("../images/iu/utilitaires/coinhd.gif") no-repeat top left;
}
/* */

div.savoir-plus-encart-fixe {
	border: 1px solid #79ac00;
	position: relative;
	/*width: 200px;*/
	padding: 20px 10px 10px 10px;
	/*float: right;*/
}
div.savoir-plus-encart-fixe p.titre {
	position: absolute;
	top: -8px;
	left: 30px;
	padding: 0px 10px;
	background-color: #FFFFFF;
	border-left: 1px solid #79ac00;
	border-right: 1px solid #79ac00;
	font-weight: bold;
	color: #79ac00;
}
div.savoir-plus-encart-flottant {
	border: 1px solid #79ac00;
	position: relative;
	width: 200px;
	padding: 20px 10px 10px 10px;
	float: right;
	margin-left: 20px;
}
div.savoir-plus-encart-flottant p.titre {
	position: absolute;
	top: -8px;
	left: 30px;
	padding: 0px 10px;
	background-color: #FFFFFF;
	border-left: 1px solid #79ac00;
	border-right: 1px solid #79ac00;
	font-weight: bold;
	color: #79ac00;
}

/* hacks pour IE 4 5 PC pour corriger le box model et la taille des fonts */
/*/*/
* html .encartsoussite {
	width: 220px;
	w\idth: 240px;
}
* html .encartsoussite-haut div,
* html .encartsoussite-haut,
* html .encartsoussite-bas div,
* html .encartsoussite-bas
{
	width: 105%;
	w\idth: 100%;
}
* html div#texte-accueil {
	width:300px;
	w\idth: 240px;
}
/* */

.petit {
	font-size: 9px;
}

img#intersite {
	padding-top: 0px;
}
#interculturel-vous-etes-ici {
	padding-top: 0px;
}
#separateur-ombre img {
	padding-top: 15px;
}
.vert {
	color: #009750;
}
a.vert:link {
	text-decoration: none;
	color: #009750;
}
a.vert:visited {
	text-decoration: none;
	color: #009750;
}
a.vert:hover {
	text-decoration: none;
	color: #009750;
}




/* Pour le formulaire NOUS JOINDRE
http://www.quebecinterculturel.gouv.qc.ca/fr/employeurs/nous-joindre/courriel.php
 */

div#nous_joindre form#gen_info table tr td {
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 6px;
}




/* AJOUT SPÉCIAL 2011-04-28 N.de Bray 
Pour popup de promotion du site www.toutesnosorigines.gouv.qc.ca
*/

table#videau_table {
	background: url("../toutesnosorigines/popup/images/transparent_background.png") left top no-repeat transparent; 
	position:relative;
	width:511px;
}

td.les_vignettes,
a.les_vignettes,
a.les_vignettes img
{
	height: 48px;
	width: 86px;
}

a.les_vignettes {
	display:block;
	position:relative;
}

a.les_vignettes:hover {
	background-position: -86px top !important;
}

a.les_vignettes:hover img {
	border: 2px solid #4B6BA5;
	height: 44px;
	width: 82px;
}

a.les_vignettes img {
	position:relative;
}

td#videau_playeur {
	background: url("../toutesnosorigines/popup/images/video_background.jpg") left top no-repeat transparent;     
	height:223px;
	position:relative;
	width:400px;
}

td#videau_playeur * {
  position:relative;
	z-index: 99999;
}

a#vignette_associe {
	background: url("../toutesnosorigines/popup/images/vignette_associe.jpg") left top no-repeat transparent;
}

a#vignette_patronne {
	background: url("../toutesnosorigines/popup/images/vignette_patronne.jpg") left top no-repeat transparent;
}

a#vignette_specialiste {
	background: url("../toutesnosorigines/popup/images/vignette_specialiste.jpg") left top no-repeat transparent;
}

a#vignette_collegue {
	background: url("../toutesnosorigines/popup/images/vignette_collegue.jpg") left top no-repeat transparent;
}


/* 
AJOUT Formulaire SQRI 
Nicolas de Bray 2011-09-13 
*/

form#sqri label { display:block; font-weight:bold; margin: 25px 0 0 0;}
form#sqri label span { font-weight:normal; }
form#sqri table td { padding:0 5px 0 0; vertical-align:top; }
form#sqri input.sqri_bouton { margin-top:45px; }
form#sqri tr td span { padding:1px 3px 0 3px; }
form#sqri tr td span input { padding:0; margin:0; }
form#sqri tr td { padding:1px 3px 1px 0; }
form#sqri input,
form#sqri textarea,
form#sqri select 
{ 
  border:1px solid #bbbbbb; 
}
form#sqri input.radio,
form#sqri input.checkbox
{ 
  border:none; 
}


/* 
AJOUT Calendrier SQRI 
Nicolas de Bray 2011-09-20 
*/

table#sqri_calendrier { text-align: left; vertical-align:top; width:520px; }
table#sqri_calendrier tr td, table#sqri_calendrier tr th { padding: 1px 8px 5px 0; text-align: left; vertical-align:top; }
table#sqri_calendrier tr td.navtop { text-align: right; }
table#sqri_calendrier tr td.part_micc { padding-top:10px; }