﻿html 
{
   word-wrap: break-word;
} 

body {  
  width: 760px;
  margin: 0 auto;

  font-family: Verdana, Arial,Helvetica,sans-serif;
  font-size : 0.80em;
}

#page {
  width: 760px;

  margin-top: 35px;
  margin-bottom: 20px;
}

p {
  margin: 10px;
}

a:focus  {
  outline:2px solid #000000; 
  outline-offset:2px;   
}
 
input:focus  {
  outline:2px solid #000000; 
  outline-offset:2px;   
}
 
select:focus  {
  outline:2px solid #000000; 
  outline-offset:2px;   
}
 
.TexteItalique
{
  font-style: italic;
}

/*********************************************************************/
/******************** Définition des headers *************************/
/*********************************************************************/  

h1 {
	font-size: 1.0em;
}

h2 {
	font-size: 0.95em;
}

h3, h4, h5, h6 {
	font-size: 0.9em;
}
    
/*********************************************************************/
/*********************** Style du PIV TOP ****************************/
/*********************************************************************/  
    
.PIV img {
   border-style: none;  
}   
    
.PIV a {
  text-decoration: none;
}

.PIV.Bandeau {
  width: 760px;
  height: 100px;	
}

.PIV.ImageDEC {
  float: left; 
  
  width: 211px;
  height: 100px;
}

.PIV.ZoneDroite {
  float: right;
   
  width: 549px;
  height: 100px;
}

.PIV.ZonePerso {
  height: 72px;
}

.PIV.BandeBleue {
  height: 15px;
  font-family: Chaloult_Cond;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #003399;
}

.PIV.ServicesQuebec {
  height: 16px; 
  float: left;
  text-align: left;
}

.PIV.ServicesQuebec a{
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	color: black;
	font-weight: bold;
}

.PIV.ServicesQuebec a:hover{
  color: black;
	text-decoration: underline;
}

.FloatDroite {
   float:right;
   clear: both;
}

/*********************************************************************/
/********* Style des boutons(Suivant/Précédent/BackToMain) ***********/
/*********************************************************************/

.Button{
  margin-top: 10px;	
	margin-bottom: 10px;
	
	clear: both;
}

.ButtonSave
{
	width: 125px;
	height: 30px;
	
	margin-top: 10px;	
	margin-bottom: 10px;	
}

.ButtonPrevious
{
  width:50%; 
  
  margin-top: 10px;	
  margin-bottom: 10px;
  float: left;
  left:0%;
  text-align:left; 
}

.ButtonNext
{
  width: 50%; 
  
  float: right;
  margin-top: 10px;	
  margin-bottom: 10px;
  
  text-align: right; 
}

.AlignCenter
{
  text-align: center;
}

.SaveFeedBack
{
  text-align: center;
  color: #6600CC;
}



/*********************************************************************/
/********************** Style du PIV BOTTOM **************************/
/*********************************************************************/

.PIV.Bottom {
  clear:both;
  text-align: center;
	
  width: 760px;
  height: 60px;
	
  margin-top: 20px;
}

.PIV.Bottom ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.PIV.Bottom ul li {
  display: inline; 
}

.PIV.Bottom ul li a {
  text-decoration: none;
  margin: .2em 1em;
}

.divVersion 
{
  font-size: 0.85em;
  margin-top: 20px;
  margin-bottom: 10px;  
}

.Copyright {
  font-size: .7em;  
  text-decoration: none;
  color: Black;
}

.LogoGouvQuebec {
  Width: 99px;
  Height: 28px;
}

/* ????????????? */ 
/*
em {
	font-size: 1em !important;
}
*/

h2.TitreSection
{
  background-color: #336699;
  color:White;
  font-weight: bold;
  padding: 7px;
}

.VAlign 
{
    vertical-align: middle;
}

.ChartFrenchHead {
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #d9e6ef;
	margin-top: 20px;
}

.ChartFrenchHead p {
	margin: 0;
	padding: 0 10px;
}