/* Feuille de style principale de l'interface de gestion de Via v3.9 */
/* Visuel par défaut */




/* ------------------------------------------------------*/
/* ÉLÉMENTS GÉNÉRAUX =================================== */

	BODY, BODY.largeContent {
		background-color: #FFF;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		position: absolute;
		color: #000000;
	}
	
	BODY, INPUT, TEXTAREA, H1, H2, H3, H4, H5, H6, DIV, P, TD, TH, THEAD, TFOOT, LI {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 12px;
	}
	
	
	/*--< Rules >-----------------*/
	
	HR, .linkBox { border-color: #aec7d8; }
	
	HR {
		border-style: solid;
		border-width: 1px;
		border-bottom-color: transparent;
		border-right-color: transparent;
		border-left-color: transparent;
	}
	
	
	/*--< Images >-----------------*/

	IMG { border: none; }
	
	IMG.bordered, IMG.photo { border: solid 1px #175e8f; }

	IMG.photo {
		float:right;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	
	/*--< Listes >-----------------*/
	UL {
		list-style: outside;
		margin: 0px;
		margin-left: 2em;
		padding: 0px;
		left: 0px;
	}
	
	UL LI {
		list-style-type: square;
		list-style-image: url(../../images/client_interface/default35/list_bullet.gif);
		padding: 0em;
		margin: 0px;
	}
	
	TH {
		display: table-cell;
	}
	
	TABLE.cleanTable, TABLE.cleanTable TD {
		border: 0px;
		padding: 0px;
	}
	
	.noBorder, INPUT.noBorder, SELECT.noBorder, TABLE.noBorder TD, TABLE.noBorder TR {
		border: none;
	}
	
	BLOCKQUOTE, PRE { font-family: Courier New, monospace; }
	
	
	/*--< Liens >-----------------*/
		A, .link, A SPAN, A.link {
			font-weight: bold;
			color: #175e8f;
		}
		
		A IMG, .subTitle IMG { vertical-align: middle; }
		
		A:hover, .link:hover, A.link:hover { text-decoration: none; }
	
	
		
	
	
	
	
	
/* ------------------------------------------------------*/
/* FAQ ================================================= */

	.question {
		display: block;
		font-weight: bold;
		margin: 1.5em 0em 0.5em 0em;
	}
	
	.answer {
		display: block;
		padding-left: 16px;
		font-style:italic;
		color: #175e8f;
	}
	
	
	
	
	
	
/* ------------------------------------------------------*/
/* ERREURS ET MESSAGES ================================= */

	/*--< Background des pop-ups >-----------------*/
	.popupBG {
		position: absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index: 99;
		background-color:black;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50);";
		filter: alpha(opacity=70);
		-moz-opacity: .70;
		opacity: .70;
	}
      
	/*--< Boîte de message >-----------------*/
   .popupMessageBox {
		display: none;
		position: absolute;
		z-index: 100;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		text-align: center;
		vertical-align: middle;
   }
	
	.messageBoxContentTable {
		background-color: #FFF;
		border: solid 1px #175e8f;
	}
	
	.popupMessageBoxTitle {
		background-image: url(../../images/client_interface/default35/winTitle_bg.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		text-transform: uppercase;
		font-size: 14px;
		color: #000;
		padding: 3px 2px 0px 4px;
		vertical-align: top;
		text-align: left;
		height: 27px;
	}
	
	.popupMessageBoxTitle IMG {
		vertical-align: middle;
		position: relative;
		top: -1px;
	}
	
	.popupMessageBoxBody {
		vertical-align: middle;
		text-align: center;
		padding: 10px;
	}
	
	.popupMessageBoxBody span {
		vertical-align: middle;
	}
	
	.popupMessageBox .contentSubOptions {
	    background-image: url(../../images/client_interface/default35/winFooter_bg.gif);
	}
	
	
	
	
	
	
/* ------------------------------------------------------*/
/* CONTROLE D'IMPORTATION D'IMAGES ================================= */
	
	.popup {
		 position:absolute;
		 left:0;
		 top:0;
		 z-index:100;
		 background-color:White;
		 border:1px solid black;
		 padding:0;
	}

	.popup IMG {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding:0;
	}

	.canvas {
		 position:absolute;
		 text-align:center;
		 vertical-align:middle;
	}
	
	.ContainerCanvas {
		position:relative;
		text-align:center;
		vertical-align:middle;
		background-color:Blue;
		
	}
	
	.selection {
		 position:absolute;
		 border-style:dashed;
		 border-width:2px;
		 border-color:White;
		 text-align:left;
		 margin: 0px;
		 padding: 0px;
	}
	
	
	
	
	
	
	
/* ------------------------------------------------------*/
/* FORMULAIRES (DATAGRID ETC.) ========================= */

	INPUT, TEXTAREA, SELECT { font-size: 12px; border: solid 1px #a6c2d5; }
	
	.checkbox, .checkbox INPUT { border: none; }
	
	INPUT.errorous, SELECT.errorous, TEXTAREA.errorous { border: solid 1px #FF0000; }
	
	A.errorous { color: Maroon; }
	
	SELECT.errorous { color: #FF0000; }
	
		/* Ajustement pour Mozilla (IE ne gère pas les bordure sur les select donc on utilise la couleur du texte plutôt) */
		HTML>BODY SELECT.errorous { color: inherit; }
	
	
	
	
	
	
		
/* ------------------------------------------------------*/
/* TABLEAUX (DATAGRID ETC.) ============================ */
	
	.tableOptions TR TD, .tableOptions TR TD TABLE TR TD {
		text-align: center;
		vertical-align: middle;
	}
	
	.tableMain {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
		
		
		
		
		
/* ------------------------------------------------------*/
/* CONTENU ============================================= */
		
	.spacer {
		display: inline-block;
		clear: none;
	}
	
	.linkBox {
		border-style: solid;
		border-width: 1px;
		vertical-align: top;
	}
	
	SPAN.limitContent, DIV.limitContent {
		overflow:hidden;
		display:block;
	}
	
	.scrollContent {
		display: block;
		overflow: auto;
	}
	/* Dimensions maximales de blocs */
	.maxHeight100 { max-height: 100px; height: expression(this.scrollHeight > 100? "100px" : "auto"); }
	.maxHeight200 { max-height: 200px; height: expression(this.scrollHeight > 200? "200px" : "auto"); }
	.maxHeight300 { max-height: 300px; height: expression(this.scrollHeight > 300? "300px" : "auto"); }
	.maxHeight350 { max-height: 350px; height: expression(this.scrollHeight > 350? "350px" : "auto"); }
	.maxHeight400 { max-height: 400px; height: expression(this.scrollHeight > 400? "400px" : "auto"); }
	.maxHeight500 { max-height: 500px; height: expression(this.scrollHeight > 500? "500px" : "auto"); }
	.maxWidth100 { max-width: 100px; width: expression(this.scrollWidth > 100? "100px" : "auto"); }
	.maxWidth200 { max-width: 200px; width: expression(this.scrollWidth > 200? "200px" : "auto"); }
	.maxWidth250 { max-width: 250px; width: expression(this.scrollWidth > 250? "250px" : "auto"); }
	.maxWidth300 { max-width: 300px; width: expression(this.scrollWidth > 300? "300px" : "auto"); }
	.maxWidth400 { max-width: 400px; width: expression(this.scrollWidth > 400? "400px" : "auto"); }
	.maxWidth500 { max-width: 500px; width: expression(this.scrollWidth > 500? "500px" : "auto"); }
	
	
	/*--< Boutons de navigation en entête (navig secondaire) >-----------------*/
	.contentNavig {
		display: block;
		min-height: 35px;
		height: 35px;
		margin-top: 0px;
		margin-bottom: 12px;
		background-image: url(../../images/client_interface/default35/content_bgNavig.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 2px 14px 0px 4px; /*trbl*/
		width: 640px;
	}
		HTML>BODY .contentNavig { height: 33px; width: 622px; }
		
	.contentNavig A, .contentNavig, .contentNavig .titleComplement {
	    font-size: 11px;
	}
	
	
	/*--< Entête de boîte de contenu >-----------------*/
	.contentBoxHeader {
		display: block;
		width: 630px;
		border-bottom: solid 1px #8baec7;
		padding-bottom: 2px;
		vertical-align: top;
	}
	
	.contentBoxHeader A {
		color: #528e01;
	}
	
	.contentBoxHeader.emphased {
		background-image: url(../../images/client_interface/default35/contentBoxHdr_bgEmp.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		border-bottom: solid 1px #FFF;
		vertical-align: bottom;
	}
	
	.contentBoxHeader.emphased .headerIcon {
		display: inline;
		position: relative;
		left: 3px;
	}
	
	.contentBoxHeader.emphased SPAN, .contentBoxHeader.emphased A, .contentBoxHeader.emphased .subTitle {
		position: relative;
		bottom: 8px;
	}
	
	.contentBoxHeader.emphased SPAN SPAN, .contentBoxHeader.emphased SPAN A {
		bottom: 0px;
	}
	
	.contentBoxHeader.emphased .subTitle {
		margin-left: 4px;
	}
	
	
	/*--< Boîtes de contenu >-----------------*/
	.contentBox {
		display: block;
		width: 630px;
		background-color: #d2e0ea;
	}
	
	.listTable TD {
		padding: 0px;
	}
	
	TABLE.contentTable { width: 630px; }
	
	.contentTable TD, DIV.contentTable, .contentBox.textBoxMargin {
		padding: 3px 4px;
	}
	
	.compactTable TD {
		padding-top: 1px;
		padding-bottom: 1px;
	}
	
	.contentTable HR {
		border-top-color: #9ab9cf;
		margin: 0px;
	}
	
	
	/*--< Boîte d'infos supplémentaires (ex: infos activité téléphonique) >-----------------*/
	
	.highlightBox {
		background-color: #c4e29c;
		background-image: url(../../images/client_interface/default35/highlightBox_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
		border: solid 1px #6292b3;
	}
	
	.highlightBox TD.header {
		text-align:left;
		vertical-align:top;
		padding: 1px 0px 0px 2px;
		border-bottom: solid 1px #a5c57a;
		height: 1em;
	}
	
	.highlightBox TD.bodyLine {
		padding: 4px;
		text-align: left;
		vertical-align: top;
	}
	
	
	/*--< Liste de fichiers téléchargeables >-----------------*/
	
	.downloadableFileItem {
	    width: 33%;
	    padding: 0px;
	}
	
	.fileIcon {
	    display: block;
	    overflow:hidden;
	    width: 19px;
	    float: left;
	    padding: 0px;
	    text-align:left;
	    vertical-align: top;
	}
	
	.fileIcon IMG {
	    position: relative;
	    bottom: 2px;
	    right: 3px;
	}
	
	.fileTitle {
	    display: block;
	    overflow:hidden;
	    width: 174px;
	    float: left;
	    padding: 0px;
	    text-align:left;
	    height: 1.2em;
	}
	
	.fileInfos {
	    float: left;
	    text-align:left;
	    color: #000;
	    font-size: 11px;
	}
	
	
	/*--< Navigation de boîte de contenu / table (options d'affichage, ex: sélection plage de temps) >-----------------*/
	.contentTableNavig {
		width: 630px;
		height: 26px;
		border: none;
	}
	
	.contentTableNavig TD {
		border-bottom: solid 1px #8baec7;
		vertical-align: middle;
	}
	
	.contentTableNavig TD.navigCell {
		text-align: center;
		padding: 0px 8px;
	}
	
	.contentTableNavig A {
		vertical-align: middle;
		font-weight: normal;
	}
	
	.contentTableNavig TD.selected {
		background-color: #96cb4d;
		border-bottom: solid 1px #ffffff;
		color: #FFF;
	}
	
	.contentTableNavig TD.selected A {
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
	}
	
	
	
	/*--< Liste >-----------------*/
	
	.listHeader TD, TD.listHeader {
		background-color: #e1f0cc;
		padding: 5px 0px 2px 4px;
		vertical-align: bottom;
		height: 21px;
		border-bottom: solid 1px #8baec7;
		border-top: solid 1px #FFF;
		border-left: none;
		border-right: none;
		font-size: 11px;
		color: #175e8f;
	}
	
	/* Colonne de tri */
		.listHeader TD.sortingCol {
			background-position: left bottom;
			background-image: url(../../images/client_interface/default35/table_header_sortBg.gif);
			background-repeat: repeat-x;
	    	border-bottom: solid 1px #90c944;
		}
		
		.listHeader TD A, TD.listHeader A {
			font-weight: normal;
			display: block;
			width: 100%;
			text-align: left;
		}
		
		.listHeader TD.sortingCol.up A, .listHeader TD.sortingCol.down A {
	    	color: #000;
	    	font-weight: bold;
			text-decoration: none;
			background-position: 95% center;
			background-repeat: no-repeat;
		}
		
		.listHeader TD.sortingCol.up A:hover, .listHeader TD.sortingCol.down A:hover {
			text-decoration: underline;
		}
		
		.listHeader TD.sortingCol.down A { background-image: url(../../images/client_interface/default35/table_sortArrowDown.gif); }
		
		.listHeader TD.sortingCol.up A { background-image: url(../../images/client_interface/default35/table_sortArrowUp.gif); }
	
	TABLE.listHeader, TABLE.listLine, TABLE.listSection {
		width: 100%;
	}
	
	.listLine TD A {
		font-weight: normal;
	}
	
	.listLine TD {
		border-top: solid 1px #FFFFFF;
		vertical-align: middle;
		padding: 1px 4px;
	}
	
	.subLine TD.firstCol {
		background: url(../../images/client_interface/default35/listLine_subLineBg.gif) no-repeat top left #e7eff4;
		padding-left: 32px;
	}
	
	.subLine TD {
		background-color: #e7eff4;
	}
	
	.subLine TD, .subLine TD SPAN, .subLine TD A, subLine TD LABEL {
		font-size: 11px;
		color: #175E8F;
	}
	
	TR.listLine:first-child TD, TR.listHeader:first-child TD {
		border-top: none;
	}
	
	.highlight, .today, TD.today {
		background-color: #bcd1df;
	}
	
	.highlight TD, .highlight TD A, .today, .today A {
		font-weight: bold;
		color: #000;
	}
	
	
	.listLine .details SPAN, .listLine .details A, A.details, SPAN.details {
		color: #4e6172;
		font-size: 11px;
	}
	
	.listSection TD, TD.listSection { /* Section de liste */
		background-color: #f0f8e6;
		background-image: url(../../images/client_interface/default35/listSection_bg.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		padding: 3px 2px 2px 4px;
		vertical-align: bottom;
		text-align: left;
		height: 23px;
		border: none;
	}
	
	.listSectionHighlight {
		color: #305300;
	}
	
	.listSection TD, .listSection TD SPAN, .listSection TD A, TD.listSection {
		color: #528e01;
		font-size: 11px;
	}
	
	.listLine A.button {
		color: #175e8f;
	}


	/*--< Boîte plus d'options >-----------------*/
	A.contentBox_moreOptions {
		line-height: 1.5em;
	}
	
	.contentBox_moreOptionsPanel, .contentBox_moreOptionsPanelShown {
		text-align: right;
		display: none;
		border-top: solid 1px #8baec7;
	}
	.contentBox_moreOptionsPanelShown {
		display: block;
	}
	
	.contentBox_moreOptionsPanel TABLE {
		margin: 0px 0px 0px 20px;
	}
	
	
	

	/*--< Boutons d'options - au bas d'une boîte de contenu >-----------------*/
	
	.contentSubOptions {
		vertical-align: middle;
		text-align: center;
		height: 26px;
		background-color: #FFFFFF;
	}
	
	TABLE.contentSubOptions, TD.contentSubOptions {
		min-height: 26px;
		background-image: url(../../images/client_interface/default35/subOptions_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
		border-top: solid 1px #FFF;
	}
	
	.contentSubOptions TD {
		padding: 4px 6px 0px 6px;
	}
	
	.listFooter TD, TD.listFooter {
		background-color: #FFFFFF;
		background-image: url(../../images/client_interface/default35/subOptions_bg.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		padding: 5px 0px 2px 4px;
		vertical-align: bottom;
		text-align: center;
		height: 21px;
		border: none;
		font-size: 11px;
		color: #000;
	}
	






/* ------------------------------------------------------*/
/* PARAGRAPHES ========================================= */

	.errorMessage {
		font-weight: bold;
		color: Maroon;
	}


	/*--< Texte complément d'information >-----------------*/
	.commentInfo {
		font-size: 11px;
		padding-left: 6px;
		line-height: 1.2em;
		color: #4e6172;
	}
	
	.commentInfo IMG {
		vertical-align: text-top;
		padding-right: 2px;
	}


	/*--< Texte indicatif / exemple pour un champ >-----------------*/
	.indication {
		font-size: 11px;
		color: #175E8F;
	}

	
	
	
	



/* ------------------------------------------------------*/
/* BOUTONS / LIENS ===================================== */

	.button, .buttonDisabled, .buttonDefault, .buttonMaster {
		font-weight: normal;
		text-decoration: underline;
	}
	
	.button IMG, .buttonDisabled IMG, .buttonDefault IMG, .button DIV, .buttonDisabled DIV, .buttonMaster DIV {
		vertical-align: middle;
	}
	
	.buttonMaster {
		color: #000;
	}
	
	.buttonDefault, .buttonMaster DIV {
		font-weight: bold;
	}
	
	A.button:hover, A.buttonDefault:hover, A.buttonMaster:hover {
		text-decoration: none;
		color: #000;
	}
	
	.buttonDisabled, A.buttonDisabled, A.buttonDisabled:hover, A.linkDisabled, A.linkDisabled:hover, .disabled, A.disabled, .highlight A.buttonDisabled, A.disabled:hover, .highlight TD A.buttonDisabled {
		text-decoration: none;
		color: #5e6970;
	}
	
	/* Alpha sur les images des liens désactivés (Alias-bug in IE8) */
	.buttonDisabled IMG, .linkDisabled IMG, .disabled IMG {
		-moz-opacity: .50; opacity: .50; filter: alpha(opacity=50);
	}

/* ------------------------------------------------------*/
/* ENTETE DE PAGE ====================================== */

	TD.cellHeader {
		width: 100%;
		height: 90px;
		background-image: url(../../images/client_interface/default35/header_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
	}
	
	.tabHeader {
		width: 100%;
		height: 90px;
		background-repeat:no-repeat;
		background-position:top left;
	}
	
	.tabHeader TD {
		padding-right: 6px;
		padding-top: 61px;
		background-repeat:no-repeat;
		background-position:top right;
		vertical-align: top;
	}
	
	.panHeader {
		padding: 0px;
		margin: 0px;
		margin-top: 6px;
		text-align: right;
	}
	
	.tabHeader .icoTitle {
		display: none;
	}
	
	/*--< Localisations >-----------------*/
	.tabHeader, .tabHeader.fr-CA, .tabHeader.en-CA { background-image:url(../../images/client_interface/default35/header1.jpg); }
	.tabHeader TD, .tabHeader.fr-CA TD, .tabHeader.fr-FR TD, .tabHeader.es-MX TD { background-image:url(../../images/client_interface/default35/header2_fr.gif); }
	.tabHeader.en-CA TD { background-image:url(../../images/client_interface/default35/header2_en.gif); }

	.lblTitle { 
		position: absolute;
		top: 71px;
		left: 143px;
		text-transform: uppercase;
		font-weight: bold;
		color: #528e01;
		font-size: 14px;
	}
	
	#headerCtrl_lblLoginUserName {
		padding-left: 6px;
		font-size: 11px;
		color: #175e8f;
	}
	
	.btnSignout {
		margin-left: -2px;
		font-size: 11px;
		color: #175e8f;
	}
	
	A.btnSignout IMG {
		position: relative;
		top: 0px;
		left: 3px;
	}
	
	.cellContent, .cellContentWithNavig {
		background-repeat:repeat-x; 
		background-position: top;
		padding: 10px 0px 0px 2px;
		vertical-align: top;
		width: 100%;
	}
	
	.cellContent {
		background-image:url(../../images/client_interface/default35/content_bg.gif);
	}
	
	.cellContentWithNavig {
		background-image:url(../../images/client_interface/default35/content_bg.gif);
		padding-top: 0px;
	}
	
	.popUpPage .cellContent { /* Pages en pop-up (documents téléchargeables, participants, etc.) */
		padding: 10px;
	}
	
	
	

/* ------------------------------------------------------*/
/* MENU PRINCIPAL ====================================== */
	
	TD.cellMenu { /* Cellule qui contient le div panMenuMain */
		padding: 0px; /* t r b l */
		width: 141px;
		vertical-align: top;
		background-color: #b6cddd;
		background-image: url(../../images/client_interface/default35/menu_bg.gif);
		background-repeat: repeat-y;
	}
	
	.panMenuMain {
		padding: 0px; /* t r b l */
		margin: 0px;
		width: 141px;
	}
	
	.menuTitle {
		display: block;
		vertical-align: middle;
		padding: 5px 0px 0px 2px; /* t r b l */
		margin: 16px 0px -2px 0px; /* t r b l */
		width: 141px;
		height: 25px;
		font-size: 12px;
		text-transform: uppercase;
		color: #175e8f;
		text-align: left;
		vertical-align: bottom;
		background-image: url(../../images/client_interface/default35/menu_subtitle_bg.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	/* Premier titre */
	.menuTitle.firstItem {
		margin-top: 0px;
		background-image: url(../../images/client_interface/default35/menu_subtitle1_bg.gif);
		padding-top:3px;
		height: 17px;
	}
	
	.menuTitle IMG, .alignedImage, .alignedImage IMG, .alignedMiddle {
		 vertical-align: middle;
	}
	
		/* Ajustements pour Mozilla */
		HTML>BODY .menuTitle { width: 139px; height: 20px; }
		HTML>BODY .menuTitle.firstItem { height: 20px; }
		HTML>BODY .menuTitle IMG { vertical-align: middle; }
	
	.panMenuMain A {
		display: block;
		width: 125px;
		font-weight: normal;
		text-decoration: none;
		text-align: left;
		padding: 2px 4px 2px 12px; /* t r b l */
		margin-top: 10px;
		color: #000;
	}
		/* Ajustement de la taille pour Mozilla */
		HTML>BODY .panMenuMain A { width: 110px; }
	
	.panMenuMain A:hover {
		text-decoration: underline;
	}
	
	.panMenuMain A.selected {
		width: 126px;
		padding: 2px 4px 2px 12px; /* t r b l */
		background-color: #96cb4d;
		border-top: solid 1px #FFF;
		border-bottom: solid 1px #FFF;
		font-weight: bold;
		color: #FFF;
		margin-bottom: -2px;
	}
		/* Ajustement de la taille pour Mozilla */
		HTML>BODY .panMenuMain A.selected { width: 110px; }
		
	A.menuFooter {
		display:block;
		width: 141px;
		height: 77px;
		background-image: url(../../images/client_interface/Default35/menu_logosvi.jpg);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	
	

/* ------------------------------------------------------*/
/* PIED DE PAGE ======================================== */
	
	.pageFooterCell { /* v3.6+ */
		
	}
	
	.pageFooter {
		display:block;
		clear:both;
		margin-top: 2em;
		width: 100%;
		text-align: center;
		vertical-align: bottom;
		font-size: 10px;
		color: #8baec7;
		padding-bottom: 3px;
	}
	
	.pageFooter A {
		font-weight: normal;
	}
	
	
	

/* ------------------------------------------------------*/
/* CALENDRIER ========================================== */
	
	/*--< Calendar holder >-----------------*/
	.Calendar {
		padding: 1px;
		z-index: 1;
		background-color: #FFF;
	}

	.Calendar TD {
		border: solid 1px #FFF;
		text-align: center;
		vertical-align: middle;
	}

	TD.cpCurrentMonthDate, TD.cpCurrentMonthDateDisabled, TR.cpWeekOver TD.cpOtherMonthDate {
		background-color: #e5e7ea;
	}
	TR.cpWeekOver TD.cpCurrentMonthDate, TR.cpWeekOver TD.cpCurrentMonthDateDisabled {
		background-color: #bcd1df;
	}

	.Calendar SPAN, .Calendar A {
		display: inline-block;
		width: 100%;
		text-decoration: none;
		font-size: 11px;
	}

	.Calendar A:hover {
		text-decoration: underline;
	}

	/*--< Combos de sélection de mois/année >-----------------*/
	.cpYearNavigation, .cpMonthNavigation {
		font-size: 11px;
		margin-bottom: 4px;
	}

	.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate {
		text-decoration: none;
	}

	.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled {
		color: #9ea2a6;
		text-decoration: line-through;
	}

	.cpCurrentMonthDate {
		color: #175e8f;
		font-weight: bold;
	}

	.cpCurrentDate {
		color:  #FFFFFF;
		font-weight: bold;
	}

	/*--< Jours des autres mois >-----------------*/
	.cpOtherMonthDate {
		color: #808080;
	}

	/*--< Cellules >-----------------*/
	TD.cpDayColumnHeader {
		background-color: #175e8f;
	}

	span.cpDayColumnHeader, .cpDayColumnHeader {
		color: #FFF;
	}

	TD.cpCurrentDate, .cpCurrentDate A {
		color: #FFFFFF;
		background-color: #96cb4d;
	}

	TD.cpOtherMonthDate {
		background-color: #FFF;
	}

	TD.cpTodayText, TD.cpTodayTextDisabled {
		border: none;
		padding: 3px 0px 1px 0px;
	}

	/*--< Liens >-----------------*/
	A.cpTodayText {
		color: #175e8f;
		font-weight: bold;
	}

	.cpBorder {
		border: solid 1px #175e8f;
		/*background-color: #FFF;*/
	}
	
	
	

/* ------------------------------------------------------*/
/* TOOL-TIP ============================================ */

	#tooltip {
		background-color: #ffffe5;
		border: 1px solid #c9b714;
		color: #000;
		padding: 2px;
		font-size: 11px;
	}






	
/* ------------------------------------------------------*/
/* TITRES et ADDITIONS ================================= */

	H1, H2, H3, H4, H5, TH, THEAD, TFOOT, .H1, .H2, .H3, .H4, .H5, .H6, .title, .subTitle {
		color: #175e8f;
		display: inline;
		font-weight: bold;
	}
	
	H1, .H1 { font-size: 1.8em; }	
			
	H2, .H2 { font-size: 1.50em; }
			
	H3, .H3, .title { font-size: 1.33em; }
			
	H4, .H4 { font-size: 1.2em; }
	
	BIG { font-size: 1.17em; }	
			
	H5, .H5, .subTitle, DT { color: #528e01; font-size: 1em; text-transform: uppercase; font-weight: normal; }
	
	H6, .H6 { font-size: 0.9em; }
	
	.titleComplement {
		color: #175e8f;
		display: inline;
		text-align: right;
		font-weight: normal;
		font-size: 0.9em;
	}
	
	SMALL, .small { font-size: .8em; }
	.smaller { font-size: .9em; }
	
	.bold { font-weight: bold; }
	.noBold { font-weight: normal; }
	
	.italic { font-style: italic; }
	
	.noPadding, TD.noPadding, .noPadding TD { padding: 0px; }
	
	.floatRight { float:right; }
	.floatLeft { float:left; }
	
	.fixed { position: fixed; }
	
	.noDecoration { text-decoration: none; }
	
	.statusDone, .listLine A.statusDone { color:#008816; }
	.statusToDo, .statusError, .listLine A.statusError, .listLine A.statusToDo { color:#c10000; }
	.statusPartial, .listLine A.statusPartial { color:#a47103; }
	
	.alignLeft { text-align: left; }
	.alignRight { text-align: right; }
	.alignCenter { text-align: center; }
	
	.spaceBefore { margin-top: 0.5em; }
	.spaceBefore1 { margin-top: 1em; }
	.spaceBefore2 { margin-top: 2em; }

	.spaceRight { margin-right: 20px; }
	.spaceRightSmall { margin-right: 5px; }
	.spaceLeft { margin-left: 20px; }
	.spaceLeftSmall { margin-left: 5px; }