/* éléments de base */
body {
	font: 12px/18px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #665;
	margin: 0px;
}
p {
	margin-top: 0px;
	margin-bottom : 9px;
	text-align: left;
}

div {
	display: block;
	position: relative;
}

li {
	font : 11px/11px 
}

h1 {
	font: 20px/26px georgia;
	color: #824;
	margin : 22px 0px 22px 0px;
}

h2 {
	font: 16px/18px georgia;
	letter-spacing: 1px;
	color: #443;
	margin-top : 24px;
	margin-bottom : 12px;
}

h3 {
	font: bold 12px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	font-style: color: #443;
	margin-top : 18px;
	margin-bottom : 9px;
}

h4 {
	font: 13px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	font-style: color: #443;
	font-variant: small-caps;
	margin-top : 18px;
	margin-bottom : 9px;
}

h5 {font: bold 13px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	font-style: color: #443;
	margin-bottom : 0;
	margin-left: 92px;
	position: relative;
	float: none;
	margin-top: -23px;
	color: #424242;
}

a:link {
	text-decoration: underline;
	color: #248;
}
a:visited { 
	text-decoration: none; 
	color: #679;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #824;
	}


/* divs */

#PageGlobale {
	background-color: #ddc;
	position : relative;
	width : 724px !important;
	width /**/: 728px;
	margin: 20px auto;
}

#Page {
	padding:0px 4px 4px 0px;
	position : relative;
	width : 720px !important;
	width /**/: 724px;
	text-align : left;
}

#PageEntete {
	background-color: #248;
	padding: 0px 0px 0px 0px;
	position : relative;
	width : 720px !important;
	height : 240px;
}

#EnteteImage { 
	background-color: #248;
	position : absolute;
}

#EnteteMenu1 {
	margin: 20px 0px 0px 230px;
	position : absolute;
}
	
#EnteteSlogan {
	background-color: #824;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 480px;
	position : absolute;
}

#EnteteVisuel60 {
	margin: 180px 0px 0px 420px;
	position : absolute;
}

#AccueilCapsules {
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	position : relative;
	width : 720px !important;
	height: 340px;
}

#CapsuleA { 
	margin: 0px 0px 0px 0px;
	position : absolute;
	width : 240px !important;
}

#CapsuleB {
	margin: 0px 0px 0px 240px;
	position : absolute;
	width : 240px !important;
}

#CapsuleC {
	margin: 0px 0px 0px 480px;
	position : absolute;
	width : 240px !important;
}

#CapsuleBloc30 {
	margin: 30px 0px 0px 0px;
	position : absolute;
}

#CapsuleTexte {
	margin: 27px 0px 0px 40px;
	position : absolute;
	width : 185px !important;
	float: right;
}

#MenuNiv2 {
	margin: 16px 0px 0px 0px;
	width: 200px !important;
	position : absolute;
}

#PageContenu {
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #fff;
	position : relative;
}

#Bloc30Titre {
	margin: -1px 0px 0px 240px;
	position : relative;
}

#ContenuCorps {
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 240px;
	position : relative;
	width : 450px;
	width /**/: 446px;
}

#ContenuCorps2 {
	background-color: #fff;
	padding: 20px 0px 0px 240px;
	margin: 0px 0px 0px 0px;
	position : relative;
	width : 450px;
	width /**/: 446px;
}

#ContenuCorps3 {
	background-color: #fff;
	padding: 20px 0px 0px 70px;
	margin: 0px 0px 0px 0px;
	position: relative;
	width: 600px;
	width /**/: 596px  
}

#ombbase {
 	background:url(../images/omb_base.gif) right bottom no-repeat;
	display:inline-table;
  /* \*/display:block;/**/
  }
  
#ombhd {
 	background:url(../images/omb_hd.gif) right top no-repeat;
	display:inline-table;
  /* \*/display:block;/**/
  }
  
#ombbg {
 	background:url(../images/omb_bg.gif) left bottom no-repeat;
	display:inline-table;
  /* \*/display:block;/**/
  }
  
#PagePied {
	background-color: #fff;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px dotted #aa9;
	border-bottom: 1px solid #fff;
	position : relative;
	clear: both;
}
  
#PagePiedLogo {
	background-color: #fff;
	margin: 0px 0px 0px 10px;
	position : relative;
	float: left;
	width : 165px;
	width /**/: 175px;
}

#PagePiedLogoAccueil {
	background-color: #fff;
	margin: 0px 0px 0px 10px;
	position : relative;
	float: left;
	width : 205px;
	width /**/: 215px;
}

#PagePiedBloc30 {
	background-color: #fff;
	margin: 10px 0px 0px 15px;
	position : relative;
	float: left;
}

#PagePiedInscrip {
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 10px;
	position : relative;
	float: left;
	width : 205px;
	width /**/: 201px;
}

