/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Vézina Nadeau Labre
// Note   : Les font-size doivent ëtres en em, même les styles provenant de 
			stylesforeditor.css.
// Date   : 2008-05-22
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	color: #6f6059;
	background: #FFFFFF;
}
p {
	font-size: 1.1em;
	margin: 0 0 12px 0;
}
h1.SousTitre, h1 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color:#fbfbfb;
	text-transform: uppercase;
	line-height: 17px;
	background: #7a8199;
	margin: 1px 0 10px 0;
	padding-right: 20px;
	text-align: right;
}
h2 {
	font-size: 1.4em;
	font-weight: bold;
	color: #7A8199;
	margin-bottom: 12px;
}
h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #817567;
	margin-bottom: 12px;
}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #6f6059;
	margin-bottom: 12px;
}
h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #6f6059;
	margin-bottom: 12px;
}
h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: #6f6059;
	margin-bottom: 12px;
}
a, a:hover {
	color: #6f6059;
	text-decoration: underline;
}
a:hover {
	color: #7A8199;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
#wrapper {
	width: 806px;
	margin: 0 auto;
	text-align: left;
}
.clearer {
	clear: both;
}
#NavFixe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: right;
	margin: 12px 0 10px;
}
#NavFixe li {
	display: inline;
	text-transform: uppercase;
	border-right: 1px solid #282520;
	padding:0 9px;
}
#NavFixe a {
	font-size: 1em;
	color: #282520;
	text-decoration: none;
}
#NavFixe a:hover {
	text-decoration: underline;
}
body#lang-FR #Logo, body#lang-EN #Logo  {
	width:241px;
	height: 237px;
	background: #7a8199;
}
body#lang-FR #Logo img {
	margin: 60px 0 0 7px;
}
body#lang-EN #Logo img {
	margin: 60px 0 0 7px;
}
#LogoPrint {
	display: none;
}
#ColMenu {
	float: left;
	width: 241px;
	margin-right: 11px;
	background: #d1ccbe;
}
#ColMenu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 15px 5px;
	text-align: right;
}
#MenuPrincipal, #MenuPrincipal-Accueil {
	width: 241px;
	margin-bottom: 10px;
	border-top: 2px solid #fff;
}
#MenuPrincipal li, #MenuPrincipal-Accueil li  {
	min-height: 31px;
	height: auto !important;
	height: 31px;
	text-align: right;	
	width: 241px;
}
#MenuPrincipal li a, #MenuPrincipal-Accueil li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #817567;
	text-transform: uppercase;
	display: block;
	line-height: 30px;
	text-decoration: none;
	padding-right: 15px;
	width: 226px;
}
#MenuPrincipal li a:hover, #MenuPrincipal-Accueil li a:hover {
	color: #fff;
	background: #8e8375;
}
#MenuPrincipal li.selected, #MenuPrincipal-Accueil li.selected {
	background: #5c574e;
}
#MenuPrincipal li.selected a, #MenuPrincipal-Accueil li.selected a {
	color: #fefeff;
	background: #5c574e;
}
/* Sous-menu */
#MenuPrincipal li ul li, #MenuPrincipal-Accueil li ul li {
	background: #d1ccbe url(../images/Bg_SousMenu.gif) repeat-x;
}
#MenuPrincipal li ul li a, #MenuPrincipal-Accueil li ul li a {
	font-weight: bold;
	color: #4c4740 !important;
	text-transform: none;	
	line-height: 31px;
	background: none !important;
}
#MenuPrincipal li ul li a:hover, #MenuPrincipal-Accueil li ul li a:hover {
	color: #fff;
	background: #8e8375 !important;
}
#MenuPrincipal li ul li.On, #MenuPrincipal-Accueil li ul li.On {
	border-top: 1px solid #d1ccbe;
	background: #fcfcfc;
}
#MenuPrincipal li ul li.On a, #MenuPrincipal-Accueil li ul li.On a {
	color: #4c4740 !important;
}
#MenuPrincipal li ul li.On a:hover, #MenuPrincipal-Accueil li ul li.On a:hover {
	background: #fcfcfc !important;
}
/* Fin Sous-menu */
#MenuPrincipal li.BtBureauVirtuel, #MenuPrincipal-Accueil li.BtBureauVirtuel {
	text-align: left;
}
body#lang-FR #MenuPrincipal li.BtBureauVirtuel a, body#lang-FR #MenuPrincipal-Accueil li.BtBureauVirtuel a,
body#lang-EN #MenuPrincipal li.BtBureauVirtuel a, body#lang-EN #MenuPrincipal-Accueil li.BtBureauVirtuel a  {
	text-indent: -9999px;
	overflow: hidden;
	display:block;
	/*width: 241px;*/
	height: 30px;
	border-bottom: 2px solid #fff;
	margin-right: 0 !important;
}

body#lang-FR #MenuPrincipal li.BtBureauVirtuel a, body#lang-FR #MenuPrincipal-Accueil li.BtBureauVirtuel a {
	background: url(../images/Bt_BureauVirtuel_FR.gif) no-repeat;
}
body#lang-EN #MenuPrincipal li.BtBureauVirtuel a, body#lang-EN #MenuPrincipal-Accueil li.BtBureauVirtuel a {
	background: url(../images/Bt_BureauVirtuel_EN.gif) no-repeat;
}
#CorpsSite {
	float: left;
	width: 554px;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
