/* TABLE DES MATIÈRES:
	- Global (body, html, h1, h2, ...)
	- Backbone
	- TopMenu
	- Banner
	- HMenu
	- ContentLeftCol
	- ContentRightCol
	- Menu
	- Footer
	- Textes
	- Formulaires
	
	#063868 = bleu logo
	#A7001F = rouge logo
	#EFEFEF = gris Content
----------------------------------------------------------------------------------------*/




/* GLOBAL
--------------------------------------------------------------------------------------- */
body#Body{
	/*background: #FFF url(images/bg3.gif) repeat-x top;	/* modif pog; original: bg2.gif */
	background: #063868;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	/*font-family: Arial, Verdana, Tahoma;*/
	font-family: Times, Times New Roman, serif;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin: 0; padding: 0; border: 0;}

h1{
	text-align:left;
	font-family:Verdana;
	font-size: 24px;
	margin: 0 5px 10px 0;
	/*font-weight: strong;*/
	font-weight: normal;
	color: #000;
	/*border-bottom: 2px dotted #CCC;*/
}
h1 strong{font-weight: bold;color: #000;}

h2{
	font-family:Verdana;
	font-size: 16px;
	color:#063868;
	/*border-bottom:1px dotted #063868;*/
}

h3{
	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	line-height:12px;
	font-weight: bold;
	color:#063868;
}

h4{
	margin-bottom: 10px;
	font-family: Verdana;
	font-size: 12px;
	line-height:12px;
 	font-weight:normal;
	font-style:italic;
	color:#063868;
}

h5{
	font-family: Verdana;
	font-size: 11px;
	line-height:12px;
 	font-weight:bold;
	color:#3d3d3d;
}

table{margin:0; border:0; border-collapse:collapse; padding:0;}
table tr{margin:0; border:0; border-collapse:collapse; padding:0;}
table tr td{margin:0; border:0; border-collapse:collapse; padding:0;}
/* le code ci-dessous est pour s'assurer qu'il n'y a pas d'espace vide entre le bas de l'image et le bas de la "bounding box" - voir http://www.highdots.com/forums/cascading-style-sheets/img-bottom-margin-mystery-233451.html */
/* img{vertical-align:bottom;} */
/* il n'est pas actif car ma mise en page était déjà faite lorsque j'ai découvert qu'il fallait l'utiliser. L'activer aurait tout détruit. */
a {outline:none;} /* pour éviter que les images ne soit encadrées d'un rectangle gris dans Firefox */



/* BACKBONE
--------------------------------------------------------------------------------------- */
#Main{
	position:relative;
	background-color: #FFFFFF;			/* ajout pog */
	layer-background-color: #FFFFFF;	/* ajout pog */
	visibility: visible;				/* ajout pog */
	overflow: auto;						/* ajout pog */
	margin: 0 auto 0 auto;
	/*padding: 0 3px 0 3px;*/
	border: 0;
	padding: 0;
	width:960px;
	text-align:left;
}
#Header{
	position:relative;
	width:958px;
	height:170px;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
}
#Content{
	z-index:-1
	float:left;
	border:solid 1px #FFF;
}
#Content table{vertical-align:top; margin:0; border:0; border-collapse:collapse; padding:0;}
#Content table tr{vertical-align:top; margin:0; border:0; border-collapse:collapse; padding:0;}
#Content table tr td.tdl{vertical-align:top; margin:0; border:0; border-collapse:collapse; padding:0;}
#Content table tr td.tdr{vertical-align:top; margin:0; border:0; border-collapse:collapse; padding:0; background-color:#EEE;}


#Footer{
 	clear:both;
	width:958px;
	border-left:solid 1px #FFF;
	border-right:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
	text-align:center;
	background:#063868;
}
#BodyBottom{
 	clear:both;
	width:960px;
	height:30px;
	text-align:center;
	background:#063868;
}