#PagePiedInscripForm {
	background-color: #fff;
	padding: 0px 0px 20px 0px;
	margin: 5px 0px 0px 10px;
	position : relative;
	float: left;
	width : 400px;
	width /**/: 396px;
}

#PagePiedMailto {
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	position : relative;
	float: left;
	width : 400px;
	width /**/: 396px;
}

#PagePiedForm1 {
 	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	position : relative;
	float: left;
	width : 180px;
	width /**/: 176px;
}

#PagePiedForm2 {
 	background-color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 10px;
	position : relative;
	float: left;
	width : 180px;
	width /**/: 176px;
}

 #NavBasPage {
	background-color: #fff;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px dotted #aa9;
	position : relative;
	clear: both;
}

 #Modalites {
	background-color: #fff;
	padding: 5px 0px 20px 0px;
	margin: 0px 20px 0px 240px;
	position : relative;
	clear: both;
}

#ProgrammeGenerique {
	margin: 0px 0px 0px 20px;
	border-top: 1px dotted #aa9 !important;
	position : relative;
}

#ProgrammeMontreal {
	margin: 0px 0px 0px 20px;
	border-top: 1px dotted #aa9 !important;
	position : relative;
}

#ProgrammeRegion {
	margin: 20px 0px 0px 20px;
	border-top: 1px dotted #aa9 !important;
	position : relative;
}

table#TableProgramme tr.Identifiant {
	margin: 0px 0px 0px 0px;
	background-color: #dde;
}

table#TableProgramme tr.Contenu {
	margin: 0px 0px 0px 0px;
	background-color: #eed;
}

table#TableProgramme td.Etiquette {
	font: 10px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	font-style: color: #fff;
	vertical-align: top;
	padding: 5px 5px 7px 5px;
}

table#TableProgramme td.Info {
	font: 11px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	font-style: color: #f00;
	vertical-align: top;
	padding: 5px 5px 7px 5px;
	border-top: 1px solid #fff;
}

	
/* classes*/


ul.Menu1 {
	list-style-type: none;
}

.Menu1 li {
	padding: 0px 0px 0px 20px;
	display: block;
	margin: 8px;
	background : url(../images/img_boulet_menu_n1.gif) 5px 6px no-repeat;
}

.Menu1 a {
	font: 11px/15px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	text-decoration: none;
	color: #8ae;
}

.Menu1 a:visited {
	color: #8ae;
	text-decoration : none;
}

.Menu1 a:hover {
	color: #acf;
	text-decoration : none;
}

.Menu1 a:active {
	color: #fff;
	text-decoration : none;
}

.Ici1 {
	font: 11px/15px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #fff;
	background : url(../images/img_boulet_menu_n1_actif.gif) 5px 4px no-repeat !important;
}

ul.Menu2 {
	list-style-type: none;
	padding: 0px 0px 0px 7px;
	margin: 0px;
}

.Menu2 li {
	font: 11px/14px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	padding: 0px 0px 0px 20px;
	display: block;
	margin: 8px;
	background : url(../images/img_boulet_menu_n2.gif) 5px 3px no-repeat;
}

.Menu2 a {
	text-decoration: none;
	color: #887;
}

.Menu2 a:visited {
	color: #887;
	text-decoration : none;
}

.Menu2 a:hover {
	color: #665;
	text-decoration : none;
}

.Menu2 a:active {
	color: #887;
	text-decoration : none;
}

.Menu2categorie {
	font: 11px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	margin: 12px 0px 0px 20px;
	color: #79d;
}

.Ici2 {
	font: 11px/15px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #824;
	background : url(../images/img_boulet_menu_n2_actif.gif) 5px 4px no-repeat !important;
}

