/************************************************
 * HTML GLOBAL
 ************************************************/ 	
	*
	{
		margin					:	0;
		padding					:	0;
		border					:	0;
		/*color						: 	#0C0C0C;*/
		font-family: Arial, Verdana, sans-serif, Helvetica ;
		font-size:11px;	
			
	}	

	html,body
	{
		color						:	#0C0C0C;
		text-align				:	center;		
		background			:	#F9F9F9;
		min-height					:	100%;
	}

	div
	{
		text-align					:	left;
		background				:	none;
	}

/************************************************
 *	HTML FORM
 ************************************************/
	
	input, textarea, select
	 {
		color						:	#333;
		border						:	1px solid #B6B8C6;		
		margin						:	2px;
		padding					:	1px;		
		background-color: #EDEDED;
	}
	
	
	input
	{
		padding					:	1px;		
	}

	input.radio, input.checkbox
	{
		border:0;
	}
	
	#eWysiwygCell{
		background-color: #EDEDED;
	}
	
	input:focus, textarea:focus,select:focus
	{
		border						:	1px solid #B6B8C6;	
		background				:	#DBE7FF;
	}

	input[type="button"], input[type="submit"], input.button
	{
		background:#FFFFFF url(../images/bgbutton.gif) repeat-x scroll center top;
		border:1px solid #ACACAC;
		color:#333333;
		padding:2px 6px 4px;
		cursor:pointer;
	}
	
	input[name="submit-button"]
	{
		background:#FFFFFF url(../images/bgbutton-submit.png) no-repeat left;
		padding-left:22px;
		color:#0066CC;
	}
	
	input[name="cancel-button"]
	{
		background:#FFFFFF url(../images/bgbutton-cancel.png) no-repeat left;
		padding-left:22px;
		color:#0066CC;
	}
	
	input[name="pref-button"]
	{
		background:#FFFFFF url(../images/bgbutton-pref.png) no-repeat left;
		padding-left:22px;
		color:#0066CC;
	}
	
	fieldset 
	{
		margin: 12px 4px;
		padding: 15px 10px;
		background:#FFF;
		border: 1px solid #D6D6D6;
		border-collapse:separate;
		position: relative\9;
		margin-top:1em\9;
		padding-top:1.8em\9;
	}
	
		fieldset.vtform
		{
			margin: 12px 4px;
			padding: 15px 10px;
			background:#FCFCFC;
			border: 1px solid #CCC;
			border-collapse:separate;
		}

	legend 
	{
		color: #CC2048;
		font-size:13px;
		padding:0 4px 0 4px;
		position:absolute\9;
		top: -.5em\9;
		left: .5em\9;
	}

	label
	{
		font: 10px Arial, Verdana, sans-serif, Helvetica ;		
		color				:	#5E6B8C;
		padding:0px;
	}


	optgroup
	{
		color	:	#FFF;
		background-color:#000;
		padding:0px;
	}	
	
	ul,ol
	{
	margin-left:16px;
	}

	.requiredError{
		color:#FF0000;
	}

	.inputError{
		border-left:1px solid #B42727;
	}
	
	.tdButton{
		padding: 12px;
		height:26px;
		font-size					: 	18px;
		color							:	#999;
	}

/************************************************
 *	HTML TXT
 ************************************************/

	h1
	{
		font-size					: 	18px;
		color							:	#999;
		text-transform		:	uppercase;
	}
	
	h2
	{	
		color:#636363;
		font-size:16px;
		font-weight:bold;
	}
	
	h3
	{
		font-family				:	"HelveticaNeue-Light", Helvetica Neue Light, Helvetica, Arial, Geneva, sans-serif;		
		color							:	#EC3760;
		font-size					:	14px;
		letter-spacing			:	0;
		font-weight:normal;
	}
	
	h4
	{
		color:#999;	
		font: normal 14px/16px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
		font-weight:normal;
	}
	
	hr
	{
		border:1px solid #F1F1F1;
	}

/************************************************
 *	HTML LIEN
 ************************************************/

	a
	{
		color						: 	#396F9A;
		text-decoration	:	none;
	}
	
	p a
	{
		text-decoration	:	underline;
	}
	
	a:link, a:visited
	{
	    color: #396F9A;
	    text-decoration: none;
	    font-weight: normal;
	}
	a:link sup, a:visited sup
	{
	    color: #396F9A;
	    text-decoration: none;
	    font-weight: normal;
	}

	a:hover
	{
	    color: #0066CC;
	    text-decoration: underline;
	    font-weight: normal;
	}
	
	a:hover sup
	{
	    color: #0066CC;
	    font-weight: normal;
	}
	
	a:active
	{
		   outline:none;
	}