/* TOP MENU
--------------------------------------------------------------------------------------- */
#TopMenu{height:30px; padding:0; margin:0; vertical-align:middle; background:#063868; text-align:right; font-family:Verdana;}
#TopMenu ul{padding: 0;margin: 0;}
#TopMenu ul li{height:30px; padding:0; margin:0; display:inline; list-style-type:none;}
#TopMenu ul li a, #TopMenu ul li a:link, #TopMenu ul li a:visited{
	height:30px;
	line-height: 36px;
	vertical-align:middle;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	padding: 10px 15px 5px 15px;
	margin:0;
	border-left: solid 1px #FFF;
}
#TopMenu ul li a:hover, #TopMenu ul li a:visited:hover{
	background-color: #5d88a9;
}
#TopMenu ul li a.actif, #TopMenu ul li a.actif:visited{
	color:#FFF;
	font-weight: bold;
	background-color: #5d88a9;
}
#TopMenu ul li a img{
	height:16px;
	margin-right: 5px;
	border: 0;
	text-decoration: none;
}




/* HEADER, BANNER ET QUOTE
--------------------------------------------------------------------------------------- */
#HeaderLeftCol{
	float:left;
	width:340px;
	margin-left:0;
	border:0;
	padding:0;
	text-align: center;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color:#FFF;
}
#HeaderRightCol{
	float:right;
	width:600px;
	margin:0;
	border:0;
	padding:10px 0 10px 0;
	/*border:solid 1px #063868;*/
	border-top: solid 1px #FFF;
	background-color:#FFF;
}

#Banner{background-color:#FFF;}
#Banner a, #Banner a:link, #Banner a:visited, #Banner a:hover, #Banner a:active{text-decoration:none;}
#Quote{
	vertical-align:middle;
	margin-right:20px;
	padding:0px;
	background-color:#FFF;
}
#Quote table tr td{
	height:132px;
	overflow:hidden;
	vertical-align:middle;
}
#Quote table tr td{
	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	line-height:14px;
	font-weight: bold;
	color:#CCCCCC;
}
#Quote table tr td p{
	text-align:right;
	font-size: 10px;
	line-height:14px;
}




/* HMENU
--------------------------------------------------------------------------------------- */
/*#HMenu{margin:25px; font:11px Verdana,Arial; background:#eee}*/
#HMenu {width:932px; height:27px; padding:2px 5px 2px 21px; margin:0 1px 0 1px; font:11px Verdana,Arial; background:#063868;} /*padding = padding entre les boites de titre de menu et le bord de la zone bleue*/
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0;}
/*ul.menu a {display:block; color:#000; text-decoration:none}*/
ul.menu a {display:block; color:#063868; text-decoration:none;}
ul.menu li {position:relative; float:left; margin-right:2px}
/*ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}*/
ul.menu ul {position:absolute; top:28px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
/*ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}*/
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:172px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:172px; top:-1px}
/*ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}*/
ul.menu .menulink {border:1px solid #aaa; margin:0 1px 0 0; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:112px} /*width était à 104px*/
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
/*ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}*/
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 160px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}




/* CONTENT COLUMNS 
--------------------------------------------------------------------------------------- */
#ContentLeftCol{
	float:left;
	width:629px;
	height:100%;
	border:0;
	padding:0;
	background:#FFF;
}

#ContentRightCol{
	float:right;
	width:289px;
	height:100%;
	border:0;
	padding:20px;
	background:#EFEFEF;
}
#ContentBottom{
 	clear:both;
	width:958px;
}




/* FOOTER
--------------------------------------------------------------------------------------- */
#piedPage{margin: 0 auto 0 auto; width:780px; color: #999; font-family:Tahoma; font-size:10px; padding: 20px 0 20px 0;}
#piedPage a{ color: #BD9500; text-decoration: underline;}
#piedPage a:hover{ color: #000; }
#piedPage #copyrights{ float: right; margin: 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #999;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #999;}




/* SECTION - GÉNÉRAL
--------------------------------------------------------------------------------------- */
.ContentSpacer{
	float:left;
	width:100%;
	border:0;
	margin: 0px 0px 0px 0px;
	/*border-bottom: 1px dotted #A7001F;*/
}
.SectionTitle{
 	position:relative;
	/*float:left;*/
	width:549px;
	height:50px;
	margin:0 20px 0 20px;
	border:0;
	padding:40px 20px 0px 0px;    /*padding gauche: 90px*/
	/*background-color:#EEE;*/
	text-align:left;
	vertical-align:middle;
	font-family: Verdana;
	font-size:30px;
	font-weight:bold;
	font-style:italic;
	color:#dfdfdf;
}

