/**************************************************************************
CSS pour PGS
Cr�ation du css : Gabriel Lavoie
Date : Novembre 2007
Une r�alisation de Telus
**************************************************************************/

html{
	word-wrap:break-word;
	font-size: 76%;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Lucida Grande', Verdana, Arial, Geneva, Helvetica,
		sans-serif;
	font-size: 100%;
	background: #8cbae3 url(../images/fond-commun.gif) repeat-x top left;
}

h1,h2,h3,h4 {
	color: #000000;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 0.9em;
}

h6 {
	font-size: 0.8em;
}

em,i {
	font-size: 1em !important;
}

img {
	border: none;
}

form {
	margin: 0;
}

pre {
	font-size: 1.1em;
}

a:hover {
	text-decoration: underline;
}

a {
	color: #003366;
	text-decoration: none;
}

a:visited {
	color: #516D88;
}

ul {
	list-style: none;
	margin: 0;
	padding: 3px 6px 5px 6px;
}

ul li {
	padding-left: 15px;
	padding-bottom: 2px;
	color: #000;
}

li.section {
	background: none;
}

ul li ul {
	padding-bottom: 2px;
}

p {
	margin-top: 12px;
	margin-bottom: 12px;
}

hr {
	color: #004682;
	background-color: #004682;
	height: 1px;
	border: 0;
	padding: 0;
}

.clear {
	clear: both;
	min-height: 1px;
}

.pasRetourLigne
{
    white-space:nowrap;
}

#entete {
	margin: 0;
	padding: 0;
}

.courriel-erreur {
	color: #9D0A0E;
	font-weight: bold;
}

/* Slideshow accueil */
#slideshow-accueil #master0 {
	margin-left: 30px;
	margin-bottom: 10px;
}

.menutop {
	font-size: 0.1em;
	height: 0px;
	margin: 0pt;
}

.menubottom {
	font-size: 0.1em;
	height: 0px;
	margin: 0pt;
}

.clear {
	clear: both;
	height: 0%;
	font: 0em Arial, Helvetica, sans-serif;
}

.header{
	height:101px;
}

.navigation{
	height:31px;
}

.navigation h1.titreCitoyens{
	margin:0px;
}

.navigation h1.titreCitoyens span{
	text-indent:-99999px;
}

.navigation,.header,.footer,.footer-gouv {
	clear: both;
	position: relative;
	background: #fff;
	width: 780px;
	margin: 0 auto;
}

.header{
	font-size: x-small;
}

.contenu,.contenu-accueil {
	clear: both;
	background: #fff;
	width: 780px;
	margin: 0 auto;
}

#videoFlash object{
	text-align:center;
}

#videoFlash object img{
	margin-right:auto;
	margin-left:auto;
	display:block;
}