/************************************************
 * HEADER
 ************************************************/

	#headerBox
	{			
		text-align			:	left;						
		width:120px;	
	}
	
	* html #headerBox
	{
		overflow:hidden;		
	}
	
	
	#boxInfo
	{
		position:fixed;
		top:0;
		right:0;
		left:0;
		z-index:999;
		background:#FCFCFC url(../images/bgEtatSup.gif);
		border-bottom:1px solid #666;
	}
	
	#modBox
	{		
		width:144px;	
		background:#ED1B4B url(../images/menuPink.gif) right repeat-y;		
		height:100%;
		position:fixed;
		top:24px;
		left:0;
		bottom:0;
		z-index:997;
		
	}
	
	.menuController, .menuControllerHover
	{			
		float:left;
		height:100%; 
		width:5px;
		cursor:pointer;		
		border-top:1px solid #F9F9F9;		
		border-right:1px solid #F3F3F3;
		background:#F3F3F3;
	}
	
	 .menuControllerHover
	{
		background:#DFDFDF;
		border-right:1px solid #BBB;
	}
		
		.titreGrpMod
		{			
			background:#DBDBDB;
			height:14px;		
			border-top:1px solid #F1F1F1;
			border-bottom:1px solid #AAA;
			padding-top:4px;
			padding-left:4px;
			cursor			:	pointer;	
			margin-right:3px;
			border-right:1px solid #AAA;			
		}
		
		.titreGrpMod span
		{
			text-transform:uppercase;	
			font-size:9px;
			font-weight:bold;	
			color:#444;		
		}
		

		#userNameBox
		{	
			padding			:	2px;			
			margin:1px;
			text-align		:	center;		
			float:right;			
		}
		
		* html #userNameBox
		{
			zoom				:	1;			
		}

			#uIS_1, #uIS_2
			{			
				color:#333;
				text-transform		:	uppercase;
				font-size:12px;				
			}
			
			#uIS_2
			{
				color:#A51839;
				font-weight:bold;
			}
			
		#decoBox
		{			
			float:right;			
		}
		
			#decoBox span
			{
				margin-right:6px;
			}
		
		#imgespBox
		{			
			float:right;					
		}
		
		#imgespBox img
		{			
	
		}
		
			.userIconBox
			{		
				border-bottom:0;
				clear:left;
			}		
		
			.menuButton, .menuButtonSel, .menuButtonHiding
			{						
				cursor			:	pointer;						
				float				:	left;				
				padding-top:1px;				
				padding-left:6px;
				/*margin-top:2px;*/
				/*margin-bottom:1px;*/
				vertical-align: middle;
				margin-right:6px;
				border-bottom:1px solid #F8466F;
			}			
			
			.menuButtonHiding
			{				
				background: url(../images/onglet_ouvert.jpg) no-repeat center left;		
				margin-right:1px;	
				
			}
			
			.menuButtonUserHiding
			{
				border:2px solid #000;
			}
			
				.menuButton img, .menuButtonSel img, .menuButtonHiding img
				{
						
				float:left;
				/*width:22px;*/
				width:16px;
				padding-top:2px;
				margin-right:4px;
				}
				
				.menuButton div, .menuButtonSel div, .menuButtonHiding div
				{			
					font-size	:	10px;
					color:#DDD;						
					text-align:left;						
					vertical-align:middle;											
					display: table-cell;
					height:24px;
					width:136px !important;  /*Firefox*/
					width:110px !important!; /*IE 7*/
				}	
			
			.menuButton:hover
			{
				opacity:1;				
			}
				.menuButton:hover div
				 {
				 	color: #333;	
									
				 }			

			.menuButtonSel 
			{										
				background: #F1F1F1 url(../images/onglet_actif.jpg) no-repeat top left;		
				border-right:1px solid #F2F2F2;
				border-left:1px solid #ED1A4A;
				margin-right:0px;
			}				
							
				.menuButtonSel div
				 {				 	
				 	color: #111;	
							 
				 }
			
				 .menuButtonHiding div
				 {				 					 			
				 }

		
		div.infoSecondaire
		{
			color:#888;
			float:right;
			margin: 12px 12px 2px 0px;
		}
		
		table.infoPrimaire td
		{		
			padding:4px;
		}
		
		#footer
		{
			position:absolute;
			margin-top: 30px;
			margin-bottom: 30px;
			text-align: center;
			width:600px;
			border:2px solid #DDD;
			bottom:30px;
		}			
		