.Section{
	position:relative;
	/*float:left;*/
	width:549px;
	margin:0 20px 0 20px;
	border:0;
	padding:20px 20px 20px 20px;
	background:#EEE;
}
.Section h1 {text-align:center; font-size:12px; font-weight:bold; color:#063868; margin:0px; padding: 0 0 6px 0;}
.Section h2 {margin-bottom: 12px;}
.Section h3 {margin-bottom: 6px;}
.Section p {
	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	padding: 5px 0 24px 0;
	font-weight: normal;
	color: #3d3d3d;
}
.Section p a, .Section p a:link, .Section p a:visited {text-decoration:underline; color: #3d3d3d;} /*utilisé pour: Missions antérieures -> participant GLavoie -> lien vers son profil de dir. exec*/
.Section p a:hover{text-decoration:underline; color: #a7001f;}
.Section ul.plist{
 	margin-top: -12px;
	margin-left: 10px;
	padding-left: 1em;
	padding-bottom: 24px;
	text-align:left;
	text-indent: -1em;
 	list-style-type:disc;
 	list-style-position: inside;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	font-weight: normal;
	color: #3d3d3d;
}
.Section ul.plist#decimal{
 	margin-top: -12px;
	margin-left: 10px;
	padding-left: 17px;
	padding-bottom: 24px;
	text-align:left;
	text-indent: -17px;
 	list-style-type:decimal;
 	list-style-position: inside;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	font-weight: normal;
	color: #3d3d3d;
}
.Section ul.plist#decimal li{padding: 8px 0 8px 0;}
/*.Section ul.plist li a, .Section ul.plist li a:link, .Section ul.plist li a:visited{text-decoration:underline; color:#3d3d3d;}*/
/*.Section ul.plist li a:hover{text-decoration:underline; color:#a7001f;}*/
.Section ul.plist ul.pplist{
 	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.Section ul.plist ul.pplist ul.ppplist{
 	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 20px;
	font-style:italic;
	color:#7f7f7f;
}
.Section ul.plist li a, a:link, a:visited{text-decoration:underline; color:#3d3d3d;}
.Section ul.plist li a:hover{text-decoration:underline; color:#a7001f;}

.Section ol.plist{
 	margin-top: -12px;
	margin-left: 10px;
	padding-left: 1em;
	padding-bottom: 24px;
	text-align:left;
	text-indent: -1em;
 	list-style-type:disc;
 	list-style-position: inside;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	font-weight: normal;
	color: #3d3d3d;
}
.Section ol.plist#decimal{
 	margin-top: -12px;
	margin-left: 10px;
	padding-left: 17px;
	padding-bottom: 24px;
	text-align:left;
	text-indent: -17px;
 	list-style-type:decimal;
 	list-style-position: inside;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	font-weight: normal;
	color: #3d3d3d;
}
.Section ol.plist#decimal li{padding: 8px 0 8px 0;}
/*.Section ul.plist li a, .Section ul.plist li a:link, .Section ul.plist li a:visited{text-decoration:underline; color:#3d3d3d;}*/
/*.Section ul.plist li a:hover{text-decoration:underline; color:#a7001f;}*/
.Section ol.plist ul.pplist{
 	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.Section ol.plist ul.pplist ul.ppplist{
 	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 20px;
	font-style:italic;
	color:#7f7f7f;
}
.Section ol.plist li a, a:link, a:visited{text-decoration:underline; color:#3d3d3d;}
.Section ol.plist li a:hover{text-decoration:underline; color:#a7001f;}




/* SECTION 10
--------------------------------------------------------------------------------------- */
.SectionTitle#MLQ_welcome{
	padding:20px 20px 20px 20px;
	text-align:center;
}
.Section#MLQ_welcome{}
.Section#MLQ_welcome h1 {
	line-height:18px;
	padding-botttom:16px;
}
.Section#MLQ_welcome p {
	line-height:18px;
	padding: 0 0 16px 0;
}

.SectionTitle#reg{}


.SectionTitle#MLQ_partenaires{
	width:589px;
	height:100%;
	margin:60px 20px 0px 20px;
	border-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-color:#a7001f;
	padding:0px 0px 0px 0px;
	text-align:center;
	vertical-align:bottom;
}

.Section#MLQ_partenaires{
	/*border-bottom: 3px;
	border-bottom-style: solid;
	border-bottom-color:#a7001f;*/
	padding:20px 20px 0px 20px;
	/*background:#d1e5ed;*/
}




/* SECTION 20
--------------------------------------------------------------------------------------- */
.Section .aviseur_p {
	position:relative;
	padding: 10px 0	20px 0;
	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	padding: 5px 0 24px 0;
	font-weight: normal;
	color: #8f8f8f;
}
.Section .aviseur_p h5{	margin-bottom: 10px;}
.Section .aviseur_p h5 i{font-weight:normal; font-style:italic;}
.Section .aviseur_p h5 a, .Section .aviseur_p h5 a:link, .Section .aviseur_p h5 a:visited{text-decoration:underline; color:#3d3d3d;}
.Section .aviseur_p h5 a:hover{text-decoration:underline; color:#a7001f;}
.Section .aviseur_p img{float: left; height:80px; margin-right:10px; margin-bottom:2px;}
.Section .aviseur_p p{float: right;}
.Section .aviseur_p a, .Section .aviseur a:link, .Section .aviseur a:visited{text-decoration:underline; color:#8f8f8f;}
.Section .aviseur_p a:hover{text-decoration:underline; color:#a7001f;}
.Section .aviseur_p#direxec{padding-bottom:0px;	color: #3d3d3d;}
.Section .aviseur_p#direxec h5 a, .Section .aviseur_p#direxec h5 a:link, .Section .aviseur_p#direxec h5 a:visited{text-decoration:underline; color:#3d3d3d;}
.Section .aviseur_p#direxec h5 a:hover{text-decoration:underline; color:#a7001f;}
.Section .aviseur_p#direxec img{height:90px;}
.Section .aviseur_p#direxec a, .Section .aviseur_p#direxec a:link, .Section .aviseur_p#direxec a:visited{text-decoration:underline; color:#3d3d3d;}
.Section .aviseur_p#direxec a:hover{text-decoration:underline; color:#a7001f;}




/* SECTION 21
--------------------------------------------------------------------------------------- */
.Section .aviseur {
	position:relative;
	border-top: 1px dotted #a7001f;
	padding: 10px 0 20px 0;
	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	font-weight: normal;
	color: #3d3d3d;
}
.Section .aviseur#direxec{border:0; padding-bottom:100px}
.Section .aviseur a, .Section .aviseur a:link,.Section .aviseur a:visited{text-decoration:underline; color:#063868;}
.Section .aviseur a:hover{text-decoration:underline; color:#a7001f;}
.Section .aviseur h3{padding:0; line-height:8px;}
.Section .aviseur h4{margin-bottom:15px;}
.Section .aviseur img{float: left; height:100px; margin-right:10px; margin-bottom:10px;}
.Section .aviseur#direxec img{height:100px;}
.Section .aviseur p{float: left;}




/* SECTION 50
--------------------------------------------------------------------------------------- */
.boitePetitePhoto{
	display: inline;
	margin: 0 5px 5px 0;
}
.boitePetitePhoto img{
	border:4px solid #A6A6A6;
}




/* SECTION 60
--------------------------------------------------------------------------------------- */
#Partenaires p {
	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	padding: 5px 0 24px 0;
	font-weight: normal;
	color: #3d3d3d;
}
#Partenaires p a, #Partenaires p a:link, #Partenaires p a:visited {text-decoration:underline; color: #3d3d3d;} /*utilisé pour: Missions antérieures -> participant GLavoie -> lien vers son profil de dir. exec*/
#Partenaires p a:hover{text-decoration:underline; color: #a7001f;}

#Partenaires table tr td#Title {
	border-top: 1px dotted #a7001f;
	padding: 10px 0 10px 0;
	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #063868;
}

#Partenaires #partn_txt{
	text-align: center;
	font-family: Verdana;
	font-size: 9px;
	line-height: 11px;
	margin: 5px;
	padding: 0;
	font-weight: normal;
}
#Partenaires #partn_txt a, #Partenaires #partn_txt a:link, #Partenaires #partn_txt a:visited {text-decoration:none;}
#Partenaires #partn_txt a:hover {text-decoration:underline; color:#a7001f;}
#Partenaires #partn_txt #link1 a, #Partenaires #partn_txt #link1 a:link, #Partenaires #partn_txt #link1 a:visited {font-weight:bold; color:#000; text-decoration:none;}
#Partenaires #partn_txt #link1 a:hover {text-decoration:underline; color:#a7001f;}

#Partenaires #partn_txt2_c1 {width:60%; margin:0; padding: 5px 40px 10px 10px; text-align:left; vertical-align:middle;}
#Partenaires #partn_txt2_c1 p {
	margin:0;
	padding:0;
	text-align:left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
}
#Partenaires #partn_txt2_c1 p a, #partn_txt2_c1 p a:link, #partn_txt2_c1 p a:visited {text-decoration:none;}
#Partenaires #partn_txt2_c1 p a:hover {text-decoration:underline; color:#a7001f;}




/* ENCADRE - GÉNÉRAL
--------------------------------------------------------------------------------------- */
.EncadreTitre {
	float:left;
	width:289px;
	border-top: 1px dotted #a7001f;
	border-bottom: 1px dotted #a7001f;
	padding: 10px 0px 10px 0;
	/*background-color:#FFF;*/
	text-align:center;
	font-family: Verdana;
	font-size: 14px;
	line-height:14px;
	font-weight: bold;
	color: #063868;
}
.EncadreTitre2 {
	float:left;
	width:289px;
	border-top: 1px dotted #a7001f;
	padding: 10px 0px 20px 0;
	/*background-color:#FFF;*/
	text-align:center;
	font-family: Verdana;
	font-size: 14px;
	line-height:14px;
	font-weight: bold;
	color: #063868;
}
.Encadre {
	float:left;
	width:289px;
	padding: 10px 0 10px 0;
}
.Encadre2 {
	float:left;
	width:289px;
	border-bottom: 1px dotted #a7001f;
	padding: 10px 0px 20px 0;
	text-align:center;
}


.Encadre h5 {margin-top: 12px; margin-bottom: 12px; font-size: 12px;}
.Encadre p{
	text-align:justify;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	padding: 5px 0 24px 0;
	font-weight: normal;
	color: #8f8f8f;
}
.Encadre ul{
	margin:0; 
	padding-left: 0em;
	padding-bottom: 24px;
	text-align:left;
	text-indent: -0em;
 	list-style: none;
 	list-style-position: inside;
	font-family: Verdana;
	font-size: 12px;
	line-height:16px;
	font-weight: bold;
	color: #3d3d3d;
}
.Encadre ul li {padding:0;}
.Encadre ul li a, .Encadre ul li a:link, .Encadre ul li a:visited {text-decoration:none; color:#063868;}
.Encadre ul li a:hover {text-decoration:underline; color:#a7001f;}

.Encadre ul li ul {padding:0; font-weight: normal;}
.Encadre ul li ul li {padding:10px 0 0 0;}
.Encadre ul li ul li a, .Encadre ul li ul li a:link, .Encadre ul li ul li a:visited {text-decoration:none; color:#063868;}
.Encadre ul li ul li a:hover {text-decoration:underline; color:#a7001f;}

.Encadre ul li ul li ul {margin-left:10px; padding:0; font-weight: normal;}
.Encadre ul li ul li ul li {padding:5px 0 0 0;}
.Encadre ul li ul li ul li a, .Encadre ul li ul li ul li a:link, .Encadre ul li ul li ul li a:visited {text-decoration:none; color:#063868;}
.Encadre ul li ul li ul li a:hover {text-decoration:underline; color:#a7001f;}

.Encadre a#link, .Encadre a#link:link, .Encadre a#link:visited {
	text-align:center;
	font-family: Verdana;
	font-size: 12px;
	color: #a7001f;
	text-decoration:none;
}
.Encadre a#link:hover {text-decoration:underline; color:#a7001f;}

.Encadre a#link2, .Encadre a#link2:link, .Encadre a#link2:visited {text-decoration:none;}
.Encadre a#link2:hover {text-decoration:underline; color:#a7001f;}








/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #000;}
div#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
#lightbox{background:#063868;} /* couleur du contour popup */
#overlay{background-color: #3B3B3B;} /* couleur du fond tranparent */