#videoFlash object p a{
	display:inline;
	width:auto;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { 
	-moz-border-radius-topleft: 4px; 
	-webkit-border-top-left-radius: 4px; 
	-khtml-border-top-left-radius: 4px; 
	border-top-left-radius: 4px; 
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { 
	-moz-border-radius-topright: 4px; 
	-webkit-border-top-right-radius: 4px; 
	-khtml-border-top-right-radius: 4px; 
	border-top-right-radius: 4px; 
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { 
	-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	-khtml-border-bottom-left-radius: 4px; 
	border-bottom-left-radius: 4px; 
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
	-khtml-border-bottom-right-radius: 4px; 
	border-bottom-right-radius: 4px; 
}

.andMore{
	background: none repeat scroll 0 0 transparent !important;
    margin-right: 10px;
    text-align: right;
}
/*********************************************************************************
* PIV 
*********************************************************************************/
.header .logo-quebec img {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	border: none;
}

.header ul {
	float: right;
	height: 18px;
	width: 525px;
	margin: 0 10px 0 0;
	background: url(../images/background-piv.gif) no-repeat top left;
	list-style: none;
	text-align: right;
	padding: 57px 0 0;
	position: relative;
}

.header ul li {
	background: none;
	display: inline;
	font: 1.1em Chaloult, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-right: 10px;
	padding-left: 0;
}

.header ul li.first {
	position: absolute;
	left: 12px;
}

.header ul li a:link,.header ul li a:visited,.header ul li a:hover,.header ul li a:active
	{
	color: #fff;
	text-decoration: none;
	background-color:#003399;
}

.header ul li.left {
	float: left;
	left: 12px;
	position: relative;
}

/*PIV Refait PGS*/
.headerPGS{
	height:101px;
	clear: both;
	position: relative;
	background: #fff;
	width: 780px;
	margin: 0 auto;
	font-size: x-small;
}
.headerPGS .logo-quebec img {
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	border: none;
}
.headerPGS div.piv{
	float: right;
	min-width: 525px;
    width: auto;
	margin: 0 10px 0 0;
}
.headerPGS div.piv div{
	background: url(../images/background-piv.gif) no-repeat top left;
	height:57px;
	width:100%;
	overflow:hidden;
}
.headerPGS div.piv ul {
	height: auto;
	padding-bottom: 1px;
	width:100%;
	background-color:#003399;
	list-style: none;
	text-align: right;
	padding:0px;
	overflow: hidden;
	padding-bottom:1px;
}

.headerPGS div.piv ul li {
	float:right;
	font: 1.1em Chaloult, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 10px 0 0;
}

.headerPGS div.piv ul li.left {
	float: left;
	left: 12px;
	position: relative;
	padding: 0 20px 0 0;
}

.headerPGS div.piv ul li a:link,.headerPGS div.piv ul li a:visited,.headerPGS div.piv ul li a:hover,.headerPGS div.piv ul li a:active{
	color: #fff;
	text-decoration: none;
	background-color:#003399;
}
/*********************************************************************************
* Navigation principale 
*********************************************************************************/
.navigation .entete{
	margin: 0 6px 0 10px;
}

.navigation .accueil {
	position: absolute;
	top: 15px;
	left: 28px;
}

.navigation .accueil.commun-fr {
	background: url(../images/entete-commun-fr.gif) repeat-x scroll -18px -15px #003399;
}

.navigation .accueil.commun-en {
	background: url(../images/entete-commun-en.gif) repeat-x scroll -18px -15px #003399;
}

.navigation .accueil.citoyens, .navigation .accueil.sq {
	background: #c86e05;
}

.accueil:link,.accueil:visited,.accueil:hover,.accueil:active {
	color: #FFFFFF;
    display: block;
    font: bold x-small/60% "Trebuchet MS",sans serif;
    text-decoration: none;
}

.accueil:hover {
	text-decoration: underline;
}

div.outils {
	position: absolute;
	top: 3px;
	right: 10px;
	padding: 0;
	margin: 0;
}

div.outils div {
	float: left;
	padding-left: 5px;
}

div.outils div a {
	display:block;
	font-size:0.8em;
	text-align:center;
}

div.outils div a#print {
	width:34px;
}

div.outils div a#switchTextSize {
	margin-top:4px;
	width:62px;
}

div.outils div a img {
	border: none;
	margin-left:auto;
	margin-right:auto;
}

div.outils div a img, div.outils div a:hover img, div.outils div a img:hover{
	text-decoration:none;
}

#zonetexte .treeview,#zonetexte .treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#zonetexte .treeview ul {
	background-color: white;
	margin-top: 4px;
}

#zonetexte .treeview .hitarea {
	background: url(../images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

/* fix for IE6 */
* html .hitarea {
	display: inline;
	float: none;
}

#zonetexte .treeview h1,#zonetexte .treeview h2,#zonetexte .treeview h3,#zonetexte .treeview h4
	{
	margin: 0;
}

#zonetexte .treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
	list-style: none;
}

#zonetexte .treeview a.selected {
	background-color: #eee;
}

#zonetexte #treecontrol {
	margin: 1em 0;
	display: none;
}

#zonetexte .treeview .hover {
	cursor: pointer;
}

#zonetexte .treeview li {
	background: url(../images/treeview-default-line.gif) 0 0 no-repeat;
}

#zonetexte .treeview li.collapsable,#zonetexte .treeview li.expandable {
	background-position: 0 -176px;
}

#zonetexte .treeview .expandable-hitarea {
	background-position: -80px -3px;
}

#zonetexte .treeview li.last {
	background-position: 0 -1766px
}

#zonetexte .treeview li.lastCollapsable,#zonetexte .treeview li.lastExpandable
	{
	background-image: url(../images/treeview-default.gif);
}

#zonetexte .treeview li.lastCollapsable {
	background-position: 0 -111px
}

#zonetexte .treeview li.lastExpandable {
	background-position: -32px -67px
}

#zonetexte .treeview div.lastCollapsable-hitarea,#zonetexte .treeview div.lastExpandable-hitarea
	{
	background-position: 0;
}

#zonetexte .treeview-black li {
	background-image: url(../images/treeview-black-line.gif);
}