/***********************************************
* BLOC DECONNEXION, QUITTER, MESSAGE
************************************************/

	.dlgContent
	{
		padding:8px;
		text-align:center;
	}
	
	#dlgSessionButton
	{
		padding-top:12px;
		margin:0 auto; 
		width:120px;
	}
	
	.dlgCancelButton
	{
		display:block;
		text-align:right;
		margin-top:10px;
		margin-right:20px;
	}
	
	#resultBlockContent
	{
		position:fixed;
		z-index:9999;
		right:28px;
		bottom:6px;
		width:380px;	
		border:1px solid #999;
		background: #F2F4F7;
	}


/************************************************
 *	DIV DE LOADING
 ************************************************/
 
	#divLoading
	{
		z-index:9999;
	    width: 164px;	
		position:fixed;
		left:1px;
		top:0px;
		border-left-color:#BECDED;
		border:1px solid #F1F1F1;
		border-top:0;
		background:#F22D5A;		
	}
	
	#divLoading div.borderOut
	{
		vertical-align:baseline;
		border:0;
	}
	
	#divLoading div.borderOut img {
		float:left;
		margin:1px;
		margin-right:8px;
	}
	
	#divLoading div.borderOut span {
		display:block;	
		color:#FFF;	
		margin:0px;
		font-size:10px;		
		font-weight:bold;	
		margin-top:2px;
	}
		
	
		.divLoadingContent
		{
			font-size:10px;
			color:#333;
			padding-top:10px;
			padding-left:10px;
			padding-right:10px;
			background: url(../images/top.jpg);
		 	width: 180px;
		    height: 68px;
			text-align:center;
			vertical-align:middle;
		}
			
			.divLoadingContent img
			{
				padding:6px;
			}

	#divLoading2
	{
		color:#666;
		background-color:#FFF;
		z-index:9999;
		position			:	absolute;
		padding:4px;
	}

/************************************************
 *	 CWINDOW
 ************************************************/
	
	#wrapper{
		float:left;
		width:99%;		
		min-height:100%;		
	}
	
	#contenercwsGbl
	{
		position:relative;
		margin-left:150px;
		margin-top:24px;
		height:100%;		
	}
	
	#contenercws
	{
		height:90%;
	}
	
	#contenerfooter
	{
		margin: 12px;		
		padding:4px;		
		border-left:0;
		border-right:0;
		border-bottom:0;
		text-align:center;
		color:#999;		
		z-index:0;
		clear:both;
	}
	
	#contenerfooter *
	{
		color:#AAA;
		font-size:9px;
	}
	
	.WinContener
	{		
		padding:24px 4px 6px 2px;
		height:100%;		
	}
	
	.WindowTop
	{
		background-position: center; 
		border-left:1px solid #F6F6F6;		
		position:fixed;		
		top:24px;
		right:0;
		left:148px;
		height:16px;
		margin-left:-6px;		
		border-top:1px solid #F1F1F1;
		border-bottom:1px solid #AAA;
		padding-top:2px;
		padding-left:2px;
		background:#DBDBDB;
		border-bottom:1px solid #BBB;
		border-top:1px solid #F8F8F8;
		z-index:998;
	}
	
	*html .WindowTop
	{
		margin-left:-9px;	
		right:-13px;		
	}
	
	
	
	.WindowTop span
		{			
			font-size:9px;
			font-weight:bold;	
			color:#555;	
			font-size:11px;
		}
		
		.WinMask
		{
			position:absolute;
			top:21px;
			left:0;
			right:0;
			background	:	#F9F9F9;
			filter:alpha(opacity=70);
			-moz-opacity:0.70;
			opacity:.70;
			-khtml-opacity:0.7;
			z-index:9;			
		}
		
		*html .WinMask
		{			
		}
		
		.WinEditor
		{
			position:absolute;
			top:2px;
			z-index:996;
			text-align:center;
			margin-bottom:32px;					
		}
		
			.WinEditorContent
			{
				padding-right:4px;
				padding-left:4px;
				padding-top:6px;				
			}
			
			a.WinClose
			{
				position:absolute;
				display:block;
				right:0;
				width:15px;
				height:16px;
				margin-right:2px;
				text-align:center;
				font-weight:bold;
				background:url(../images/close.gif) no-repeat;
			
				z-index:999;
			}
			
				a.WinClose:hover
				{
					background-position: 0 -16px;
				}
				
			a.WinReduce
			{
				
				float:left;
				display:block;
				width:15px;
				height:16px;
				margin:2px;
				text-align:center;
				font-weight:bold;
				background:url(../images/bottom.gif) no-repeat;			
				z-index:999;
			}
			
				a.WinReduce:hover
				{
					background-position: 0 -16px;
				}
			
			.WinTitle
			{
				float:left;
				margin:2px;
				font-weight:bold;
				color:#FFF;
			}
			
			a.WinRefresh
			{
				position:absolute;
				display:block;
				right:0;
				width:15px;
				height:16px;
				margin:2px;
				text-align:center;
				font-weight:bold;
				background:url(../images/refresh.gif) no-repeat;
				background-position: 0 0;
			}
			
				a.WinRefresh:hover
				{
					background-position: 0 -16px;
				}
			
		.WinContent
		{
			margin				:	0 auto;
			height:100%;
		}
		
		.OngletPopupContener
		{
			z-index:999;			
			clear:both;
			margin: 0 auto;
			padding:6px;
			padding-top:12px;
			margin-top:0px;
		}


