@media screen {

html {
	background: #fff;
}

body {
	margin: 5px auto;
	padding: 0;
	width: 760px;
	font-family: Tahoma, sans-serif;
	font-size: 0.8em;
	background:white; 
	color:black; 
	text-align: center; /*  Centrer le contenu dans Internet Explorer (AF) */
}	

p {
	margin: 5px 0;
	padding: 0;
}
	
p.sousTitre {
	color: #b04517;
	position:relative;
	top:-0.85em;
	padding:0;
	margin:0;
}
	
p.dateSeminaire {
	color: #b04517;
	position:absolute;
	right:0 !important;
	right:15px;
	top:-5px;
}
	
p.bold {
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #B04517;
	margin:0 0 10px 0;
	padding:0; 
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #B04517;
	margin:0.5em 0;
	padding:0;
}

h3 {
	font-size: 1.2em;
}

a {
	text-decoration: underline;
	color: #002A7F;
}
	
a:hover { 
	text-decoration: underline; 
	color: #538BBA;
}

/* es pour la page d'accueil	*/	
	
div.entete1 {
	position:relative;
	width:705px;
	height:180px;
	margin:0;
	padding:0;
}

div.entete1 img {
	position:absolute;
	bottom:0;
	}
	
div.entete2 {
	width:705px;
	height:58px;
	margin:0;
	padding:0;
	background:url(../images/imgAccueil2.gif) no-repeat;
}
	
input.btnAcces {
	background:url(../images/bgBoutonAcces.gif) no-repeat;
	border:0;
	color:#606143;
	cursor: pointer;
	width:156px;
	height:51px;
	position:relative;
	top:7px;
	left:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
	
div.colGroup {
	width:760px;
	padding:25px 0 0 0;
	margin:0;
	float:left;
}
	
div.colGauche {
	width:402px;
	float:left;
	margin:0;
	padding:0;
}

div.colGauche h2 {
	margin-top:30px;
	font-size:13px;
}

div.colGauche ul {
	margin-left:15px;
	padding-left:0;
}
	
div.colGauche ul li {
	margin-bottom:10px;
}

div.colDroite {
	width:244px;
	float:left;
	background:url(../images/bgColDroite.gif) no-repeat 40px top;
	min-height:140px;
	height:auto !important;
	height:140px;
	padding:20px 68px 0 46px;
}

div.colDroite table caption {
	color:#c0714e;
	font-family:"Arial Black", Helvetica, sans-serif;
	font-size:16px;
	line-height:1.2em;
	padding-bottom:20px;
	text-align:left;
}
	
div.colDroite table {
font-size:100%;
}

div.colDroite table th {
	color:#b4552c;
	text-align:right;
	vertical-align:top;
}

div.colDroite table td {
	vertical-align:top;
	padding-bottom:20px;
}

hr {
	color: #dddddd;
	background-color: #dddddd;
	height: 1px;
	border: 0;
}
	
/* fin styles pour la page d'accueil */
	

/* Styles de tableaux de saisie de données (tous les tableaux servant aux formulaires)	*/
table.saisieDonnees {
	background:#f1f2e4;
	border:1px solid #a54312;
	border-collapse:collapse;
	font-size:12px;
}
table.saisieDonnees td label {
	font-weight:bold;
	color:#a54312;	
}
table.saisieDonnees caption {
	background:#a54312;
	color:#f1f2e4;	
	font-size:110%;
	font-weight:bold;
	padding:4px;
	text-align:left;
}
	
table.saisieDonnees th {
	padding:4px;
	text-align:right;
	color:#a54312;

}	
table.saisieDonnees th span.msg-erreur {
	color:#a54312;
}

table.saisieDonnees td {
	padding:4px;
}	

		

table.tabl {
	border-collapse:collapse;
	font-size:1.2em;
}
	
table.alignGauche {
	float:left;
	width:369px !important;
	width:365px;
	margin-right:1px;
	padding:0;
}
	                                             	
table.tabl a {color:#7d7f48;}
table.tabl th a {color:#ffffff;}
	
table.tabl caption {	
	text-align:left;
	font-size:0.8em;
	font-weight:bold;	
}
table.tabl tr td.zoneAlerte {background:#fff;}
	
.tabl th {
	padding:5px;
	text-align: left;
	background: #7d7f48;
	white-space:nowrap;
	vertical-align:top;	
	/*
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	*/
	font-size: 0.8em;
	color:white;	
	border:1px solid #ffffff;
}

.tabl td {
	padding:5px;
	text-align:left;
	background-color:#f7f7f4;
	vertical-align:top;
	/*border-bottom: 1px solid  #7D7F48;*/
	/*
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	*/
	font-size: 0.8em;
	border:1px solid #ffffff;
}

.tabl td input {
	border:0;
	}
	
.corp-form {
	float:left;
	/**	
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #EBB600;**/
	background: #FFFFFF;
}
	
.pied-form {
	margin: 0 auto 20px auto;
	padding: 5px;
	border: none;
	clear:both;
}

.corp-form fieldset {
	float:left;
	font-size:12x;
	width:740px;
	margin: 0;
	padding: 0;
	font-style: normal;
	border:0;
	/*	border: 2px solid #7D7F48;*/
}

.corp-form fieldset label {
	/* J'enl�ve 0.5% sur le width des label qui sont dans un fieldset, car comme le fieldset � une marge, les label
	   n'�taient plus align� avec ceux qui ne sont pas dans un fieldset.*/
/*	width: 27.5%;
	font-weight: bold;*/
}

.corp-form label {
/*	float: left;*/
/*	margin: 0 2% 0 0;*/
/*	width: 28%;*/
/*	text-align: right;*/
/*	font-weight: bold;*/
}

.corp-form input, select, textarea {
/*	padding: 1px 2px; 
	border: 1px solid;
	scrollbar-base-color: #F6DF6B;
*/
}

.corp-form select {	
	height:20px;
}
	
.input {
	padding: 0 2px; 
	border: 1px solid;
}

.input-majuscule {
	padding: 0 2px; 
	border: 1px solid;
	text-transform: uppercase;
}

.input-sans-label { /* Cette classe sert � aligner les input qui n'ont pas de label. */
	margin: 0 0 0 19%; /* Le 19% correspond au width de 17% du label + le margin de 2%. */
}

.outputtext {
	border: 1px solid #EBB600;
	background-color: #FAF4D5; 
}

.corp-form p {
	margin: 0 auto;	
}
	
div.boutons {
	margin: 10px 0 2px 0;
	position:relative;
}

div.boutons input {
	cursor: pointer;
	background:#b04517;
	border-top:2px solid #f5f5f6;
	border-right:2px solid #7c7b7d;
	border-bottom:2px solid #7c7b7d;
	border-left:2px solid #f5f5f6;
	font-weight:bold;
	color:#ffffff;
	padding:0 8px 0 8px;
	/* début fix IE padding boutons */
	width:auto;
	overflow:visible;
	/* début fix IE padding boutons */
}

div.boutons input.precedent {
	padding-left:18px;
	position:absolute;
	left:0;
	background:#b04517 url(../images/btnPrecedent.gif) no-repeat left 50%;
}

	
div.boutons input.cntbutton {
	position:absolute;
	right:0;
	background:#b04517;
}
	
div.boutons input.suivant {
	padding-right:18px;
	background:#b04517 url(../images/btnSuivant.gif) no-repeat right 50%;
	position:absolute;
	right:0;
}


.section {
	display: block;
	margin: 5px auto;
}

.entete-section {
	margin-right: 4px;
	float: right;
	/*font-family: chaloult;*/
	color: white;
}

.corp-section, .min-section {
	padding: 5px;
	border: 1px solid #EBB600;
	border-top: none;
	background: #FAF4D5;
}

.min-section {
	display: none;
	font-size: x-small;
}

.titre-section1 {
	font-size: 1.6em;
}

.titre-section2 {
	font-size: 1.4em;
}

.titre-section3 {
	font-size: 1.2em;
}
	
div#global {
	padding:0;
	margin: 0;
	width: 760px;
	text-align: left;
}
	

div.zoneAide {
/*	float:left;*/
	width:100%;
	clear:both;
	padding-bottom:5px;
	text-align:right;
}
	
div.zoneAide input
	{
	cursor: pointer;
	background:#b04517;
	border-top:2px solid #f5f5f6;
	border-right:2px solid #7c7b7d;
	border-bottom:2px solid #7c7b7d;
	border-left:2px solid #f5f5f6;
	font-weight:bold;
	color:#ffffff;
	padding:0 8px 0 8px;
	/* début fix IE padding boutons */
	width:auto;
	overflow:visible;
	/* début fix IE padding boutons */
}

input.ajouter	{
	cursor: pointer;
	background:#b04517;
	border-top:2px solid #f5f5f6;
	border-right:2px solid #7c7b7d;
	border-bottom:2px solid #7c7b7d;
	border-left:2px solid #f5f5f6;
	font-weight:bold;
	color:#ffffff;
	padding:0 8px 0 8px;
	/* début fix IE padding boutons */
	width:auto;
	overflow:visible;
	/* début fix IE padding boutons */
}	
	
div#aide {
	text-align: left;
	vertical-align: middle;
	padding-left:4px;
	background-color: #7d7f48;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-color: #999999;
}

.bodyaide {
	width: 615px;
}

.bodyaide p {
	padding:0 5px;
}
	
div#entete {
	margin: 0 0 10px 0; 
	float:left;
	clear:both;
	overflow: auto;
	height: 100px;
}

div#logo {
	float: left;
	width: 209px;
	height: 77px;
	background: url("../images/logo_quebec.gif") no-repeat left top;
}

div#banniere {
	float: right;
	width: 449px;
	height: 57px;
	background: url("../images/bandeau.jpg") no-repeat right top;
}