#zonetexte .treeview-black .hitarea,#zonetexte .treeview-black li.lastCollapsable,#zonetexte .treeview-black li.lastExpandable
	{
	background-image: url(images/treeview-black.gif);
}

#zonetexte .treeview-gray li {
	background-image: url(../images/treeview-gray-line.gif);
}

#zonetexte .treeview-gray .hitarea,#zonetexte .treeview-gray li.lastCollapsable,#zonetexte .treeview-gray li.lastExpandable
	{
	background-image: url(images/treeview-gray.gif);
}

/*********************************************************************************
* Zone recherche
*********************************************************************************/
#zone-recherche {
	padding-left: 7px;
    width: 184px;
}

#zone-recherche .wrap form#recherche div#rechercheContenant{
	background: url(../images/recherche-fond.gif) no-repeat top left;
	height:94px;
	font-size: x-small;
}

#zone-recherche .wrap form#recherche div#rechercheContenant input#qt {
	width: 124px;
	border: 1px solid #7aaac9;
	font: 1.1em Arial, Helvetica, sans-serif;
	float: left;
	padding-left:3px;
	margin-left: 12px;
	margin-top:10px;
}

#zone-recherche .wrap form#recherche div#rechercheContenant select#selectRecherche {
	font: 1.1em Arial, Helvetica, sans-serif;
	border: 1px solid #7aaac9;
	width: 130px;
	max-height: 29px;
	margin: 9px 0 0 12px;
	float:left;
	word-wrap:normal;
}

#zone-recherche .wrap form#recherche div#rechercheContenant input#chercher{
	border: medium none;
    cursor: pointer;
    float: right;
    height: 27px;
    margin: 5px 8px 0 0;
    vertical-align: middle;
    width: 27px;
}

#zone-recherche .wrap form#recherche div#rechercheContenant label{
	display:none;
}

#zone-recherche .wrap form#recherche div#rechercheContenant a:visited {
	color: #057ABC;
}

#zone-recherche .wrap form#recherche div#rechercheContenant a#recherche-guidee {
	float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 7px;
}

#lien-region {
	display: block;
    height: 42px;
    width: 184px;
    float:left;
    margin-top: 2px;
}

#banniere {
	width:566px;
	padding:2px 15px 7px 8px;
}

/*********************************************************************************
* Zone de navigation secondaire
*********************************************************************************/
#menu {
	padding-left: 10px;
    padding-right: 6px;
    width: 175px;
    margin-top: 10px;
}

#menu .menutop {
	font-size: 0.1em;
	/*margin:0pt;*/
	background: transparent url(../images/menu-haut.gif) no-repeat bottom
		right;
	height: 5px;
	/*margin:100px 0 0 0;*/
	width: 175px;
}

#menu .menubottom {
	font-size: 0.1em;
	margin: 0pt;
	background: transparent url(../images/menu-bas.gif) no-repeat bottom
		right;
	height: 5px;
	width: 175px;
}

#menu .menubody {
	clear: both;
	margin: 0;
	width: 173px;
	background: #fcf9f4;
	border-left: 1px solid #c2e0ed;
	border-right: 1px solid #c2e0ed;
	overflow:hidden;
}

#plansite a.root {
	font-weight: bold;
	color: #001a40;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

#plansite li h3 {
	font-weight: normal;
}

#plansite ul, #plansite li {
	list-style: none;
}

#menu a:hover {
	text-decoration: underline;
}

#menu li.urgence a{
	color :#a22802;
}
#menu a, #menu li.urgence ul li a{
	text-decoration: none;
	color: #003366;
}
#menu h3{
	color: #000000 !important;
}
#menu h3,#menu a.root {
	display: block;
	color: #001a40;
	font-weight: bold;
	background: transparent url(../images/menu-separateur.gif) no-repeat bottom;
	padding: 9px 12px 10px;
	margin: 0;
	font-size:1em;
}

li h4 {
	margin: 0;
}

li.section {
	background: none;
}

#menu ul {
	padding: 0 0 0 10px;
	margin: 5px 0 0;
	font-weight: normal;
}

#menu ul li ul {
	padding: 0;
}

#menu li {
	padding: 0 10px 4px 10px;
	background: url(../images/bullet.gif) no-repeat 0 5px;
}

#menu li li {
	padding: 0 10px 4px 10px;
	background: url(../images/bullet_petit.gif) no-repeat 0 5px;
}

#menu li.select > a, #menu li.select-has-child > a{
	font-weight:bold;
}

#menu li.lastSelected > a{
	text-decoration:underline;
}

#menu ul li a{
	font-size:.92em;
}