/************************************************
 *	 CLASS GLOBALES COMPONENTS (viewORMList, Menu,etc)
 ************************************************/
 
 	.BlockTitreH1, .BlockTitreH2
	{		
		padding:8px;			
		background:#FFF url(../images/bgh1.gif) repeat-x center;	
		border-top:1px solid #FCFCFC;
		border-bottom:1px solid #CECECE;
	}
	
	.BlockTitreH1 H2
	{		
		color:#444444;
	}
	
	
	
	.BlockTitreH3 {
		padding:4px;	
		background: #F6F6F6;
	}
	
 	.BlockTitreNoPadding
	{			
		background:#FCFCFC url(../images/bgEtatSup.gif);	
		border-bottom:1px solid #AAA;
	}
	
 	.ContentBlockLink
	{		
		padding-top:2px;
		padding-bottom:2px;
		margin-top:2px;					
		background: #F2F4F7;
		background:#FFF url(../images/bgentete.gif) repeat-x bottom;
		border: 1px solid #CCC;
		border-left:1px solid #FFF;
		border-top:0;		
	}
	
	*html .ContentBlockLink
	{
		height:18px;
	}
	
	.ContentBlockLinkVoid
	{
		border:1px solid #FFF;		
		padding-top:1px;
		padding-bottom:1px;
		background:#FFF url(../images/bgentete.gif) repeat-x bottom;
	}
 	
 	.BlockBorderTop
	{
		background: #FFF url(../images/bgh1_red.gif) repeat-x bottom;		
		height:20px;
		border-bottom:1px solid #BBB;
	}
	
	.helpDiv
	{
		background:#F8F0DD;
		padding:4px;
		border:4px solid #FCFCFC;
	}
	
	a.ArrowUp, a.ArrowUpSel
	{				
		float:right;
		display:block;				
		width:10px;
		height:14px;
		margin:2px;
		text-align:center;
		font-weight:bold;
		background:url(../images/arrow_up.gif) no-repeat;
		background-position: 0 0;		
	}
	
	a.ArrowBot, a.ArrowBotSel
	{
		float:right;
		display:block;				
		width:10px;
		height:14px;
		margin:2px;
		text-align:center;
		font-weight:bold;
		background:url(../images/arrow_bot.gif) no-repeat;
		background-position: 0 0;		
	}
	
	a.ArrowUpSel, a.ArrowBotSel
	{
		background-position: 0 -28px;
	}
					
		a.ArrowUp:hover, a.ArrowBot:hover{
			background-position: 0 -14px;
		}
		
		a.ArrowUpSel:hover, a.ArrowBotSel:hover{
			background-position: 0 -14px;
		}
 
 	.glassButton
 	{
	 	background:#FFF url(../images/bgbutton.gif) repeat-x top;
	 	border:1px solid #BBB;
	 	padding: 2px 10px;
	 	color:#E56700; 	
 	}
 	.glassButton a, .glassButton span
 	{
 		color:#E56700; 
 	}
	
	.paginator 
	{
	 padding:6px;
	 padding-left:12px;
	}
	
		.paginator .nbresult
		{
			color: #AAA;
		}
		
		.paginator span, .paginator a
		{
		padding:2px;
		}
		
		.paginator select
		{
			float:right;
		}
 	