.BlocContenuAcc {
	float: left;
	margin-top: 34px;
	width: 214px;
	margin-left: 45px;
	display:inline;
}
/*.BlocContenuAcc p, .BlocContenuAcc p.TexteAccueil, .BlocContenuAcc p.Texte, .BlocContenuAcc p span.Texte  {
	font-size: 1.4em;
}*/
.BlocContenuAcc h1.Transition, .BlocContenuAcc h1.Retention {
	margin-bottom: 20px;
	height: 17px;
	background: none;
	/*width: 214px;*/
}
.BlocContenuAcc h1.Transition a, .BlocContenuAcc h1.Retention a{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-repeat:no-repeat;
	height: 17px;
	text-align:left;
}
.BlocContenuAcc h1.Transition a:hover, .BlocContenuAcc h1.Retention a:hover {
	background-position: bottom left;
}
body#lang-FR h1.Transition a {
	background-image: url(../images/Ti_Transition_FR.gif);
	width: 195px;
}
body#lang-FR h1.Retention a {
	background-image: url(../images/Ti_Coaching_FR.gif);
	width: 214px;
}
body#lang-EN h1.Transition a {
	background-image: url(../images/Ti_Transition_EN.gif);
	width: 195px;
}
body#lang-EN h1.Retention a {
	background-image: url(../images/Ti_Coaching_EN.gif);
	width: 214px;
}

/*- Styles pour formulaires ----------------------------------------------------*/
.TxtBox, .TxtArea, .SelectList, .Btn {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}
.TxtErreur {
	font-size: 1.1em;
	color: #FF0000;
}
.TxtBox {
	font-size: 1em;
	color: #666666;
	border: 1px solid #666666;
	padding-left: 2px;
}
.TxtArea {
	font-size: 1em;
	color: #666666;
	border: 1px solid #666666;
}
.Btn {
	font-size: 1em;
	color: #FFFFFF;
	background-color: #162A83;
	border: 1px solid #FFFFFF;
}

/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
.Texte {
	color: #6f6059;
}
.SousTitre {
	font-size: 1.2em;
	font-weight: bold;
	color: #7A8199;
}
.TextePetit {
	font-size: 1em;
}

/*- Classes pour les hyperliens ----*/
a.Lien, a.Lien:hover {
	color: #6f6059;
	text-decoration: underline;
}
a.Lien:hover {
	color: #7A8199;
}

/*- Classes pour les images ----*/
.ContourPhoto {
	border:	 1px solid #000000;
}

/*- Classes pour les listes ----*/
#CorpsSite UL {
	color:					#4F4B40;
	list-style-image: 		url(../images/Puce_Liste.gif);
	margin:					0 0 12px 20px;
}
#CorpsSite OL {
	color:					#4F4B40;
}
#CorpsSite LI {
	font-size:				1.1em;
	color:					#4F4B40;
	margin:					0;
	padding:				0;
}

/*- Classes pour les tableaux ----*/
.Tableau {
	border:					1px solid #CCCCCC;
	border-collapse:		collapse;
}
td p {
	font-size:				1em;
}
.CelluleTitreGauche {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#6f6059;
	background-color:		#f3efed;
	padding:				8px;
	border-right:			1px solid #9B816F;
	border-bottom:			1px solid #9B816F;
	text-align:				center;
	vertical-align:			top;
}
.CelluleTitreDroite {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#6f6059;
	background-color:		#f3efed;
	padding:				8px;
	border-left:			1px solid #9B816F;
	border-bottom:			1px solid #9B816F;
	text-align:				center;
	vertical-align:			top;
}
.CelluleTitreMilieu {
	font-size:				1.1em;
	font-weight:			bold;
	color:					#6f6059;
	background-color:		#f3efed;
	padding:				8px;
	border-right:			1px solid #9B816F;
	border-left:			1px solid #9B816F;
	border-bottom:			1px solid #9B816F;
	text-align:				center;
	vertical-align:			top;
}
.CelluleTexte1Gauche {
	font-size:				1.1em;
	color:					#6f6059;
	background-color:		#f7f4f3;
	padding:				7px;
	border-right:			1px solid #A1887B;
	border-bottom:			1px solid #E7E3CD;
	vertical-align:			top;
}
.CelluleTexte1Droite {
	font-size:				1.1em;
	color:					#6f6059;
	background-color:		#f7f4f3;
	padding:				7px;
	border-left:			1px solid #A1887B;
	border-bottom:			1px solid #E7E3CD;
	vertical-align:			top;
}
.CelluleTexte1Milieu {
	font-size:				1.1em;
	color:					#6f6059;
	background-color:		#f7f4f3;
	padding:				7px;
	border-right:			1px solid #A1887B;
	border-left:			1px solid #A1887B;
	border-bottom:			1px solid #E7E3CD;
	vertical-align:			top;
}
.CelluleTexte2Gauche {
	font-size:				1.1em;
	color:					#6f6059;
	background-color:		#f3efed;
	padding:				7px;
	border-right:			1px solid #A1887B;
	border-bottom:			1px solid #E7E3CD;
	vertical-align:			top;
}
.CelluleTexte2Droite {
	font-size:				1.1em;
	color:					#6f6059;
	background-color:		#f3efed;
	padding:				7px;
	border-left:			1px solid #A1887B;
	border-bottom:			1px solid #E7E3CD;
	vertical-align:			top;
}
.CelluleTexte2Milieu {
	font-size:				1.1em;
	color:					#6f6059;
	background-color:		#f3efed;
	padding:				7px;
	border-right:			1px solid #A1887B;
	border-left:			1px solid #A1887B;
	border-bottom:			1px solid #E7E3CD;
	vertical-align:			top;
}
/*--------------------------------------------------------------------------*/