#menu div.menuitem {
	color: #057abc;
	padding: 9px 12px 10px;
}

/*********************************************************************************
* Zone de contenu
*********************************************************************************/
#zonetexte,#liaison {
	padding-left: 9px;
    padding-right: 16px;
    width: 564px;
}

#zonetexte ul {
	margin: .5em 0;
	padding: 0 0 0 28px;
	list-style: disc;
}

#zonetexte li {
	margin: 0;
	padding: .2em 0;
	list-style: disc;
}

#zonetexte ul ul li {
	list-style: circle;
}

#zonetexte #acces-wrap {
	margin: 0 0 0 8px;
	padding-bottom: 5px;
	background: url(../images/accueil-acces-bas.gif) no-repeat bottom left;
	font-size: 1em;
}

#zonetexte #acces-wrap .wrap {
	width: 160px;
	border-top: 2px solid #ad3f19;
	border-left: 1px solid #dc7a0d;
	border-right: 1px solid #dc7a0d;
	background: url(../images/accueil-acces-degrade.gif) repeat-x bottom
		left #f2deb8;
}

#zonetexte #acces-wrap h3 {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ad3f19;
	font-weight: bold;
	padding: 0;
	margin: 5px 0 0 7px;
}

#zonetexte #acces-wrap a {
	font-size: 0.9em;
	color: #c3680e;
}

#zonetexte #acces-wrap ul {
	margin: 0 0 0 8px;
	padding: 5px 0;
	list-style-type: none;
}

#zonetexte #acces-wrap li {
	padding: 5px 0 0 10px;
	background: url(../images/accueil-acces-bullet.gif) no-repeat 0 11px;
	list-style-type: none;
}

#zonetexte ul.actualites {
	padding: 0;
}

#zonetexte ul.actualites li {
	list-style: none;
	display: block;
	clear: both;
	padding-top: 5px;
}

#zonetexte ul.actualites .date {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 80px;
}

#zonetexte ul.actualites li a {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 445px
}

#zonetexte #decoupage_regions {
	float: left;
}

#zonetexte #liste-province {
	border-top: 1px solid #DFEBEF;
	font-size: 0.9em;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 12px 0pt 370px;
	padding: 0pt 0pt 75px;
	width: 130px;
}

#zonetexte #liste-province li {
	color: #006299;
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #DFEBEF;
	list-style-type: none;
}

#zonetexte #liste-province a {
	color: #057ABC;
	font-weight: normal;
	text-decoration: none;
}

#zonetexte #liste-province a:hover {
	text-decoration: underline;
}

/* classes generiques */
.paysage,.portrait {
	float: right;
	margin: 0 0 1em 1.5em;
	color: #1783C0;
	font-size: .8em;
	text-align: right;
}

.paysage span,.portrait span {
	color: #999;
	display: block;
	margin: .2em 0 0;
	font-size: .9em;
}

.paysage {
	width: 150px;
}

.portrait {
	width: 115px;
}

.paysage img,.portrait img {
	border: 1px solid #DFEBEF;
	margin: 0 0 .4em;
}

.visueldroite {
	float: right;
	border: 1px solid #DFEBEF;
	margin: 0 0 1em 1em;
}

.visuelgauche {
	float: left;
	border: 1px solid #DFEBEF;
	margin: 0 1em 1em 0;
}

a.hautpage, div.hautpage {
	background: url("../images/up.gif") no-repeat scroll right bottom
		transparent;
	font-size:x-small;
	margin-left: auto;
	margin-right: 0;
	padding-right: 15px;
	text-align: right;
	clear: both;
	color: #003366;
	text-decoration: none;
}

a.hautpage, div.hautpage a{
	display:block;
}

a.hautpage, a.hautpage label, div.hautpage{
	cursor:pointer;
}

a.hautpage label, div.hautpage a{
	font-size:1.1em;
}

a.hautpage:hover label, div.hautpage a:hover{
	text-decoration:underline;
}

a.hautpage:visited, div.hautpage a:visited{
	color: #003366;
	text-decoration: none;
}

.liste-excel-body-gotop {
	text-align: right;
}

.oblig,.erreur {
	color: red;
	font-weight: bold;
}

.image-left {
	float: left;
	margin-right: 15px;
	min-height: 1px;
	padding-bottom: 15px;
}

/* Fil d'Ariane */
#ariane,#ariane-accueil,#ariane-3clics {
	padding: 14px 20px 4px 14px;
    width: 555px;
	list-style: none;
	font:0.9em Arial, Helvetica, sans-serif;
	color: #2a4369;
}