/************************************************
 *	 COMPONENT VIEWMENU
 ************************************************/

	.BlockTitre
	{		
		margin-top:2px;				
		background:#FFF url(../images/bgh1.gif) repeat-x center;	
		padding:4px;
		border-bottom:1px solid #CECECE;
		color:#999;
	}

/************************************************
 *	 COMPONENT VTFORM
 ************************************************/
 
 	.vtForm
 	{
 		margin:0 auto;
 		width:100%;
 	}
		
		.blocLabel
		{
			padding: 6px;
			margin-right:6px;
			color: #333;
			font-family	:	arial;
			font-size		:	11px;
			border-top: 2px solid #FFF;
			vertical-align:top;
			width:130px;
			text-align:left;			
		}

		.blocInput
		{
			color: #6F6A5A;
			padding: 6px;
			padding-left:2px;
			border-top: 2px solid #FFF;
			text-align:left;
			margin:2px;
		}
		
		.autoCompletion
		{
			padding-left:20px;
			background: #FFF url(../images/icon_autocomplet.gif) no-repeat;
			border:1px dotted #666;
		}
		
		.autoCompletion:focus
		{
			background: #FFF url(../images/icon_autocomplet.gif) no-repeat;
			border:1px dotted red;
		}
		
		.labelComponent
		{
			color:#3B618D;
			font-size: 11px;
			display:block;
			max-width:420px;
			padding:8px;			
		}
		
		.formCompDiv{
			overflow:auto;		
		}
		
		.labelDecorator
		{
			color:#3B618D;
			max-width:420px;			
		}
		
		.editor-preview{
			clear:right;
			padding : 6px 2px 8px 8px;
			background:#E4EAF8;
			border-left:3px solid #AAA;
			margin:20px 0px 18px 4px;
		}
		
/************************************************
 *	 COMPONENT VIEWORMLIST
 ************************************************/
 	
	
	
	.viewOrm
	{
		width: 100%;
		background-color:#FFF;
	}	
	
	.viewMenu tr td, .viewOrm tr td
	{
		text-align:left;
	}
	
		.blocEntete
		{
			padding:1px;
			padding-left:2px;
			background:#FFF url(../images/bgentete.gif) repeat-x bottom;
			border: 1px solid #CCC;
			border-left:1px solid #FFF;
			border-top:0;		
			color: #222;
		}		
	
			.blocFleche
			{
				width:11px;
				height:14px;
				padding:1px;
				font-size: 4px;
				float:right;
				display:block;
			}
			
				.enteteLabel
				{
					float:left;
					font-size:10px;
					color:#444;
				}


		tr.tuple1, tr.tuple0
		{
			color: #1F1F1F;
			text-decoration: none;
			background-color: #FFF;
		}
		
		tr.tuple0
		{
			background-color: #FDFDFD;			
		}
		
		tr.tuple0hover td, tr.tuple1hover td
		{
			color: #3A4C6F;
			background-color: #DBE7FF;
		}
		
		tr.tuple0sel, tr.tuple1sel
		{
			color: #8CA015;
			background-color: #DBE7FF;
		}
		
		

			tr.tuple1 td, tr.tuple0 td,
			tr.tuple0hover td, tr.tuple1hover td,
			tr.tuple0sel td, tr.tuple1sel td
			{				
				padding: 2px 2px;
				height:28px;
				border-top:1px solid #ECECEC;
			}
			
			*html tr.tuple1 td, *html tr.tuple0 td,
			*html tr.tuple0hover td, *html tr.tuple1hover td,
			*html tr.tuple0sel td, *html tr.tuple1sel td
			{				
				padding: 2px 1px;								
			}
			
			*+html  tr.tuple1 td, *+html tr.tuple0 td,
			*+html tr.tuple0hover td, *+html tr.tuple1hover td,
			*+html tr.tuple0sel td, *+html tr.tuple1sel td
			{				
				padding: 2px 1px;								
			}
			
			td.shadow1
		{
			background:#F2F2F2;					
			border-top: 1px solid #FFF;		
			border-right: 1px solid #EEE;
		}
		
		

