/** 
 * Feuille de style pour le TehmsNavigateur
 */

TABLE.tnNavigateur{
	position:relative;
	height:380px;
	padding:0px;
	margin:0px;
	border: #6699FF solid 2px;
	border-top: #6699FF solid 1px;
	border-bottom: #6699FF solid 0px;
	width:984px;
	z-index:10;
}

TD#tnTitre{
	background-color: #6699FF;
	color:#FFFFFF;
	padding:2px;
	font-size:14px;
	font-weight:bold;
	height:20px;
	text-align:center;
}

TD#tnCadreArborescence{
	width:352px;
	vertical-align:top;
	border: 1px inset #0000FF;
	background-color: #FFFFFF;
	padding:0px;
}

TD#tnCadreDetail{
	vertical-align:top;
	width:624px;
	border: 1px inset #0256FE;
	background-color: #FFFFFF;
	padding:0px;
	
}

DIV#tnIconesArborescence{
	width:352px;
	height:23px;
	background-color:#DDEEFF;
	padding:0px;
	margin:0px;
}
DIV#tnIconesDetail{
	width:624px;
	height:23px;
	background-color:#DDEEFF;
	padding:0px;
	margin:0px;
}

.tnIcone{
	margin-top:2px;
	margin-bottom:2px;
	margin-left:0px;
	margin-right:0px;
}

DIV#tnArborescence{
	padding:3px;
}
DIV#tnDetail{
	padding:0px;
	padding-bottom:10px;
}

DIV#tnDetail b{
	color:#6766DE;
}
DIV.tnChargement{
	color: #6699FF;
	text-align:center;
}



/** 
 * Onglets du menu administration des collaborateurs
 */
 
div.tnTabs{
	border-bottom:	1px solid #6699FF;
	padding-left:	2px;
	padding-right:	2px;
	margin-top:	5px;
}


div.tnTab{
	padding-left:	10px;
	padding-right:	10px;
	background-color:	#DDEEFF;
	border:	1px solid #6699FF;
	border-bottom:	0px solid #6699FF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	color: #6699FF;
}

div.tnTab_over{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
	border:	1px solid #6699FF;
	border-bottom: 0px solid #6699FF;
	cursor:	pointer;
	font-size: 12px;
	font-weight: bold;
	color: #6699FF;
}