#ariane a,#ariane-accueil a,#ariane-3clics a {
	text-decoration: none;
}

#ariane a:hover,#ariane-accueil a:hover,#ariane-3clics a:hover {
	text-decoration: underline;
}

#ariane .current,#ariane .section,#ariane-accueil .current,#ariane-accueil .section,#ariane-3clics .current,#ariane-3clics .section
	{
	font-weight: bold;
}

/************************************************************************************
* Zone Footer
*************************************************************************************/
.footer {
	padding: 20px 0 1px 0;
	text-align: center;
	color: #003366;
	font-size:.9em;
}

.footer ul {
	padding: 5px 0;
	margin: 0 10px;
	list-style: none;
}

.footer ul.first-line {
	border-bottom: 1px solid #a5ccf5;
}

.footer ul li {
	display: inline;
	background: url(../images/separateur-footer.gif) repeat-y 0 3px;
	font-size: 1em;
	padding-left: 8px;
	padding-right: 4px;
}

.footer ul li.first {
	background: none;
	padding-left: 0;
}

.footer ul li a {
	font-family: Trebuchet MS, sans-serif;
	text-decoration: none;
}

.footer ul li a:hover {
	text-decoration: underline;
}

/************************************************************************************
* Zone Footer Gouv
*************************************************************************************/
.footer-gouv {
	height: 59px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.footer-gouv .gouv-logo {
	display: block;
	margin: 0 auto;
	border: none;
}

.footer-gouv a.copyright {
	display: block;
	font-family: Trebuchet MS, sans-serif;
	margin-top: 5px;
	font-size:.9em;
}

/* Page Ministeres et organismes */

#indexmo {
	font-weight: bold;
}

#indexmo a {
	text-decoration: underline;
}

#listemo {
	clear: both;
	margin-top: 25px;
}

#listemo h4 {
	width: 18px;
	height: 18px;
	margin: 10px 0 10px 5px;
	padding-top: 3px;
	text-align: center;
	background: #ECF6FF;
	border: 1px #9CC9E3 solid;
}

#listemo li a {
	width: 83%;
	display: block;
}

#listemo .hidden,#indexmo .hidden {
	display: none;
}

#listemo a.thickbox {
	display: block;
	width: 17%;
	position: absolute;
	top: 5px;
	right: 0;
	text-align: right;
}

#listemo a.thickbox:visited {
	color: #80599F;
}

#listemo ul {
	margin: 15px 0 0;
	padding: 0;
}

#listemo a.hautpage {
	display: block;
	margin: 15px 0 15px 5px;
}

#listemo li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	position: relative;
	border-top: 1px solid #c2e0ed;
	width: 564px;
	display: block;
}

#listemo li.first {
	border: none;
}

#minorg-description h1 {
	color: #003366;
	font-size: 1.1em;
}

#dateDernModif {
	padding-bottom: 5px;
}

.colonne-1 {
	width: 250px;
	float: left;
}

.colonne-2 {
	width: 250px;
	float: left;
}

/* Services en ligne */
.service {
	margin: 0 0 1.5em;
}

.service h3 {
	margin: 0;
	font-size: 1em;
	padding: 0 0 0 10px;
	background: transparent url(../images/puce_n2.gif) 0 7px no-repeat;
}

.service h3 a {
	text-decoration: none;
}

.service h3 a:hover {
	text-decoration: underline;
}

.service_populaire a {
	text-decoration: none;
}

.service_populaire a:hover {
	text-decoration: underline;
}

.service p {
	margin: .2em 0 0 10px;
	font-size: .9em;
}

.service .ministere {
	color: #333;
	font-size: .85em;
}

.service .formulaire {
	font-size: .9em;
	padding: 0 0 0 16px;
	background: url(../images/puce_form.gif) 0 4px no-repeat;
}

.service .formulaire a {
	text-decoration: none;
}

.service .formulaire a:hover {
	text-decoration: underline;
}

/*Bureau R�gionaux*/
.nouveau {
	background: url(../images/nouveau-fr.gif) no-repeat right;
	padding-right: 45px;
}

.nouveau_bureau_fr {
	background: url(../images/nouveau-fr.gif) no-repeat right;
	padding-right: 45px;
}

.nouveau_bureau_en {
	background: url(../images/nouveau-en.gif) no-repeat right;
	padding-right: 30px;
}

.nouveau_bureau_es {
	background: url(../images/nouveau-fr.gif) no-repeat right;
	padding-right: 45px;
}