/************************************************
 *	 COMPONENT VLINK
 ************************************************/

	.linkButton, .linkPlainButton
	{
		padding				:	2px;
		padding-top		:	2px;
		padding-bottom	:	5px;
		text-align			: 	center;
		vertical-align		:	middle;
		cursor				: 	pointer;
		display				: inline;
		outline:none;
	}
	
	.linkPlainButton
	{
		padding:2px 6px 4px 6px;
		color: #333;
		background:#FFF url(../images/bgbutton.gif) repeat-x top;
	 	border:1px solid #ACACAC;	
	}
	
	*html .linkPlainButton
	{
		padding:2px 6px 2px 6px;
		margin:0px;
	}
	
	*+html .linkPlainButton
	{
		padding:2px 6px 2px 6px;
		margin:0px;
	}

	.linkButton:hover, .linkPlainButton:hover
	{
		cursor					: pointer;
		text-decoration	: none;
	}

	.linkButton img, .linkPlainButton img
	{
		padding				:	0;
		margin				:	0;
		vertical-align	:	middle;
		cursor					: 	pointer;
	}
	
	*html .linkPlainButton img
	{
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	*+html .linkPlainButton img
	{
		margin-bottom: 6px;
		margin-top: 6px;
	}

	.linkButton span, .linkPlainButton span
	{
		margin-left		:	2px;		
		color: #396F9A;	
		cursor					: 	pointer;
	}
	
	.linkButtonPV span
	{
		border-bottom: 1px dotted red;
	}

	.linkButton:hover  span
	{
		color: #0066CC;
		text-decoration	: underline;
		cursor					: 	pointer;
	}

	.linkPlainButton:hover span
	{
		color	:	#33F;
	}

	.linkButtonSel 
	{
		background-color: #DBE7FF;
		margin:0px;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 2px;
		padding-bottom: 6px;
		text-decoration: none;
		text-align: center;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		border-left: 1px solid #AFB0B2;
		border-top: 1px solid #AFB0B2;
		color: #9CB21B;
		cursor: pointer;
		font-weight: bold;
	}

	.linkButtonDis 
	{
		margin:0px;
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 2px;
		padding-bottom: 6px;
		text-decoration: none;
		text-align: center;
		border-right: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		border-left: 1px solid #AFB0B2;
		border-top: 1px solid #AFB0B2;
		color: #E2E4E5;
		cursor: pointer;
		font-weight: bold;
	}

	.linkMissInformation span
	{
		color: #993300;
		font-style:italic;
	}
	
	.help:hover
	{
		cursor: help;
		background:none;
	}

/************************************************
 *	 COMPONENT ONGLET BUTTON
 ************************************************/

	.ongletButton,.ongletButtonSelected
	{
		margin						:	0 2px 0 0;
		padding						:	0 8px 0 8px;
		background				:	#F2F4F7 url(../images/white.png) repeat-x top;		
		border: 1px solid #DDD;	
		/*letter-spacing			: -1px;*/
		color							:	#999;
		float							:	left;
		z-index						:	4;
		vertical-align			:	middle;
		text-align					:	left;
		cursor: pointer;
		height:20px;
	}

	.ongletButtonSelected
	{	
		background				:	#FFF;
		border		:	1px solid #8792a5;		
		border-bottom				:	2px solid #FFF;
	}

	.ongletButton:hover, .ongletButtonSelected:hover 
	{
		text-decoration: none;
	}

		.ongletButtonSelected span
		{
			color: #7a9a3f;
			margin-left:0;
		}

		.ongletButton:hover span, .ongletButtonSelected:hover span
		{
			color: #7a9a3f;
			text-decoration: none;
		}

		.ongletButton img, .ongletButtonSelected img 
		{
			padding:2px;
			margin:0;
			vertical-align:	middle;
		}

		.ongletButton span
		{
			color: #38444B;
			margin-left:0;
			color: #666;
			vertical-align:middle;
		}

/*****************************
* STYLE VIEWMENU
*****************************/

	.menuLinkOver
	{
		background-color:#DBE7FF;
	}

		.menuLinkOver td 
		{
			padding:2px;
			border-top:1px solid #acd06b;
			border-bottom:1px solid #acd06b;
		}

	.menuLinkSel
	{
		background-color: #DBE7FF;	
	}

		.menuLinkSel td 
		{
			padding:2px;
			padding-left:0px;
			border-top:1px solid #DBE7FF;	
			border-bottom:1px solid #DBE7FF;
		}
		
		.menuLinkSel a, .menuLinkSel a:hover
		{
			color:#FFF
		}

	.menuLinkOut
	{
		color:#999;	
	}
	
	.menuLinkOut td
	{
		padding:2px;
		border-top:1px solid white;
		border-bottom:1px solid white;
	}

/************************************************
 *DOJO
 ************************************************/

	.dojoDialog 
	{
		border:2px solid #888;
		background:#EEE url(../images/bgalu.jpg);
		width:320px;
	}
	
	.dojoTreeNodeLabelSelected {
		background-color: #DBE7FF;
		color: #000;
	}
	

/************************************************
 *BACKGROUNDS
 ************************************************/

	.bgGrey
	{
		background-color: #FBFBFB;
	}

	.bgAlu
	{
		background: url(../images/bgalu.jpg);
	}

	.bgWhite
	{
		background-color:#FFF;
	}


/************************************************
 *BORDERS
 ************************************************/

	.borderIn
	{
		border:1px solid #8F8F8F;
		border-right:1px solid #F1F1F1;
		border-bottom: 1px solid #F1F1F1;
	}
	
	.borderOut
	{
		border:1px solid #FFF;
		border-right:1px solid #8F8F8F;
		border-bottom: 1px solid #878787;
	}


/************************************************
 *	Paginator
 ************************************************/
	
#paginator
{
	padding:0;
	text-align:left;
	float:left;
	margin-left:4px;
}

	#paginator span.actif{

		background-color:#777;
		color:#fff;
		padding:2px 3px 2px 3px;
	}
	
	#paginator a:link,
	#paginator a:active,
	#paginator a:visited{
		padding:2px 3px 2px 3px;
		color:#666;		
		text-decoration:none;
	}
	
	#paginator a:hover{

		background-color:#FFF;
		
		text-decoration:none;
	}
	
	#paginator span.nbresult{
		font-style:italic;
		color:#839CAF;		
	}
	