div.tnTab_on{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #6699FF;
	border:	1px solid #6699FF;
	border-bottom: 0px solid #6699FF;
	cursor:	pointer;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
div.tnTab_on_over{
	padding-left: 10px;
	padding-right: 10px;
	background-color: #6699FF;
	border:	1px solid #6699FF;
	border-bottom: 0px solid #6699FF;
	cursor:	pointer;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

div.tnTabContenu{
	vertical-align:top;
	background-color: #FFFFFF;
	border-top-width: 0px;
	height:100%;
	padding:0px;
	display:none;
}
/*
div.tabSelectVert{
	padding-left:	10px;
	padding-right:	10px;
	background-color:	#47AB1C;
	border:	1px solid #47AB1C;
	border-bottom:	0px solid #47AB1C;
	cursor:	pointer;
	font-size:	12px;
	font-weight: 	bold;
	color:		#FFFFFF;
	text-align: center;
}

div.conteneurTabVert{
	text-align:	center;
	border-bottom:	1px solid #47AB1C;
	padding-left:	2px;
	padding-right:	2px;
	margin-top:	5px;
}
*/



/**
 * Arborescence
 */

DIV.tnLigneArbo{
	/*background-color:auto;*/
	background-image:url('/modules/commun/img/arbo/structure/ligne.gif');
	background-position:bottom left;
	height:16px;
}
DIV.tnLigneArbo_over{
	background-color:#DEEFFF;
	height:16px;
}
DIV.tnLigneArbo_on{
	background-color:#DEEFFF;
	background-image:url('/modules/commun/img/arbo/structure/ligne.gif');
	background-position:bottom left;
	height:16px;
}
DIV.tnLigneArbo_on_over{
	background-color:#DEEFFF;
	height:16px;
}



/**
 * Etapes / steps
 */


TABLE.tnSteps{
	text-align:left;
	border:1px solid #BFD5FF;
	padding:0px;
	margin:0px;
}
TABLE.tnSteps TH{
	padding:3px;
	border:0px;
	background-color:#DDEEFF;
	text-align:left;
	font-size:12px;
}
TABLE.tnSteps TD{
	padding:3px;
	border:0px;
	text-align:left;
}

TD.tnStepBegin{
	height:20px;
	border:0px;
	background-color:#DCEFD3;
	background-image:url(/modules/commun/img/etapes/debut.gif);
	background-repeat:no-repeat;
}
TD.tnStepEnd{
	height:20px;
	border:0px;
	background-color:#DCEFD3;
	background-image:url(/modules/commun/img/etapes/fin.gif);
	background-repeat:no-repeat;
}
TD.tnStepLine{
	border:0px;
	width:15px;
	background-color:#DCEFD3;
	background-image:url(/modules/commun/img/etapes/ligne.gif);
	background-repeat:repeat-y;
}
TD.tnStep{
	border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;
}
TD.tnStep1{background-image:url(/modules/commun/img/etapes/1.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}
TD.tnStep2{background-image:url(/modules/commun/img/etapes/2.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}
TD.tnStep3{background-image:url(/modules/commun/img/etapes/3.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}
TD.tnStep4{background-image:url(/modules/commun/img/etapes/4.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}
TD.tnStep5{background-image:url(/modules/commun/img/etapes/5.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}

TD.tnStep1_on{background-image:url(/modules/commun/img/etapes/1_on.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}
TD.tnStep2_on{background-image:url(/modules/commun/img/etapes/2_on.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}
TD.tnStep3_on{background-image:url(/modules/commun/img/etapes/3_on.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}
TD.tnStep4_on{background-image:url(/modules/commun/img/etapes/4_on.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}
TD.tnStep5_on{background-image:url(/modules/commun/img/etapes/5_on.gif);border:0px;width:15px;background-color:#DCEFD3;text-align:center;background-repeat:no-repeat;}





DIV.reussi{
	text-align:center;
	color:#009900;
	font-weight:bold;
	margin:0px;
	margin-top:2px;
	padding:0px;
	background-color:#EAFFDF;
	vertical-align:top;
	border: #6699FF solid 1px;
	
}


TD.tnTitre{
	height:15px;
	background-color: #6699FF;
	color:#ffffff;
}


TD.tnDetail{
	vertical-align:top;
	background-color: #FFFFFF;
	border: 1px inset #0256FE;
	border-top-width: 0px;
	height:100%;
	padding:0px;
}



H2.tnDetail{
	font-size: 15px;font-weight: bold;color: #6766DE;text-align:center;	
}


DIV.tnDivInfos{
	position:absolute;
	left:0px;
	top:-50px;
	background-color:#FFFFFF;
	border:1px outset #6766DE;
	padding:5px;
}
DIV.tnDivInfosIcones{
	position:absolute;
	left:0px;
	top:-50px;
	background-color:#FFFFCC;
	border:1px solid #000000;
	padding:5px;
}


HR{
	height:1px;
	color:blue;
	background-color:blue;
	border:0px solid blue;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


TD.tnArborescence a:hover{
	text-decoration: underline;
}

TD.tnTitre{
	background-color: #6699FF;
	color:#000000; 
	padding:2px; 
	border-bottom:0px solid blue;
	font-size:14px;
	font-weight:bold;
}

TD.tnNom{
	font-weight: bold;
	font-size: 14px;
}

TD.tnDescription{
	font-style: italic;
	text-indent: 20px;
}


.tnElementArbreOff{

}
.tnElementArbreOn{
	background-color:#DDEEFF;
}
/* tnElementArbreOn est remplacé par de simple styles dans le js*/

DIV.tnConfirm{
	display: none;
	position: absolute;
	left: 300px;
	top: 200px;
	width: 300px;
	height: 150px;
}

TABLE.tnConfirm{
	padding:0px;
	margin:0px;
	border: #FF3300 solid 3px;
	width: 100%;
	height: 100%;
}
TABLE.tnConfirm td{
	border-left: #FF3300 inset 1px;
	border-right: #FF3300 inset 1px;
}

TD.tnConfirmText{
	font-weight: bold;
	background-color:#FFFFFF;
}


DIV.pack0{
	padding-left:5px;
	margin-bottom:10px;
	border-bottom: #6766DE solid 0px;
}

A.tnOnglet:link, A.tnOnglet:visited, A.tnOnglet:active{
	color: #FFFFFF;font-weight:bold;
}

A.tnOnglet:hover{
	color: #6699FF;font-weight:bold;
}

A.pack0:link, A.pack0:visited, A.pack0:active{
	font-size: 12px;font-family: Arial,Tahoma,Verdana;color: #3D67FF;
	font-weight: bold;text-decoration: none;          
}

A.pack0:hover{
	font-size: 12px;font-family: Arial,Tahoma,Verdana;color: #0000CC;
	font-weight: bold;text-decoration: none;  
}


DIV.pack1{
	padding-left:10px;
}

DIV.pack2{
	padding-left:10px;
}

DIV.pack3{
	padding-left:10px;
}

DIV.pack4{
	padding-left:10px;
}

/** 
 * Calendrier
 */

table.calendrier{

	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	font-size:	12px;
	text-decoration: none;
	border:	solid 1px #6699FF;
	background:	#6699FF;
	width:		155px;	
}

/** 
 * Titre
 */
h1.calendrier{
	padding: 	0px;
	margin: 	0px;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	bold;
	font-size:	12px;
	color:		#FFFFFF;
	text-decoration: none;
	cursor:		default;
}
/** 
 * menu de selection mois et annee
 */
select.calendrier{
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	font-size:	12px;
	color:		#6699FF;
	text-decoration: none;
	margin-left:	0px;
	cursor:		default;
}

/** 
 * Croix de fermeture
 */
 .calCroix , a.calCroix, a.calCroix:visited
{
	padding-left: 2px;
	padding-right: 2px;
	float:	right;
	border-width: 1px;
	border-style: solid;
	border-color: #DDEEFF;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	bold;
	font-size:	12px;
	color:		#FFFFFF;
	text-decoration: none;
	cursor:		pointer;
}

a.calCroix:hover
{
	padding-left: 2px;
	padding-right: 2px;
	float:	right;
	border-width: 1px;
	border-style: solid;
	border-color: #0000CC;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	bold;
	font-size:	12px;
	color:		#0000CC;
	text-decoration: none;
	cursor:		pointer;
}

/** 
 * Numero des jour
 */


.jour1, .jour2, .jour3, .jour4, .jour5, .jour6, .jour0
{
	width: 		20px;
	height: 	16px;
	background:	#6699FF;
	border:		solid 1px #6699FF;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#000000;
	text-align:	center;
	cursor: 	default;
	line-height:	16px;
}
.jour1on, .jour2on, .jour3on, .jour4on, .jour5on,.jour0on, .jour6on
{
	width: 		20px;
	height: 	16px;
	background:	#DDEEFF;
	border:		solid 1px #0000CC;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#0000CC;	
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
}

/** 
 * aujourdhui
 */

.jour
{
	width: 		20px;
	height: 	16px;
	border:		solid 1px #DDEEFF;
	background:	#47AB1C;
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#DDEEFF;
	text-align:	center;
	cursor: 	default;
	line-height:	16px;
}

.jouron
{
	width: 		20px;
	height: 	16px;
	border:		solid 1px #006600;
	background:	#CCFFFF;
	font-family: 	Arial, Helvetica, sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#006600;
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
}

/** 
 * jour de la semaine
 */
 
.jourSemaine1, .jourSemaine2, .jourSemaine3, .jourSemaine4, .jourSemaine5 , .jourSemaine0, .jourSemaine6
{
	width: 		20px;
	height: 	16px;
	font-size:	12px;
	background:	#DDEEFF;
	border:		solid 1px #DDEEFF;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	bold;
	color:		#6699FF;
	text-align:	center;
	line-height:	16px;
	cursor:		default;
}