div#menu {
	float: right;
	width: 540px;
	height: 16px;
	background-color: #003399; 
}

div#corp {
	float:left;
	clear:both;	
	width:728px;
/*	margin: 0 16px 0 16px;*/
	padding: 0 16px 0 16px;
	margin:0;
	position:relative;
	background: #FFFFFF;	
}

div#pied-page {
	color:#4567ae;
	float:left;
	clear:both;	
	width:100%;
	margin: 20px 0 20px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	/*position:relative;*/
	/*background-color:#ffa;*/
}


div#pied-page a {
	font-size: 10px;
	text-decoration:none;
	color:#4567ae;
}

div#pied-page a:hover{
	text-decoration: underline;
	color: #538BBA;
}

div#menu-vertical {
	float: left;
	margin: 0;
	width: 105px;	
	/*height: 338px;*/
	z-index:10;
	/*background-color: rgb(225, 225, 196);*/
}

div#menu-vertical a{
   font-weight: bold;
   font-family: Verdana, Arial, sans-serif;
   color: #B04517;
   text-decoration: none;
}
	
div#menu-vertical a:hover{
   font-weight: bold;
   font-family: Verdana, Arial, sans-serif;
   color: #7D7F48;
   text-decoration: underline;
}
hr#menu-vertical 
{
	color: white;
	width: 80%;
	text-align: center;
	height: 2px;
}
p#menu-vertical
{
	border: medium;
	border-color: blue;
}
div#menu-item{
	border-width:1px;
	border-color: red;	
	background-color: blue;	
	padding-right: 10px;
	
}	
/*------------------------------------------------------------------------------------------------
  											Le contenu 
------------------------------------------------------------------------------------------------*/