/************************************************
 *UTILS
 ************************************************/
	
	.clear 
	{
		clear:both; 
		line-height:0px;
	}
	
	.maxHeight
	{
		height:100%;
	}
	
	table.centpercentT, table.centpercentT tbody, table.centpercentT th, table.centpercentT tr, table.centpercentT td 
	{
		height:100%;
	}
	
	.centpercent
	{
		height:100%;
	}
	
	.centpercentW
	{
		width:100%;	
	}

	.divctpercent{
		margin-left:10px;
	}

/************************************************
DIV SHADOW
************************************************/

	.blockContenerShadow
	{
		border:2px solid #EBEBEB;
		border-top:0;
		margin-top:4px;	
	 }

	.blockContenerContent
	{  
		border:1px solid #BBB;
		background-color:#FFF;		
	 }
	 
	 .blockComponent
	 {
		 border:1px solid #BBB; 
		 border-left:0;
		 border-right:0;
		 border-top:1px solid #FFF;	
		 background:#ebebea url(../images/grey.png) repeat-x;
	 }
	 
	 .blocContentTitle
	 {
	 	padding:4px;
	 	border-bottom:1px solid #ECECEC;
	 	background:#E0EBF9 url(../images/bgBlue.gif) repeat-x bottom;
	 	text-align:center;
	 }
	 
	 .blocContentTitle h1
	 {
		text-transform:lowercase;
		color:white;
	 	padding:12px;
	 }
	 
	 .popupHeader
	 {
	 padding-left:4px;
	 border-bottom:1px solid white;
	 background:#FFF url(../images/bgh1.gif) repeat-x bottom;
	 }
		 .popupHeader H2
		{
			color:#444444;
		}
			 .popupHeader h2 img
			 {
			 	width:22px;
			 }
	 
	 *html .popupHeader
	 {
	 	height:40px;
	 }
	 
	 *+html .popupHeader
	 {
	 	height:64px;
	 }

