/* $Id: principal.css,v 1.11 2006/06/16 15:30:21 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: #e98a38;
}
h2 {
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
	color: #3b82c5;
}
h3 {
	margin: 0 0 5px 0;
}
ul  {
	padding: 0;
	margin: 0 0 0 20px;
}
ul ul {
	padding: 0;
	margin: 0 0 0 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 {
	list-style-type: none;
	background: url("../images/iu/outils/puce-niveau2.gif") no-repeat;
	padding-left: 15px;
	margin-bottom: 0;
	background-position: 0 5px;
}
ul li li li {
	list-style-type: none;
	background: url("../images/iu/outils/puce-niveau3.gif") no-repeat;
	padding-left: 15px;
	margin-bottom: 0;
	background-position: 0 5px;
}
ul li li li li {
	list-style-type: none;
	background: url("../images/iu/outils/puce-niveau4.gif") no-repeat;
	padding-left: 15px;
	margin-bottom: 0;
	background-position: 0 5px;
}
p {
	margin: 0 0 10px 0;
}
img {
	display: inline;
	border: 0;
}
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: 0px;
	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;
}
img#bandeaupiv {
	position: relative;
	left: 5px;
}
/* \*/
img#putimagemiddle, img#bandeaupiv {
	position: static;
	display: block;
}
/* */
#piv {
	width: 760px;
}

#menupiv {
	width: 549px;
	height: 15px;
	text-align: right;
	white-space: nowrap;
	margin: 0;
}

#fildariane {
	margin: 3px 0px 2px 129px;
	color: #2b72b4;
	width: 600px;
}
#fildariane a {
	color: #3b82c5;
	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: #2b72b4;
}
form {
	 margin: 0;
	 padding: 0;
}

.cell-outils-bas {
	background-color: #3d87cc;
	border-top: 1px solid #5693cb;
	white-space: nowrap;
}

span.nowrap {
	white-space: nowrap;
}

/*/*/
#texte-accueil {
	width: 240px;
	position: inherit;
	visibility: hidden;
	padding: 5px 5px 5px 60px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	margin: 80px 15px 0px 0px;
	float: right;
	z-index: 80;
}

#tableau-menu {
	top: 10px;
	left: 0px;
	position: absolute;
	z-index: 99;
}

#tableau-menu table {
	margin-bottom: 3px;
}

#menu-accueil {
	position: relative;
	height: 200px;
	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 0px 4px 3px;
	margin: 0px;
}

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 a {
	color: #6E6C6C;
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif ;
	display: block;
	padding: 3px 0px 0px 3px;
	margin: 0px;
}

table.menu td div.titre, table.menu-interne td div.titre {
	font-family: Verdana, Geneva,  Helvetica, sans-serif;
	color: #1E5677;
	padding: 10px 0px 0px 10px;
	margin: 0px;
}

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: 267px;
}

td.menu2 {
	width: 270px;
}
td.menu3 {
	width: 273px;
}
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;
	padding-bottom: 0;
	margin-bottom: 4px;
}

#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: 0px;
	padding: .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: 0px 10px;
	border-left: 1px solid  #E98A38;
	border-right: 1px solid  #E98A38;
	width: 250px;
}

.savoirplus p {
	padding: 0px;
	margin: 3px 0px 3px 0px;
}

.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 0px 0px 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: 0px;
	padding: 0px 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: 0px;
	padding: 0px 10px;
}

.encartsoussite {
	width: 220px;
	border-right: 1px solid #2A648B;
	border-left: 1px solid #2A648B;
	border-bottom: none;
	border-top: none;
	margin-top: 20px;
	padding: 0px;
}
/**/

.encartsoussite th {
	margin-bottom: 3px;
	margin-top: 0px;
	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: 5px 0 5px 0;
	margin-right: 35px;
	margin-left: 20px;
	border-top: 1px solid #e3e1e2;
	clear: both;
}

div.nouvelle p.titre-nouvelle {
	color: #e97421;
	margin: 0 0 0 0;
	padding: 0px;
}

div.nouvelle .photo {
	width: 99px;
	float: right;
	min-height: 130px;
	margin-left: 10px;
}

/* \*/
* html div.nouvelle .photo {
	height: 130px;
}
/* */

table.tableau-nouvelle th {
	text-align: left;
	color: #1e5677;
	padding-left: 20px;
}

div.nouvelle p.sous-titre-nouvelle {
	color: #2491cf;
	margin-top: 0px;
	padding: 0px;
}

.col-droite-nouvelle {
	border-top: 1px solid #e3e1e2;
	padding: 5px 0px;
}
.col-droite-nouvelle p.titre-nouvelle {
	color: #e97421;
	margin-bottom: 0px;
	padding: 0px;
}

.col-droite-nouvelle p.sous-titre-nouvelle {
	color: #2491cf;
	margin-top: 0px;
	padding: 0px;
}

.spacer {
	margin-top: 60px;
}

/* encart bleu pour micc*/
.savoir-plus th span {
	margin: 0px 20px;
	padding: 0px 10px;
	background-color: #FFFFFF;
	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 #658AD6;
	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 #658AD6;
	border-right: 1px solid #658AD6;
	font-weight: bold;
	color: #658AD6;
}
div.savoir-plus-encart-flottant {
	border: 1px solid #658AD6;
	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 #658AD6;
	border-right: 1px solid #658AD6;
	font-weight: bold;
	color: #658AD6;
}


div.toutes-nouvelles {
	border-top: 1px solid #e3e1e2;;
	border-bottom: 1px solid #e3e1e2;
	padding:5px 5px 5px 5px;
	text-align:right;
	color: #e97421;
	margin-right: 35px;
	margin-left: 20px;
}

div.toutes-nouvelles a:link, div.toutes-nouvelles a:visited {
	text-decoration: none;
	color: #e97421;
	font-weight: bold;
}

/* hacks pour IE 4 5 PC pour corriger le box model */

/*/*/

* html .encartsoussite {
	width: 220px;
	w\idth: 240px;
}

* html .encartsoussite-haut div, .encartsoussite-haut, .encartsoussite-bas div, .encartsoussite-bas {
	width: 105%;
	w\idth: 100%;
}

* html div#bureau-etranger {
	height: 221px;
	width: 543px;
	heig\ht: 201px;
	w\idth: 523px;
}

* html div#texte-accueil {
	width: 300px;
	w\idth: 240px;
}

/* */


img#intersite {
	padding-top: 0px;
}

#micc-vous-etes-ici {
	padding-top: 0px;
}

#separateur-ombre img {
	padding-top: 40px;
}


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

.boite-bleu {
background-color:#D2E0FC;
color:#000000;
padding:11px;
}