div#contenu {
	/*padding-left: 5px;*/
	/*margin-left: 5px;*/
	z-index:1;
	/*background-color:#ff5;*/
}

* html div#contenu {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }
div#contenu h2, h3, p {
	margin: 1em 0;
	padding:0;
}

div#contenu a {
	text-decoration: underline;
	color: #002A7F;
}


.texteContenu
{
	padding-left:0;
	text-align: left;
}
.participant {
	width:450px;
	margin: 20px ;
	padding: 5px;
	border: 2px solid #7D7F48;
}
/*------------------------------------------------------------------------------------------------
  											La navigation
------------------------------------------------------------------------------------------------*/
div#menu ul {
	margin: 0;
	height: 25px;
	list-style-type: none;
}

div#menu li {
	float: right;
	text-align: center;
}

div#menu li a {
	display: block;
	width: 110px;
	color: #616A74;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
}

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

/*------------------------------------------------------------------------------------------------
  										Complément (autre classe)
------------------------------------------------------------------------------------------------*/

ul.liste-puce li {
	padding: 0;
	margin: 0 30px;
	color: #EBB600;
	list-style-type: square;
}

ul.liste-puce li span {
	color: #616A74;
}

.msg-erreur {
	display: inline;
	color: red;
	font-weight: normal;
}