/************************************************
 Commentaires, viewComment
************************************************/
	
	.commentButtons
	{
		float:right;
		
	}
	
	.commentInfos
	{
		 float:left;
		 color:#666;
		 padding:8px 8px 4px 8px;
		 padding-left:0;
		 font-size:10px;
	}
	
	.commentInfos *
	{
	 font-size:10px;
	 color:#666;
	}
	
	
	.commentTexte
	{		
		/*border:1px dotted #CCC;*/
		padding:8px;
		margin-bottom:16px;
		font-style:italic;
		background:#DBE7FF;
	}
	
	textarea.comment
	{
	width:96%;
	}
	.comment .content
	{
		clear:right;
		padding : 6px 2px 8px 8px;
		background:#E4EAF8;
		border-left:3px solid #AAA;
		margin:4px 0px 18px 4px;
	}
	
	.comment .info
	{
	margin-top:8px;
	}
	.commentH3
	{	
	}
	
	.c-author .content{
		background-color:#FBF0A7;
	}

/************************************************
FF Vertical Scroll Bar Fix
************************************************/
	 
#ffscrollbarfix 
 {
	position: absolute;
	top: 0;
	bottom: -0.1px;
	width: 1em;
	z-index: -1;
}

/************************************************
 Layout container
************************************************/

.borderLayout tr td, .gridLayout tr td
{
	/*text-align:center;*/
}

/************************************************
 Cedre
************************************************/
div.descripteur, div.descripteur *
{
	color:#666;
}

table.presentation td
{
	padding:4px 2px 4px 2px;
}

/************************************************
List Media Renderer
************************************************/
	
	.blockMediaEntete
	{
		background-color:#6195e9;
		color:#FFF; 
		padding:2px; 
		clear:both;
	}
	
	.blockMediaRenderer
	{
		display:block; 
		width:100%;
		background:#FFF;			
		border-top:1px dashed #DDD;
		
		padding:2px; 		
		float:left;
		color:#999;
	}

	.blockMediaFirst
	{
		background-color:#fff2e5;
	}

	.blockMediaEdition
	{
		background-color:#dddddd;
	}

	.blockMediaRenderer span.mrlegende,  
	.blockMediaRenderer span.mrcredits
	{
		padding:2px 1px 2px 18px;
		display:block;
		color:#555;
	}
	
	.blockMediaRenderer span.mrcredits
	{
		color:#777;
		font-decoration:italic;
	}
	
	.blockMediaRenderer div.mrbtnbar
	{		
		float:right;		
	}
	
	.btnBarMedia
	{		
		padding:3px 2px 3px 2px;
		border-top:1px solid #FFF;
		border-bottom:1px solid #BBB;
		background:#FFF url(../images/bgh1.gif) repeat-x bottom;	
	}
	
	.btnCms img
	{
		padding:2px;	
		border:0;
	}
	
	.btnCms:hover img
	{		
		background:#F1F1F1;
	}
	
	/* box over for Help*/
	.tipsBodyHelp, .tipsHeadHelp{
		width:240px;
		text-align:left;
		padding:4px;
		background : #FFF19D;
		border:2px solid #444;
		opacity:0.9;
		font-size:11px;	
		color:#333;	
		z-index:9999;
		
	}
	
	.tipsBodyHelp {
		width:232px;
		border-top:0;			
		padding:8px;	
		text-align:left;		
	}
	
	.tipsBodyHelp div {
		font-style:italic;
		padding:8px 0;
		text-align:right;
		color:#666;	
	}
	
	.tipsHeadHelp{
		border-bottom:0;
		font-weight:bold;
	}
	
	.specialtext{
		color:#EE1C4C;
	}
	
	#ressources_monTree .dojoTreeNodeLabel{
		
	}
	
	.ressourcenode{
	background:#AAA;
	color:#FFF;
	}
	
	/***
	AIDE
	*/
	.blocAide{
		background:#FFFCEB url(/app/www/share/images/bgaidecms.jpg) top repeat-x;
		border:2px solid #999;
	}
	
	.onlyPrint{
		display:none;
	}
	
	a, img {
	border:0;
}

#mailto-div{
	margin:0 0 10px 10px;
}

#mailto-href{
	background:#fff url(../images/send_mail.png) left no-repeat;
	display:block;
	height:18px;
	padding-left:20px;
	width:600px;
	font-size:14px;
	margin-top:8px;
}

#edito_esp{
	background-color:#FBF0A7;
	border: 1px solid #d3d3d3;
	padding: 10px;
	color:#262525;
	font-size:12px;
	margin-top:6px;
	margin-bottom:14px;
}