/*********************************************************************************
* Zone de nouvelle r�gionale RSS
*********************************************************************************/
#actualite-rss {
	background: transparent url(../images/rss.gif) repeat-x scroll left top;
	display: block;
	height: 16px;
	position: absolute;
	right: 5px;
	top: 2px;
	width: 16px;
}

#actualite-rss span {
	display: none;
}

h1 .titre_rss {
	max-width: 95%;
}

/*********************************************************************************
* Page interne de message d'urgence
*********************************************************************************/
#zonetexte .urgenceinfo h1 {
	background: #074370 url(../images/urgence_logo.gif) no-repeat scroll 4px
		1px;
	color: #fff;
	height: 29px;
	padding-left: 40px;
	padding-top: 6px;
}

#zonetexte .urgenceinfo .image {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	width: 220px;
}

#zonetexte .urgenceinfo .image div {
	margin-top: 5px;
}

#zonetexte .urgenceinfo h3 {
	color: #a89763;
}

#zonetexte .urgenceinfo .article {
	margin-bottom: 15px;
}

#zonetexte .urgenceinfo .boites {
	clear: both;
}

#zonetexte .urgenceinfo .boites h4 {
	background: #F2AB53 url(../images/alerte_bg.gif) repeat-y scroll 0%;
	margin: 0;
	padding: 5px 0pt 5px 5px;
}

#zonetexte .urgenceinfo .boites div {
	border: 1px solid #F2AB53;
	float: left;
	margin: 5px 10px 5px 0pt;
	padding: 0;
	width: 47%;
}

#zonetexte .interetinfo h1 {
	background: #e4f3fc url(../images/message_logo.gif) no-repeat scroll 9px 6px;
	height: 29px;
	padding-left: 40px;
	padding-top: 6px;
}

#zonetexte .interetinfo .image {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: center;
	width: 220px;
}

#zonetexte .interetinfo .image div {
	margin: 5px 0 0 0;
	padding: 0;
}

#zonetexte .interetinfo h3 {
	color: #a89763;
}

#zonetexte .interetinfo .article {
	margin-bottom: 15px;
}

#zonetexte .interetinfo .boites {
	clear: both;
}

#zonetexte .interetinfo .boites h4 {
	background: #F2AB53 url(../images/alerte_bg.gif) repeat-y scroll 0%;
	margin: 0;
	padding: 5px 0pt 5px 5px;
}

#zonetexte .interetinfo .boites div {
	border: 1px solid #F2AB53;
	float: left;
	margin: 5px 10px 5px 0pt;
	padding: 0;
	width: 47%;
}

/*########## ALBUM PHOTOS ##########*/
#album-photo td {
	padding: 10px;
}

#album-photo .photo-auteur {
	color: #1783c0;
	font-size: 0.8em;
	margin-top: 5px;
}

#TB_caption .photo-auteur {
	color: #1783c0;
	font-size: 0.8em;
	margin-bottom: 5px;
}

/*############ Calendrier Yahoo ############*/
.yui-skin-sam {
	margin: 0pt auto;
	clear: both;
	position: relative;
	padding-top: 1.5em;
	right: 1px;
}

#yui-history-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px; /* avoid scrollbars */
	visibility: hidden;
}

#radioregions,#radiothemes {
	margin-right: 5px;
}

#legende-date-select {
	margin-top: 12px;
}

#legende-date-select div {
	background-color: #b3d4ff;
	float: left;
	height: 20px;
	width: 20px;
	margin: 0 5px 0 0;
}

#liste-evenement {
	border-collapse: separate;
	border-spacing: 0pt;
	font-family: arial;
	margin: 30px 0pt 0pt;
	padding: 0pt;
	padding-bottom: 20px;
}

#liste-evenement th {
	background: #D8D8DA url(../images/event-table-th-bckgrd.jpg) repeat-x
		scroll 0pt 0pt;
	font-weight: bold;
	margin: 0pt;
	padding: 0pt;
	text-align: left;
}

#liste-evenement td.col1 {
	border-color: #CBCBCB;
	border-style: none solid none none;
	border-width: medium 1px medium medium;
	margin: 0pt;
	padding: 0pt;
	text-align: left;
	vertical-align: top;
}

#liste-evenement .liste-evenement-header-date {
	width: 85px;
	border-color: #CBCBCB;
	border-style: none solid none none;
	border-width: medium 1px medium medium;
}

#liste-evenement .odd {
	background-color: #DDEDFA;
}

#liste-evenement .liste-evenement-header-description {
	width: 436px;
}

#liste-evenement .liste-evenement-body-title a {
	color: #003366;
	text-decoration: none;
}