.evidence {
	border: 2px solid  #EBB600;
	background: #F6DF6B;
}

.input-center {
	text-align: center;
}

.input-right {
	text-align: right;
}

table {
	width:100%;
	/*border-collapse:collapse;*/
}

div.boutons-center {
	text-align: center;
}

.droite {
	float: right;
}

.rouge {
	color: red;
}

.image {
	margin: 0 5px;
	vertical-align: inherit;
	cursor: pointer;
}

.txt-droite {
	text-align: right;
}

.txt-centre {
	text-align: center;
}

.entete-calendrier {
	border: 1px solid #EBB600;
	background: #F6DF6B; 
}

.montant {
	font-weight: bold;
}

.montantTotal {
	font-weight: bold;
	font-style: italic;
}
	
.numeroConfirmation {
	font-weight: bold;
}
	
.infoerreur {
	text-align: center;
}

.gouv {
	font-size: 10px;
	color: #828282;
}

.gouv:hover { 
	text-decoration: underline;
}
	
.smalltitle {
	text-align: right;
	color: #B04517; 
	font-weight: bold;
}
	
.aidetitle { 
	font-size: 12px;
	color: #636539;
	font-weight: bold;
	text-align: left;
}

/* Fil d'ariane (Étapes de navigation) */
/* Sebastien Desroches, Nurun Inc.*/

ul#filAriane {
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:15px 10px 25px 35px;
	color:#808080;
	width:700px !important;
	width:695px;
	background: url(../images/bgFilariane.gif) no-repeat left top;
	}

#filAriane li strong {
	font-size:12px;
	color:#000000;
	line-height:1em;
	font-weight:normal;
	}
	
#filAriane li span {
	color:#ffffff;
	display:block;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background: url(../images/bgEtape_inactif.gif) no-repeat 50% top;
	padding:4px 0 10px 0;
	font-weight:bold;
	font-size:18px;
	}

#filAriane li.actif span {
	color:#b04517;
	background: url(../images/bgEtape_actif.gif) no-repeat 50% top;
	}

#filAriane li {
	display:block;
	float:left;
	font-size:10px;
	width:100px;
	min-height:50px;
	text-align:center;
	margin:0;
	padding:0;
	}

#filAriane li.icnFleche  {
	display:block;
	height:30px;
	width:2px;
	padding:0 6px;
	font-size:1px;
	background: url(../images/icnFleche_inactif.gif) no-repeat 40% 30%;
	}

#filAriane li.actif.icnFleche  {
	width:8px;
	background: url(../images/icnFleche_actif.gif) no-repeat 50% 30%;
	}
	
}
div#menu a {font-family:"arial narrow"; font-size:90%; color:#ffffff;  text-decoration:none; padding-left:20px; letter-spacing:0.1em}
div#menu a:hover {text-decoration:underline;}
div#menu a.premier {padding-left:40px;}


@media print {
	#filAriane {display:none;}
	div#pied-page {display:none;}
	div.boutons {display:none;}
	table th {text-align:left;}
	div#entete {display:none;}
	div.zoneAide {display:none;}
	p.sousTitre {display:none;}
	tabl {width:100%}
}