ul.Menu3 {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.Menu3 li {
	font: 11px/14px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	padding: 0px 0px 0px 20px;
	display: block;
	margin: 8px;
	background : url(../images/img_boulet_menu_n3.gif) 5px 3px no-repeat;
}

.Menu3 a {
	text-decoration: none;
	color: #887;
}

.Menu3 a:visited {
	color: #887;
	text-decoration : none;
}

.Menu3 a:hover {
	color: #665;
	text-decoration : none;
}

.Menu3 a:active {
	color: #887;
	text-decoration : none;
}

.Menu3categorie {
	font: 11px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	margin: 12px 0px 0px 20px;
	color: #79d;
}

.Ici3 {
	font: 11px/15px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #824;
	background : url(../images/img_boulet_menu_n3_actif.gif) 5px 4px no-repeat !important;
}

ul.Menu4 {
	list-style-type: none;
	padding: 10px 0px 10px 14px;
	margin: 0px 0px 20px 0px;
	border-top : 1px dotted #aaa;
	border-bottom : 1px dotted #aaa;
}

.Menu4 li {
	font: 11px/14px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	padding: 0px 0px 0px 20px;
	display: block;
	margin: 8px;
	background : url(../images/img_boulet_menu_n3.gif) 5px 3px no-repeat;
}

.Menu4 a {
	text-decoration: none;
	color: #887;
}

.Menu4 a:visited {
	color: #887;
	text-decoration : none;
}

.Menu4 a:hover {
	color: #665;
	text-decoration : none;
}

.Menu4 a:active {
	color: #887;
	text-decoration : none;
}

.Menu4categorie {
	font: 11px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	margin: 12px 0px 0px 20px;
	color: #79d;
}

.Ici4 {
	font: 11px/15px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #824;
	background : url(../images/img_boulet_menu_n3_actif.gif) 5px 4px no-repeat !important;
}

ul.ParagBoulets {
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	list-style-type : square;
}

.ParagBoulets li {
	margin: 5px 0px 3px 0px;
}

.ParagBoulets ul.BouletN2  { list-style-type: circle; margin: 0 0 0 24px }

.PageSection {
	position: relative;
	background: #fff;
	border: 1px solid #fff;
	z-index: 1000;
}

.Bio {
	padding: 10px 0px 10px 0px;
	position : relative;
	border-top : 1px solid #ddc;
}

.BioNom {
	position: relative;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	width : 128px;
	width /**/: 124px;
	float: left;
}


.BioPhoto {
	position: relative;
	margin: 5px 0px 0px 20px;
	width : 70px;
	width /**/: 74px;
	float: left;
}

.BioTopo {
	position: relative;
	margin: 0px 0px 0px 0px;
	width : 410px;
	width /**/: 414px;
	float: left;
}

.NoEmploiQuebec {
	font: 13px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	font-style: color: #443;
	font-variant: small-caps;
	padding-bottom: 10px;
	margin-bottom : 15px;
	border-bottom: 1px dotted #aaa !important;
}

.Footer {
	position: relative;
	clear: both;
	overflow: hidden;
}

.FooterCapsules {
	position: relative;
	clear: both;
	margin: 0px 0px 0px 0px;
	width : 720px !important;
	border-bottom: 1px solid #fff !important;
}

.BioBold {
	font: bold 11px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	margin : 2px 0px 0px 0px;
}

.BioTitre {
	font: 10px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	margin : 3px 0px 0px 0px;
}

.AccueilTitreNouv {
	font: bold 11px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	margin : 0px 0px 6px 0px;
}

.AccueilTitreNouv2  {
	font: bold 15px/13px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #824;
	margin: 0 0 6px
}

.AccueilNouv {
	font: 11px/15px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	margin : 0px 0px 6px 0px;
}

.InscriptionTit {
	font: 16px/18px georgia;
	color: #824;
	margin : 0px 0px 7px 0px;
}

.InscriptionSousTit {
	font: 14px/16px georgia;
	color: #824;
	margin : 0px 0px 7px 0px;
}

.InscriptionSousTit2 {
	font: 14px/16px georgia;
	color: #824;
	margin : 20px 0px 5px 0px;
}

.Instruction {
	font: 11px/15px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #665;
	margin : 0px 0px 20px 0px;
	width: 400px;
}

.Instruction2 {
	font: 11px/15px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #665;
	margin : 0px 0px 0px 0px;
	width: 400px;
}

.Etiquette {
	font: 10px/11px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #887;
	margin : 0px 0px 4px 0px;
}

.Soumettre {
	font: 10px/11px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #824;
	margin : 28px 0px 0px 0px;
}

p.Soumettre a {
	font: 10px/11px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #824;
	margin : 0px 0px 0px 0px;
	border : 0px;
	text-decoration : none;
}

p.Soumettre a:visited {
	color: #824;
	text-decoration : none;
}

p.Soumettre a:hover {
	color: #824;
	text-decoration : underline;
}

.Details {
	font: 10px/11px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #824;
	margin : 6px 0px 0px 0px;
}

p.Details a {
	font: 10px/11px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #824;
	margin : 0px 0px 0px 0px;
	border : 0px;
	text-decoration : none;
}

p.Details a:visited {
	color: #824;
	text-decoration : none;
}

p.Details a:hover {
	color: #824;
	text-decoration : underline;
}

.TypoNavBasPage {
	font: 10px/11px "lucida sans unicode", LucidaGrande, Geneva, arial, verdana, sans-serif;
	color: #aa9;
	margin-left: 20px;
}


/* Form */
#TableForm td {
	padding: 3px 12px 3px 0;
	margin: 0;
	}

#TableForm select.SelectDate {
	margin : 0px 0px 0px 0px;
	}	
	
#TableForm input {

	}	
	
#TableForm p.Etiquette {
	font: 10px/11px "lucida sans unicode", arial, geneva, verdana, sans-serif;
	color: #887;
	margin : 0px 0px 1px 0px;
	}

#BoutonSoumettre {
	font: 10px/11px "lucida sans unicode", arial, geneva, verdana, sans-serif;
	background-color : #824;
	color: #fff;
	margin : 20px 0px 0px 0px;
	padding : 2px 0px 0px 0px;
}