#liste-evenement .liste-evenement-body-title a:visited {
	color: #516D88;
}

#liste-evenement .liste-evenement-header-date,#liste-evenement .liste-evenement-header-description,#liste-evenement .liste-evenement-body-title,#liste-evenement .liste-evenement-body-date,#liste-evenement .liste-evenement-body-description,#liste-evenement .liste-evenement-body-gotop
	{
	margin: 0pt;
	padding: 4px 10px;
}

.noLinkEvent {
	color: #057ABC;
	font-weight: bold;
	font-style: italic;
}

/*********************************************************************************
* Zone pour les dropdown lists du calendrier des �v�nements et le prix du gouvenrment
*********************************************************************************/
.yui-skin-sam .legende-calendrier,.yui-skin-sam .recherche-mots-cles {
 	float: right;
    margin-right: 35px;
}

.yui-skin-sam .legende-calendrier{
	margin-top: 31px;
}

.legende-calendrier,.recherche-mots-cles {
	background-color: #EFF5FA;
	border-color: #BBD4E9;
	border-style: solid;
	border-width: 1px;
	width: 270px;
}

.legende-calendrier {
	top: 104px;
	padding-bottom: 6px;
}

.recherche-mots-cles input {
	margin-top: 4px;
	width: 185px;
}

.recherche-mots-cles input#titleonly {
	margin-top: 0;
	width: auto;
}

.recherche-mots-cles button {
	background: transparent none repeat scroll 0 0;
	border: 1px solid transparent;
	margin: 0 0 0;
	padding: 0;
	vertical-align: middle;
}

#resultat-recherche {
	margin-top: 25px;
	margin-bottom: 12px;
}

#cal-recherche-accessible {
	text-align: center;
	color: #004682;
	font-weight: bold;
	font-size: 1.4em;
	position: relative;
	top: 18px;
}

#cal-recherche-accessible a img {
	background: transparent none repeat scroll 0 0;
	border: none;
}

#label-mois-anne {
	display: inline;
	padding: 10px;
}

#mois-precedent {
	position: relative;
	top: 3px;
}

#mois-suivant {
	position: relative;
	top: 3px;
}

#backToCalendar {
	margin-top: 10px;
}

#backToCalendar a {
	text-decoration: underline;
}

select.evenements {
	width: 220px;
}

div.listAlign {
	padding-left: 30px;
	padding-top: 4px;
}

div #showHideJavascript {
	display: none;
}

/************** Pour cacher les AccesKey **************/
.skipnav {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

/* Bandeau de sortie JQuery. */
.bandeausortie {
	border: 2px solid #666666;
	background: #e6f1fb;
}

.bandeausortie .ui-dialog-titlebar {
	display: none;
}

.bandeausortie .ui-dialog-content {
	margin: 10px;
}

.bandeausortie .ui-dialog-content h2 {
	color: #cc6600;
	font-size: small;
}

.bandeausortie .ui-dialog-content p {
	font-size: small;
}

.bandeausortie .ui-dialog-buttonpane {
	width: 100%;
}

.bandeausortie .ui-dialog-buttonpane button {
	background: transparent;
	border: none;
	float: right;
	margin: 0 5px 5px 0;
	padding: 0;
	text-decoration: underline;
	cursor: pointer;
	font-size: 1.1em;
}

/*********************************
Ajout d'une section sous la liste des événements
*********************************/
#noevent {
	color: #003366;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 20px;
}

#reset-recherche {
	padding-top: 20px;
}

#reset-recherche .reset {
	cursor: pointer;
}

#region-lien #url-lien { 
	padding-top: 5px;
}

/*********************************************************************************
* Pour Nous Joindre par courriel
*********************************************************************************/
#div_courriel_nom,#div_courriel_email,#div_courriel_message,#div_courriel_boutons
	{
	clear: both;
	padding-top: 12px;
}

#div_courriel_nom_titre,#div_courriel_email_titre,#div_courriel_message_titre
	{
	font-weight: bold;
}

#div_courriel_email_titre_descr,#div_courriel_message_titre_descr {
	font-weight: normal;
}

/*********************************************************************************
* Minorg
*********************************************************************************/
#motscles {
	display: none;
}

/********************************************************************************
* Image de retour des liens vers les autres portail dans pour nous joindre ex: s=13
********************************************************************************/
#backlink {
	background: transparent url(../images/img_retour.gif) no-repeat scroll
		left top;
	height: 68px;
	width: 172px;
	margin-top: 10px;
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 0;
	padding: 0;
	font-size:x-small;
}

#backlink a.nous-joindre-texte {
	color: #0A5092;
	font-size: 1em;
	height: 37px;
	padding-top: 0;
}

#backlink a.nousjoindre-prefix {
	font-size: 1.1em;
	color: #DD7A21;
	padding-bottom: 0;
	height: 11px;
}

#backlink a {
	display: block;
	text-decoration: none;
	width: 130px;
	font-weight: bold;
	padding: 7px 6px 14px 34px;
}

.colonne-gauche {
	float: left;
}

.colonne-centre {
	float: left;
}

.colonne-droite {
	float: left;
}

#categoriesservices ul li {
	color: #003366;
	margin-left: 15px;
}

#categoriesservices ul {
	color: #057ABC;
	float: left;
	width: 30%;
	padding-left: 0px;
	padding-right: 14px;
}

#categoriesservices {
	margin: 0px 15px;
}

#zonetexte li.li-carre-orange {
	background: url("../images/accueil-acces-bullet.gif") no-repeat scroll 0
		11px transparent;
	font-weight: bold;
	list-style: none outside none;
	margin-left: -15px;
	padding-left: 15px;
	padding-top: 5px;
}

#listeservices .servicestitre {
	background: transparent url(../images/bullet.gif) no-repeat scroll 0 5px
		;
	padding-left: 10px;
	font-weight: bold;
	color: #057ABC;
}

#listeservices .servicessoustitre {
	padding-left: 10px;
}

#listeservices .servicesdescription {
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 20px;
}

/* Portlet indisponible. */
div#portlet-indisponible {
	width: 350px;
	margin: 0 auto;
	text-align: center;
	margin-top: 55px;
}

.validation-titre {
	font-weight: bold;
	clear: right;
}

.validation-description {
	width: 500px;
	margin-left: 25px;
}

/* Organigramme (utilis� dans SQ.... pour l'instant */
#zonetexte ul#tree,#zonetexte ul#tree ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#zonetexte ul#tree li ul {
	background: url(../images/vline.png) repeat-y;
}

#zonetexte ul#tree {
	margin-left: 18px;
	width: 500px;
}

#zonetexte ul#tree ul {
	margin-left: 10px;
}

#zonetexte ul#tree li {
	margin: 0;
	padding: 10px 0 0 12px;
	line-height: 20px;
	color: #000000;
	list-style: none;
}

#zonetexte ul#tree ul li {
	background: url(../images/node.png) no-repeat;
}

#zonetexte #tree .node .name {
	font-weight: bold;
}

#zonetexte #tree .node {
	border: 1px solid #004682;
	background-color: #FCF9F4;
	padding: 4px;
	font-size: small;
}

#zonetexte #tree li.last {
	background: #fff url(../images/lastnode.png) no-repeat;
}

#zonetexte #tree li div.isParent {
	cursor: pointer;
	text-decoration: none;
}

#zonetexte #tree li div .node {
	padding-left: 15px;
}

#zonetexte #tree div.isParent div.title {
	background: transparent url(../images/arrow.png) no-repeat scroll 0 8px;
}

#zonetexte #tree div.title {
	padding: 4px 0 0 14px;
}

#zonetexte #tree div.name {
	padding: 4px 0 0 14px;
}

#zonetexte #tree div.isParent div.title.open {
	background: transparent url(../images/arrow-down.png) no-repeat scroll 0
		8px;
}

/*** Fin organigramme ****/
.imprimer-fiche {
	cursor: pointer;
	left: 5px;
	position: absolute;
	top: 4px;
}

/*** Zones particulières ***/
#pub-gauche-bas {
	padding: 10px 0 10px 10px;
	width: 175px;
}

#pub-centre-haut {
	padding: 2px 0 0 15px;
	width: 564px;
}

#pub-centre-haut p {
	padding: 0;
	margin: 0;
}

#zonetexte .valid-incorrect {
	font-weight: bold;
}

.iconeAccessibilite{
	height:1px !important;
	width:1px !important;
	margin:0px !important;
	padding:0px !important;
}

.loupeChercher{
    float: right !important;
    height: 27px !important;
    width: 27px !important;
    margin: 0 20px 2px 0 !important;
    padding-top: 3px !important;
}
ul.listeRss{
	margin:0 !important;
	padding:0 !important;
}
ul.listeRss li{
	list-style:none !important;
	background:url("/portail/themes/html/PGS/images/rss.gif") no-repeat;
	padding: 0 0 15px !important;
}
ul.listeRss li a{
	padding-left:20px;
}