body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffFF;
	border-width: 0px;
        margin:0 0 0 0;
	}


table {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.CSS_BAN01_HEIGH {
	height: 108px;
}
.CSS_BAN01_IDENT {
	height: 25px;
	color: #000000;
	font-size: 10px;
	padding-left: 10px;
	background-color: #E5E8ED;
}
.CSS_BAN01_DATEJ {
	color: #000000;
	font-size: 10px;
	padding-left: 10px;
	background-color: #E5E8ED;
	border-bottom: 1px solid #FFFFFF;
	font-weight: bold;
        height:28px;
}
.CSS_BAN01_IDENT span {
	color: #5F5F61;
}
.CSS_BAN01_IDENT a {
	color: #000000;
}
.CSS_BAN01_VISUE {
	width: 395px;
	border-bottom: 1px solid #FFFFFF;
}
.CSS_BAN01_RECHE {
	width: 132px;
	background-color: #D4D0C7;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	vertical-align: top;
	text-align: center;
}
.CSS_BAN01_RECHE input {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 120px;
}
.CSS_BAN01_RECHE select {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 120px;
}
.CSS_CAL01_00004 {
	height: 4px;
}

.CSS_BAN02_HEURE {
	height: 24px;
	width: 150px;
	background-color: #717171;
	color: #CBCBCB;
	font-weight: bold;
	font-size: 11px;
	padding-left: 15px;
}
.CSS_BAN02_HEURE span {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.CSS_BAN02_TITRE {
	height: 18px;
	background-color: #A2A2A2;
	color: #FFFFFF;
	font-size: 11px;
	padding-left: 5px;
}
.CSS_BAN03_PIEDP {
	height: 20px;
	background-color: #717171;
	color: #FFFFFF;
	font-size: 10px;
}

.CSS_MEN01_BORD1 {
	border-right: 1px solid #A2A2A2;
	width: 3px;
}
.CSS_MEN01_BORD2 {
	border-bottom: 1px solid #A2A2A2;
	height: 3px;
}
.CSS_MEN01_BORD3 {
	border: 1px solid #A2A2A2;
}
.CSS_MEN01_BORD4 {
	border-top: 1px solid #A2A2A2;
	height: 3px;
}

.CSS_ESP01_H0002 {
	height: 2px;
	width: 1px;
}
.CSS_ESP01_W0155 {
	height: 1px;
	width: 155px;
}

.CSS_MEN01_HEURE {
	color: #A2A2A2;
	font-size: 10px;
	padding-top: 2px;
	padding-left: 6px;
}
.CSS_MEN01_METE1 {
	text-align: center;
	background-color: #A2A2A2;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 55px;
	border-bottom: 2px solid #FFFFFF;
}
.CSS_MEN01_METE2 {
	text-align: center;
	background-color: #A2A2A2;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 21px;
	border-bottom: 4px solid #FFFFFF;
}
.CSS_MEN01_ESPAC {
	width: 9px;
}
.CSS_MEN01_SAVEZ {
	color: #313131;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 6px;
	padding-bottom: 4px;
	line-height: 14px;
	width: 151px;
}
.CSS_MEN01_INCID {
	color: #313131;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 6px;
	line-height: 20px;
}

.CSS_MEN02_BORD1 {
	border-right: 1px solid #A2A2A2;
	width: 3px;
	background-color: #ECEFF4;
}
.CSS_MEN02_BORD2 {
	border-bottom: 1px solid #A2A2A2;
	height: 3px;
	background-color: #ECEFF4;
}
.CSS_MEN02_BORD4 {
	border-top: 1px solid #A2A2A2;
	height: 3px;
	background-color: #ECEFF4;
}
.CSS_MEN02_TITRE {
	background-color: #ECEFF4;
}
.CSS_MEN02_TUYAU {
	color: #000000;
	background-color: #ECEFF4;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 6px;
	width: 151px;
}
.CSS_MEN02_TUYAU a {
	color: #000000;
	text-decoration: none;
}
.CSS_MEN02_TUYAU a:hover {
	color: #000000;
	text-decoration: underline;
}

.CSS_ONG01_BASE {
	HEIGHT: 6px
}
.CSS_ONG01_BASE2 {
	BORDER-RIGHT: #a2a2a2 1px solid; BORDER-LEFT: #a2a2a2 1px solid; WIDTH: 20%; BACKGROUND-COLOR: #cbcbcb
}
.CSS_ONG01_ESPAC {
	WIDTH: 1px; BACKGROUND-COLOR: #ffffff
}
.CSS_ONG01_BASE3 {
	BORDER-RIGHT: #a2a2a2 1px solid; BORDER-LEFT: #a2a2a2 1px solid; WIDTH: 20%; HEIGHT: 18px; TEXT-ALIGN: center
}
.CSS_ONG01_BASE3 A {
	COLOR: #000000; TEXT-DECORATION: none
}
.CSS_ONG01_BASE3 A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}



.CSS_ONG01_RUBR1,
.CSS_ONG01_RUBR2,
.CSS_ONG01_RUBR3,
.CSS_ONG01_RUBR4,
.CSS_ONG01_RUBR5,
.CSS_ONG01_RUBR6,
.CSS_ONG01_RUBR1B,
.CSS_ONG01_RUBR2B,
.CSS_ONG01_RUBR3B,
.CSS_ONG01_RUBR4B,
.CSS_ONG01_RUBR5B,
.CSS_ONG01_RUBR6B,
.CSS_ONG01_RUBR7B,
.CSS_ONG01_RUBRON
{
	WIDTH: 100%; BORDER-BOTTOM: #a2a2a2 1px solid; HEIGHT: 5px;
 cursor:hand;
}

.CSS_ONG01_RUBR1,
.CSS_ONG01_RUBR2,
.CSS_ONG01_RUBR3,
.CSS_ONG01_RUBR4,
.CSS_ONG01_RUBR5,
.CSS_ONG01_RUBR6
{}

.CSS_ONG01_RUBR1B,
.CSS_ONG01_RUBR2B,
.CSS_ONG01_RUBR3B,
.CSS_ONG01_RUBR4B,
.CSS_ONG01_RUBR5B,
.CSS_ONG01_RUBR6B,
.CSS_ONG01_RUBR7B,
.CSS_ONG01_RUBRON
{
	BORDER-LEFT: #FFFFFF 4px solid;
	BORDER-RIGHT: #FFFFFF 4px solid;
}



.CSS_ONG01_RUBR1,
.CSS_ONG01_RUBR1B
{
	BACKGROUND-COLOR: #feba00
}

.CSS_ONG01_RUBR1:hover,
.CSS_ONG01_RUBR1B:hover
{
	BACKGROUND-COLOR: #fedc7f
}

.CSS_ONG01_RUBR2,
.CSS_ONG01_RUBR2B
{
	BACKGROUND-COLOR: #8fdd0f
}

.CSS_ONG01_RUBR2:hover,
.CSS_ONG01_RUBR2B:hover
{
	BACKGROUND-COLOR: #b3dd6f
}

.CSS_ONG01_RUBR3
{
	BACKGROUND-COLOR: #497ec2
}
.CSS_ONG01_RUBR4 {
	BACKGROUND-COLOR: #fe0000
}
.CSS_ONG01_RUBR5 {
	BACKGROUND-COLOR: #e650d5
}
.CSS_ONG01_RUBR6,
.CSS_ONG01_RUBR6B
{
	BACKGROUND-COLOR: #ffde00
}



.CSS_ONG01_RUBR3B {
	BACKGROUND-COLOR: #33cccc;
}
.CSS_ONG01_RUBR4B {
	BACKGROUND-COLOR: #fe9595;
}
.CSS_ONG01_RUBR5B {
	BACKGROUND-COLOR: #ff88ff;
}
.CSS_ONG01_RUBR7B {
	BACKGROUND-COLOR: #CC99FF;
}
.CSS_ONG01_RUBR7B:hover {
	BACKGROUND-COLOR: #e6cdff;
}



.CSS_ONG01_RUBRON {
	BACKGROUND-COLOR: #dddddd;
}




.CSS_CON01_WDATE {
	width: 110px;
}
.CSS_CON01_WDATE2 {
	width: 110px;
	border: 1px solid #C0C0C0;
	
}
.CSS_CON01_PLUS {
	text-align: right;
}
.CSS_CON01_PLUS a {
	text-decoration: none;
	font-size: 10px;
	color: #316098;
}
.CSS_CON01_HAUT {
	background-color: #FFDE00;
	height: 8px;
}
.CSS_CON01_TITR2 {
	background-color: #F3F4F8;
	padding-left: 4px;
}
.CSS_CON01_TEXTE {
	background-color: #F3F4F8;
	padding-left: 4px;
	color: #71716F;
}
.CSS_CON01_PLUS2 {
	text-align: right;
	background-color: #F3F4F8;
	border-bottom: 1px solid #316098;
}
.CSS_CON01_PLUS2 a {
	text-decoration: none;
	font-size: 10px;
	color: #316098;
}

.CSS_CON02_HAUT {
	background-color: #FFDE00;
	height: 9px;
}
.CSS_CON02_TITRE {
	background-color: #F3F4F8;
	height: 42px;
	border-bottom: 1px solid #316098;
	padding-left: 4px;
}
.CSS_CON02_DATE {
	background-color: #D0DAE6;
	width: 70px;
	text-align: center;
	border-bottom: 1px solid #316098;
	font-size: 10px;
	color: #71716F;
}
.CSS_CON02_CONTR {
	font-size: 10px;
	color: #316098;
	background-color: #F3F4F8;
	text-align: center;
	border-bottom: 1px solid #316098;
	width: 140px;
}
.CSS_CON02_PICTO {
	position: relative;
	top: -17px;
}
.CSS_TIT01_GAUCH {
	FONT-SIZE: 9px; color: #666666; font-weight: bold; letter-spacing: 2px;
}

/*

 TODO : supprimer la largeur sur les onglets !!!


 */



/* 7 "GROS" boutons de menus déclinés en 7 couleurs */
.CSS_ONG01_RU1,
.CSS_ONG01_RU2,
.CSS_ONG01_RU3,
.CSS_ONG01_RU4,
.CSS_ONG01_RU5,
.CSS_ONG01_RU6,
.CSS_ONG01_RU7
{
 border-top:0px none;
 border-left:1px solid ;
 border-right:1px solid ;
 border-bottom:4px solid ;
 height: 18px;
 text-align: center;
 cursor:default;
}



.CSS_ONG01_RU1 {
 border-color:#FEBA00;
}
.CSS_ONG01_RU2 {
 border-color: #8FDD0F;
}
.CSS_ONG01_RU3 {
 border-color: #33cccc;
}
.CSS_ONG01_RU4 {
 border-color: #FE9595;
}
.CSS_ONG01_RU5 {
 border-color: #ff88ff;
}
.CSS_ONG01_RU6 {
 border-color: #FFDE00;
}
.CSS_ONG01_RU7 {
 border-color: #CC99FF;
}




.CSS_ONG01_RUON1,
.CSS_ONG01_RUON2,
.CSS_ONG01_RUON3,
.CSS_ONG01_RUON4,
.CSS_ONG01_RUON5,
.CSS_ONG01_RUON6,
.CSS_ONG01_RUON7
{
 border-top:0px none;
 border-left: 1px solid;
 border-right: 1px solid;
 border-bottom: 4px solid;
 height: 18px;
 text-align: center;
}


.CSS_ONG01_RUON1 {
 width: 13%;
 border-color:#FEBA00;
 background-color: #FEBA00;
}

.CSS_ONG01_RUON2 {
 width: 20%;
 border-color:#8FDD0F;
 background-color: #8FDD0F;
}
.CSS_ONG01_RUON3 {
 width: 13%;
 border-color:#497EC2;
 background-color: #497EC2;
}
.CSS_ONG01_RUON4 {
 width: 13%;
 border-color:#FE0000;
 background-color: #FE0000;
}
.CSS_ONG01_RUON5 {
 width: 13%;
 border-color:#E650D5;
 background-color: #E650D5;
}
.CSS_ONG01_RUON6 {
 width: 13%;
 border-color:#FFDE00;
 background-color: #FFDE00;
}
.CSS_ONG01_RUON7 {
 width: 13%;
 border-color:#CC99FF;
 background-color: #FFDE00;
}







/*30/06/2004 : modif*/
.CSS_CON02_PICTO {
	position: relative;
	top: -17px;
	left: 0px;
}
/*30/06/2004*/
.CSS_CON02_TITLE2 {
	FONT-SIZE: 9px; color: #999999; BORDER-LEFT: #d0dae6 1px solid; BORDER-RIGHT: #d0dae6 1px solid;
}
/*30/06/2004*/
.CSS_CON02_TITLE {
	FONT-SIZE: 9px; color: #999999;
}
/*30/06/2004*/
.CSS_TIT01_TITRE {
	FONT-SIZE: 9px; color: #666666; font-weight: bold; letter-spacing: 6px;
}
/*30/06/2004*/
.CSS_TIT01_GAUCH {
	FONT-SIZE: 9px; color: #666666; font-weight: bold; letter-spacing: 2px;
}

/* 20/10/2004 VP
 un bouton avec une image en fond
 le bouton change d'aspect au survol (meilleur feedback)
 l'utilisation de ce bouton permet d'éviter d'avoir à créer
 un bouton pour chaque libellé
*/

.CSS_BOUTN
{
/*
 font-family:Arial, Helvetica, Lucida, Sans;
 font-size:11px;
 font-weight:700;
 color:#fff;
 background-image:url("/IMG/IMUG057.gif");
 text-decoration:none;
 padding-top:7px;
 padding-left:30px;
 width:131px;
 height:28px;
*/


 font-family:Arial, Helvetica, Lucida, Sans;
 font-size:11px;
 font-weight:700;
 color:#fff;
 border:1px solid #777;
 background-position: -1;
 background-repeat:no-repeat;
 background-color:#777;
 text-decoration:none;
 padding-top:2px;
 padding-left:24px;
 width:105px;
 height:21px;
 background-image:url("/IMG/IMUG057.gif");
}

.CSS_BOUTN:hover
{
 border:1px solid #000;
 font-weight:700;
 background-image:url("/IMG/IMUG058.GIF");
}

/* 2004/11/08 VP
 definition des styles pour le 
  titre
  accroche
  corps
 d'un article 
*/

.CSS_TITRE_ARTICLE 
{
 font-size: 9px; 
 color: #666666; 
 font-weight: bold; 
 letter-spacing: 6px;
 border-bottom:8px solid #ffde00;
 margin-top:10px;
 text-transform:uppercase;
 
 /*font-variant:small-caps;*/
}
.CSS_TIT01_ARTICLE 
{
 font-size: 9px; 
 color: #666666; 
 font-weight: bold; 
 letter-spacing: 6px;
 border-bottom:4px solid #ffde00;
 margin-top:6px;
 text-transform:uppercase;
}

.CSS_ACCRO_ARTICLE
{
 color: #313131;
 font-size: 12px;
 padding-top: 4px;
 /*padding-left: 6px;*/
 padding-bottom: 4px;
 line-height: 14px;
}

.CSS_CORPS_ARTICLE
{
 text-align:justify; 
}
 /*Issue de CH et SI*/
.CSS_TITRE
{
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.CSS_CHAMP
{
	font-weight: bold;
	font-size: 12px;
	/* overflow: auto;  suppression 20061220 VP*/
	border-top-style: inset;
	font-family: Arial, Helvetica, sans-serif;
	border-right-style: inset;
	border-left-style: inset;
	background-color: white;
	border-bottom-style: inset;
}
.CSS_CHAMP_INACTIF 
{	
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
	background-color: #ffffff;	
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: none;
	overflow: hidden;	
}
.CSS_LABEL
{
	font-weight: bold;
	font-size: 12px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;	
}
.CSS_ERROR
{
	color: Red;
	font-size: 12px;
	font-weight: bold;
}
.CSS_TABLE_ITEMS
{
	font-weight: normal;
	font-size: 12px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}


.CSS_BOUTN_SEARCH
{
 font-family:Arial, Helvetica, Lucida, Sans;
 font-size:11px;
 font-weight:700;
 color:#fff;
 background-color:#6c6a66;
 background-image:url("/IMG/IMUG064.GIF");
 background-repeat:no-repeat;
 background-position:5 5;
 border:1px solid #000; 
 text-decoration:none;
 padding-top:7px;
 padding-left:26px;
 padding-right:3px;
 height:28px;
}

.CSS_BOUTN_SEARCH:hover{
 font-family:Arial, Helvetica, Lucida, Sans;
 font-size:11px;
 font-weight:700;
 color:#fff;
 background-color:#858380;
 background-image:url("/IMG/IMUG064.gif");
 background-repeat:no-repeat;
 background-position:6 6;
 border:1px solid #000; 
 text-decoration:none;
 padding-top:7px;
 padding-left:26px;
 padding-right:3px; 
 height:28px;
}



/* 2005/01/06 VP */
/* boutons de taille fixe avec du texte */

.CSS_BOUTN_NEW00,
.CSS_BOUTN_DUPLC,
.CSS_BOUTN_SERCH,
.CSS_BOUTN_MODIF,
.CSS_BOUTN_MAIL0,
.CSS_BOUTN_PRINT,
.CSS_BOUTN_INSTR,
.CSS_BOUTN_CANCL,
.CSS_BOUTN_OK000,
.CSS_BOUTN_DELTE,
.CSS_BOUTN_RESET,
.CSS_BOUTN_REST2,
.CSS_BOUTN_TREE0,
.CSS_BOUTN_ENTER,
.CSS_BOUTN_LEAVE,
.CSS_BOUTN_LIST0,
.CSS_BOUTN_LPRNT,
.CSS_BOUTN_CALND,
.CSS_BOUTN_PLUS0,
.CSS_BOUTN_MOINS,
.CSS_BOUTN_HELP0
{
 font-family:Arial, Helvetica, Lucida, Sans;
 font-size:11px;
 font-weight:700;
 color:#fff;
 border:1px solid #777;
 background-position: -1;
 background-repeat:no-repeat;
 background-color:#777;
 text-decoration:none;
 padding-top:2px;
 padding-left:24px;
 width:105px;
 height:21px;
}

.CSS_BOUTN_NEW00:hover,
.CSS_BOUTN_DUPLC:hover,
.CSS_BOUTN_SERCH:hover,
.CSS_BOUTN_MODIF:hover,
.CSS_BOUTN_MAIL0:hover,
.CSS_BOUTN_PRINT:hover,
.CSS_BOUTN_INSTR:hover,
.CSS_BOUTN_CANCL:hover,
.CSS_BOUTN_OK000:hover,
.CSS_BOUTN_DELTE:hover,
.CSS_BOUTN_RESET:hover,
.CSS_BOUTN_REST2:hover,
.CSS_BOUTN_TREE0:hover,
.CSS_BOUTN_ENTER:hover,
.CSS_BOUTN_LEAVE:hover,
.CSS_BOUTN_LIST0:hover,
.CSS_BOUTN_LPRNT:hover,
.CSS_BOUTN_CALND:hover,
.CSS_BOUTN_PLUS0:hover,
.CSS_BOUTN_MOINS:hover,
.CSS_BOUTN_HELP0:hover
{
 border:1px solid #000;
 background-position: -1 -2;
 background-color:#888;
 padding-top:3px;
}

.CSS_BOUTN_NEW00,
.CSS_BOUTF_NEW00
{
 background-image:url("../IMG/IMUG079.gif");
}

.CSS_BOUTN_DUPLC,
.CSS_BOUTF_DUPLC
{
 background-image:url("../IMG/IMUG080.gif");
}

.CSS_BOUTN_SERCH,
.CSS_BOUTF_SERCH
{
 background-image:url("../IMG/IMUG081.gif");
}

.CSS_BOUTN_MODIF,
.CSS_BOUTF_MODIF
{
 background-image:url("../IMG/IMUG082.gif");
}

.CSS_BOUTN_MAIL0,
.CSS_BOUTF_MAIL0
{
 background-image:url("../IMG/IMUG083.gif");
}

.CSS_BOUTN_PRINT,
.CSS_BOUTF_PRINT
{
 background-image:url("../IMG/IMUG084.gif");
}

.CSS_BOUTN_INSTR,
.CSS_BOUTF_INSTR
{
 background-image:url("../IMG/IMUG085.gif");
}

.CSS_BOUTN_CANCL,
.CSS_BOUTF_CANCL
{
 background-image:url("../IMG/IMUG088.gif");
}

.CSS_BOUTN_OK000,
.CSS_BOUTF_OK000
{
 background-image:url("../IMG/IMUG089.gif");
}

.CSS_BOUTN_DELTE,
.CSS_BOUTF_DELTE
{
 background-image:url("../IMG/IMUG097.gif");
}

.CSS_BOUTN_RESET,
.CSS_BOUTF_RESET
{
 background-image:url("../IMG/IMUG090.gif");
}

.CSS_BOUTN_TREE0,
.CSS_BOUTF_TREE0
{
 background-image:url("../IMG/IMUG096.gif");
}

.CSS_BOUTN_REST2,
.CSS_BOUTF_REST2
{
 background-image:url("../IMG/IMUG095.gif");
}

.CSS_BOUTN_ENTER,
.CSS_BOUTF_ENTER
{
 background-image:url("../IMG/IMUG102.gif");
}

.CSS_BOUTN_LEAVE,
.CSS_BOUTF_LEAVE
{
 background-image:url("../IMG/IMUG103.gif");
}

.CSS_BOUTN_LIST0,
.CSS_BOUTF_LIST0
{
 background-image:url("../IMG/IMUG086.gif");
}

.CSS_BOUTN_LPRNT,
.CSS_BOUTF_LPRNT
{
 background-image:url("../IMG/IMUG087.gif");
}

.CSS_BOUTN_CALND,
.CSS_BOUTF_CALND
{
 background-image:url("../IMG/IMUG101.gif");
}


.CSS_BOUTN_PLUS0,
.CSS_BOUTF_PLUS0
{
 background-image:url("../IMG/IMUG104.gif");
}


.CSS_BOUTN_MOINS,
.CSS_BOUTF_MOINS
{
 background-image:url("../IMG/IMUG105.gif");
}

.CSS_BOUTN_HELP0,
.CSS_BOUTF_HELP0
{
 background-image:url("../IMG/IMUG100.gif");
}


/* boutons de taille fixe sans texte */

.CSS_BOUTF_NEW00,
.CSS_BOUTF_DUPLC,
.CSS_BOUTF_SERCH,
.CSS_BOUTF_MODIF,
.CSS_BOUTF_MAIL0,
.CSS_BOUTF_PRINT,
.CSS_BOUTF_INSTR,
.CSS_BOUTF_CANCL,
.CSS_BOUTF_OK000,
.CSS_BOUTF_DELTE,
.CSS_BOUTF_RESET,
.CSS_BOUTF_REST2,
.CSS_BOUTF_TREE0,
.CSS_BOUTF_ENTER,
.CSS_BOUTF_LEAVE,
.CSS_BOUTF_LIST0,
.CSS_BOUTF_LPRNT,
.CSS_BOUTF_CALND,
.CSS_BOUTF_PLUS0,
.CSS_BOUTF_MOINS,
.CSS_BOUTF_HELP0
{
 color:#fff;
 background-position: -3 ;
 background-repeat:no-repeat;
 border:1px solid #777;
 background-color:#777;
 text-decoration:none;
 width:21px;
 height:21px;
 overflow:hidden
}



.CSS_BOUTF_NEW00:hover,
.CSS_BOUTF_DUPLC:hover,
.CSS_BOUTF_SERCH:hover,
.CSS_BOUTF_MODIF:hover,
.CSS_BOUTF_MAIL0:hover,
.CSS_BOUTF_PRINT:hover,
.CSS_BOUTF_INSTR:hover,
.CSS_BOUTF_CANCL:hover,
.CSS_BOUTF_OK000:hover,
.CSS_BOUTF_DELTE:hover,
.CSS_BOUTF_RESET:hover,
.CSS_BOUTF_REST2:hover,
.CSS_BOUTF_TREE0:hover,
.CSS_BOUTF_ENTER:hover,
.CSS_BOUTF_LEAVE:hover,
.CSS_BOUTF_LIST0:hover,
.CSS_BOUTF_LPRNT:hover,
.CSS_BOUTF_CALND:hover,
.CSS_BOUTF_PLUS0:hover,
.CSS_BOUTF_MOINS:hover,
.CSS_BOUTF_HELP0:hover
{
 background-position: -3 -2 ;
 border:1px solid #000;
 background-color:#888;
 width:21px;
 height:21px;
 overflow:hidden
}

.CSS_BOUTF_FIRST,
.CSS_BOUTF_PREVP,
.CSS_BOUTF_PREV0,
.CSS_BOUTF_NEXT0,
.CSS_BOUTF_NEXTP,
.CSS_BOUTF_LAST0,
.CSS_BOUTF_GOTO0
{
 background-repeat:no-repeat;
 text-decoration:none;
 width:28px;
 height:24px;
 position:relative;
 top:2px;
}

.CSS_BOUTF_FIRST
{
 background-image:url("../IMG/IMUG069.gif");
}

.CSS_BOUTF_FIRST:hover
{
 background-image:url("../IMG/IMUG074.gif");
}

.CSS_BOUTF_PREVP
{
 background-image:url("../IMG/IMUG091.gif");
}

.CSS_BOUTF_PREVP:hover
{
 background-image:url("../IMG/IMUG093.gif");
}

.CSS_BOUTF_PREV0
{
 background-image:url("../IMG/IMUG070.gif");
}

.CSS_BOUTF_PREV0:hover
{
 background-image:url("../IMG/IMUG075.gif");
}

.CSS_BOUTF_NEXT0
{
 background-image:url("../IMG/IMUG071.gif");
}
.CSS_BOUTF_NEXT0:hover
{
 background-image:url("../IMG/IMUG076.gif");
}

.CSS_BOUTF_NEXTP
{
 background-image:url("../IMG/IMUG092.gif");
}

.CSS_BOUTF_NEXTP:hover
{
 background-image:url("../IMG/IMUG094.gif");
}

.CSS_BOUTF_LAST0
{
 background-image:url("../IMG/IMUG072.gif");
}

.CSS_BOUTF_LAST0:hover
{
 background-image:url("../IMG/IMUG077.gif");
}

.CSS_BOUTF_GOTO0
{
 background-image:url("../IMG/IMUG073.gif");
}
.CSS_BOUTF_GOTO0:hover
{
 background-image:url("../IMG/IMUG078.gif");
}






/* styles pour les datagrid */

.CSS_TABLE_TABL0
{
border:1px solid #0000c0; 
}

.CSS_TABLE_HEADR,
tr.CSS_TABLE_HEADR td,
tr.CSS_TABLE_HEADR td a,
tr.CSS_TABLE_HEADR th,
tr.CSS_TABLE_HEADR th a
{
background-color: #0257bc; /*   0056bc*/
font-weight:bold;
color:#f3ffe8;
}


.CSS_TABLE_PAGER, tr.CSS_TABLE_PAGER td, tr.CSS_TABLE_PAGER td a
{
background-color:#013e88;/*003d88  14429f*/
font-weight:bold;
color:#f3ffe8; /*f3ffe8*/
}


.CSS_TABLE_SLCTD,
tr.CSS_TABLE_SLCTD td,
tr.CSS_TABLE_SLCTD td a
{
background-color:#013e88;/*003d88  14429f*/
font-weight:bold;
color:#f3ffe8; /*f3ffe8*/
}


.CSS_TABLE_EDITR,
tr.CSS_TABLE_EDITR td,
tr.CSS_TABLE_EDITR td a
{
border:1px solid #316098;
background-color:#d6e9ff; /* colonnes paires = #d0dae6 */
}


.CSS_TABLE_LINE0
{
border:1px solid #316098;
background-color:#d6e9ff; /* colonnes paires = #d0dae6 */
}

.CSS_TABLE_LINE1
{
border:1px solid #316098;
background-color:#e3f0ff; /* colonnes paires = #b8cde6 */
}





/* type indice numéro de la ligne */
.CSS_COLMN_INDIC
{
padding: 2 8 2 8;
text-align:center;
/* font-family:Courier; */
width:50px;
}

tr.CSS_TABLE_LINE0 td.CSS_COLMN_INDIC
{
border:1px solid #000;
background-color:#ccc;
width:100px;
}
tr.CSS_TABLE_LINE1 td.CSS_COLMN_INDIC
{
border:1px solid #000;
background-color:#ddd;
width:50px;
}

tr.CSS_TABLE_HEADR td.CSS_COLMN_INDIC,
tr.CSS_TABLE_HEADR td.CSS_COLMN_INDIC a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_INDIC,
tr.CSS_TABLE_HEADR th.CSS_COLMN_INDIC a

{
background-color:#777;
width:50px;
}







/* type texte court*/
.CSS_COLMN_TXTC0,
.CSS_COLMN_TXTC1
{
padding: 2 8 2 8;
text-align:left;
}

/* type texte long */
.CSS_COLMN_TXTL0,
.CSS_COLMN_TXTL1
{
margin:15 15 15 15;
text-align:justify;
}



/*
.CSS_COLMN_TXTL0,
.CSS_COLMN_TXTL1,
.CSS_COLMN_TXTL0 span,
.CSS_COLMN_TXTL1 span
{
text-align:justify;
height:1em;
overflow:hidden;
}


td.CSS_COLMN_TXTL0 *:hover,
td.CSS_COLMN_TXTL1 *:hover
{
text-align:justify;
height:auto;
}
*/





/* type date */
.CSS_COLMN_DATE0,
.CSS_COLMN_DATE1
{
text-align:left;
}

/* type numerique */
.CSS_COLMN_NMBR0,
.CSS_COLMN_NMBR1
{
text-align:right;
font-family:Courier;
}


tr.CSS_TABLE_LINE0 td.CSS_COLMN_TXTC0,
tr.CSS_TABLE_LINE0 td.CSS_COLMN_TXTL0,
tr.CSS_TABLE_LINE0 td.CSS_COLMN_DATE0,
tr.CSS_TABLE_LINE0 td.CSS_COLMN_NMBR0
{
border:1px solid #316098;	
background-color:#d6e9ff;
}

tr.CSS_TABLE_LINE0 td.CSS_COLMN_TXTC1,
tr.CSS_TABLE_LINE0 td.CSS_COLMN_TXTL1,
tr.CSS_TABLE_LINE0 td.CSS_COLMN_DATE1,
tr.CSS_TABLE_LINE0 td.CSS_COLMN_NMBR1
{
border:1px solid #316098;	
background-color:#ebf4ff;
}

tr.CSS_TABLE_LINE1 td.CSS_COLMN_TXTC0,
tr.CSS_TABLE_LINE1 td.CSS_COLMN_TXTL0,
tr.CSS_TABLE_LINE1 td.CSS_COLMN_DATE0,
tr.CSS_TABLE_LINE1 td.CSS_COLMN_NMBR0
{
border:1px solid #316098;	
background-color:#e3f0ff;
}

tr.CSS_TABLE_LINE1 td.CSS_COLMN_TXTC1,
tr.CSS_TABLE_LINE1 td.CSS_COLMN_TXTL1,
tr.CSS_TABLE_LINE1 td.CSS_COLMN_DATE1,
tr.CSS_TABLE_LINE1 td.CSS_COLMN_NMBR1
{
border:1px solid #316098;	
/* background-color:#dfefff; */
background-color:#f9fdff;
}





tr.CSS_TABLE_HEADR td.CSS_COLMN_TXTC0,
tr.CSS_TABLE_HEADR td.CSS_COLMN_TXTL0,
tr.CSS_TABLE_HEADR td.CSS_COLMN_DATE0,
tr.CSS_TABLE_HEADR td.CSS_COLMN_NMBR0,
tr.CSS_TABLE_HEADR td.CSS_COLMN_TXTC0 a,
tr.CSS_TABLE_HEADR td.CSS_COLMN_TXTL0 a,
tr.CSS_TABLE_HEADR td.CSS_COLMN_DATE0 a,
tr.CSS_TABLE_HEADR td.CSS_COLMN_NMBR0 a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_TXTC0,
tr.CSS_TABLE_HEADR th.CSS_COLMN_TXTL0,
tr.CSS_TABLE_HEADR th.CSS_COLMN_DATE0,
tr.CSS_TABLE_HEADR th.CSS_COLMN_NMBR0,
tr.CSS_TABLE_HEADR th.CSS_COLMN_TXTC0 a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_TXTL0 a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_DATE0 a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_NMBR0 a
{
background-color:#013e88;
}

tr.CSS_TABLE_HEADR td.CSS_COLMN_TXTC1,
tr.CSS_TABLE_HEADR td.CSS_COLMN_TXTL1,
tr.CSS_TABLE_HEADR td.CSS_COLMN_DATE1,
tr.CSS_TABLE_HEADR td.CSS_COLMN_NMBR1,
tr.CSS_TABLE_HEADR td.CSS_COLMN_TXTC1 a,
tr.CSS_TABLE_HEADR td.CSS_COLMN_TXTL1 a,
tr.CSS_TABLE_HEADR td.CSS_COLMN_DATE1 a,
tr.CSS_TABLE_HEADR td.CSS_COLMN_NMBR1 a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_TXTC1,
tr.CSS_TABLE_HEADR th.CSS_COLMN_TXTL1,
tr.CSS_TABLE_HEADR th.CSS_COLMN_DATE1,
tr.CSS_TABLE_HEADR th.CSS_COLMN_NMBR1,
tr.CSS_TABLE_HEADR th.CSS_COLMN_TXTC1 a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_TXTL1 a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_DATE1 a,
tr.CSS_TABLE_HEADR th.CSS_COLMN_NMBR1 a
{
background-color:#0257bc;
}








/* structure de documents */
.CSS_TITLE
{
 font-size:400%;
 background-color:#dddddd;
 text-align:center;
 vertical-align:center;
 border:2px solid #000;
 filter: blur(direction=135, strength=3);
 margin:30% 10% 30% 10%;
 width:100%;
}

.CSS_CHPTR
{
 font-size:300%;
 filter: blur(direction=135, strength=2);
 width:100%;
 text-align:right;
 text-decoration:underline;
}

.CSS_SECT1
{
 font-size:200%;
}

.CSS_SECT2
{
 font-size:180%;
}

.CSS_SECT3
{
 font-size:160%;
}

.CSS_SECT4
{
 font-size:140%;
}

.CSS_SECT5
{
 font-size:120%;
}

.CSS_SECT6
{
 font-size:100%;
 font-weight:bold;
}

.CSS_PARAG
{
 text-indent:10;
 text-align:justify;
}

.CSS_DIMGE
{
 margin-right:25%;
 text-align:center;
}

.CSS_TABLE tr td
{
 padding:0 5 0 5;
 margin:0 0 0 0;
 border:1px solid black;
}
.CSS_TABLE 
{
 border-collapse:collapse;
}




.CSS_TMENU{
 margin:0 0 0 0;
 font-size:7pt;
 color:#f3ffe8;
 font-weight:bold;
 text-transform:uppercase;
 text-align:right;
 letter-spacing:2pt;
 vertical-align:bottom;
 width:395px;
 height:108px;
 padding-top:65;
 padding-right:8; 
 float:right;
 background-image:url("../IMG/IMUG098.PNG");
}

.CSS_TMEN2,
.CSS_TMEN3
{
 border-left:20px solid #E5E8ED;
 border-top:none;
 border-right:none;
 border-bottom:none;

 font-size: 10px;
 margin-left: 10px;
 background-color: #E5E8ED;
 width:100%;
 font-weight:bold;
}

.CSS_TMEN2
{
 height: 25px;
 color: #000000;
 left:25px;
 padding:20 20 20 20;
 margin:20 20 20 20 ;
}



.CSS_TMEN3{
 height: 28px;
 color: #444;
}




table.CSS_TABLE_BANDO
{
 cell-spacing:0;
 cell-padding:0;
 margin:0;
 border-spacing:0px;
 border-collapse:collapse;
}

table.CSS_TABLE_BANDO tr td
{
 padding: 0 0 0 0;
 margin:10 10 10 10;
}



.CSS_MMENU{
 margin:0 0 0 0;
 width:100%;
 height:108px;
 font-size:11pt;
 font-weight:bold;
 background-image:url("../IMG/IMUG003B.PNG");
 background-repeat:repeat-x;
 background-position:0 25;
 background-color:#e5e8ed;
}



.CSS_ZONES_STYL0,
.CSS_ZONES_STYL1
{
 padding: 0 1em 0 1em;
}

.CSS_ZONES_STYL0{
 background-color:#e5e8ed;
}

.CSS_ZONES_STYL1{
 background-color:#d5d8dd;
}


/* IE ne gère pas correctement le fieldset 
   http://www.webmaster-hub.com/lofiversion/index.php/t8365.html

 */

fiel {
    position :              relative;
    top :                   0.5em;
    padding :               0 0.5em 0.5em 0.5em;
    margin:                 0.5em 0.5em 1em 0.5em;   
}
html>body fiel {
    padding-top :           1em;
    top :                   0;
}
legend {
    position :              relative;
    top :                   -1em;
    padding :               0.4em 0.4em 0 0.4em ;
}


/* 1 gris + 7 variantes colorees de block ; au-delà ce n'est plus lisible */

.CSS_BLOCK_STYL0
{
 background-image:url("../IMG/IMUG190.png");
}

.CSS_BLOCK_STYL1
{
 background-image:url("../IMG/IMUG191.png");
}

.CSS_BLOCK_STYL2
{
 background-image:url("../IMG/IMUG192.png");
}

.CSS_BLOCK_STYL3
{
 background-image:url("../IMG/IMUG193.png");
}

.CSS_BLOCK_STYL4
{
 background-image:url("../IMG/IMUG194.png");
}

.CSS_BLOCK_STYL5
{
 background-image:url("../IMG/IMUG195.png");
}

.CSS_BLOCK_STYL6
{
 background-image:url("../IMG/IMUG196.png");
}

.CSS_BLOCK_STYL7
{
 background-image:url("../IMG/IMUG197.png");
}

.CSS_FOND0
{
 background-image:url("../IMG/IMUG190.png");
}




/* un libellé devantun champ de saisie  alignement à droite*/
.CSS_FIELD_LIBEL
{
 float:right;
}

.CSS_IMAGE_IMAGE{
 margin:0 0 0 0;
 width:100%;
 height:54px;
 font-family:Times New Roman, Serif;
 font-size:18px;
 font-weight:bold;
 font-style:italic; 
 color:#4c4c4c;
 padding-left:120px;
 padding-top:34px;
 background-image:url("../IMG/IMUG106.gif");
 background-repeat:no-repeat;
 background-position:0 0;
 background-color:#ffffff;
}

.CSS_LIENS_FLECH, .CSS_LIENS_FLECH a
{
 background-image:url("../IMG/IMUG027.gif");
 background-repeat:no-repeat;
 background-position:0 3;
 padding-left:12 px;
}

.CSS_LIENS_FLECH a:hover
{
 text-decoration:underline;
}



/*

 style pour les calendriers

*************************************************************** 
 Il est très difficle de paramétrer le style du composant
 
 A cause d'un bug dans les updatepanel on ne peut pas utiliser la propriété border
 il est impossible de définir une couleur 
 (le composant définit un style prioritaire avec color:black)
 exception: titre et en-têtes de colonne
 pour le jour sélectionné on ne peut pas choisir de background !
 ...
***************************************************************

 */
 
.CSS_CALND,
.CSS_CALND .ajax__calendar_container 
{
 border:1px solid black;
 background-color:#ffffff;
}
 
/* NextPrevStyle       (les boutons de navigation) */
.CSS_CALND_NEXTP
{
 font-weight:bold;
  FILTER: Glow(Color=#ffffff, Strength=3);
}

.CSS_CALND_NEXTP a
{
 font-weight:bold;
 padding:0 1em 0 1em;
 color:green;
 FILTER: Glow(Color=#ffffff, Strength=3);
 text-decoration:none;
}
 
/* TitleStyle          (la ligne de titre (mois et année)) */
.CSS_CALND_TITLE
{
 height:2em;
 font-weight:bold;
 color:#ffffff;
 background-color:#03579b;/*0257bc;*/
}
 
/* DayHeaderStyle      (en-tête de colonnes) */
.CSS_CALND_HEADR
{
 position:relative;
 top:-1px;
 background-color:#033587;/* 013e88 003d88  14429f*/
 font-weight:bolder;
 color:#ffffff;
 font-size:80%;

 /* border:1px solid #000; */
}

/* WeekendDayStyle     (les jours du week-end) */
.CSS_CALND_WKEND
{
 background-color:#ffe1ee; /* ignore ? */
 }

.CSS_CALND_DAY00 a:hover,
.CSS_CALND_WKEND a:hover,
.CSS_CALND_OTHER a:hover,
.CSS_CALND_SLCTD a:hover,
.CSS_CALND_TODAY a:hover
{
 text-decoration:underline;
}

.CSS_CALND_DAY00 a,
.CSS_CALND_WKEND a,
.CSS_CALND_OTHER a,
.CSS_CALND_SLCTD a,
.CSS_CALND_TODAY a
{
 text-decoration:none;
}
.CSS_CALND_TODAY a
{
 font-weight: bold;
}
.CSS_CALND_OTHER a
{
 filter:Alpha(Opacity=25);
 opacity:0.25;
}



/* DayStyle            (un jour quelconque du mois sélectionné) */
/* OtherMonthDayStyle  (un jour du mois précédent ou suivant) */

.CSS_CALND_DAY00
{
 background-color:#ffffff;
}

.CSS_CALND_OTHER
{
 background-color:#ffffff;
 filter:Alpha(Opacity=25);
}






/* SelectedDayStyle    (le jour sélectionné) */
.CSS_CALND_SLCTD
{
 background-color:#033587;
}


.CSS_CALND_SLCTR
{
 background-color:yellow;
}



/*                     (la ligne de titre (mois et année)) */
.CSS_CALND_TODAY
{
 /* border:2px solid red; */
 filter:Chroma(Color='#000000');
 background-color:#033587;

}

/* WeekendDayStyle     (les jours du week-end) */
.CSS_CALND_WKEND
{
 /* border:1px solid #0f0; */

 background-color:#eff0f2;
}



.pourcent13{
width:13%;
}

.pourcent20{
width:20%;
}



/*

proprietes ajoutees le 2005/05/09

 */
 
 
A {
 COLOR: #316098;
}



/*
 ci-dessous des composants qui peuvent prendre differents aspects
 ceci permet d'identifier des zones "cohérentes" dans la page
 on limite à 7 déclinaisons. Au delà on risque d'obtenir un effet arbre de Noel
 */
/*
 Différentes présentations d'un "label"
 */
.CSS_LABEL,
.CSS_LABEL_ALT01,
.CSS_LABEL_ALT02,
.CSS_LABEL_ALT03,
.CSS_LABEL_ALT04,
.CSS_LABEL_ALT05,
.CSS_LABEL_ALT06,
.CSS_LABEL_ALT07
{
 /* font-size:11px; font-family: Tahoma,Verdana,Arial,Helvetica,Lucida,Sans; */
 
}
.CSS_LABEL_ALT01{
 color:#0082e6; 
}

.CSS_LABEL_ALT02{
 color:#280099;
}

.CSS_LABEL_ALT03{
 color:#990085;
}

.CSS_LABEL_ALT04{
 color:#998200;
}

.CSS_LABEL_ALT05{
 color:#990003;
}

.CSS_LABEL_ALT06{
 color:#339900;
}

.CSS_LABEL_ALT07{
 color:#009956;
}

.CSS_LABEL_ALT08{
 font-weight: bold;
 font-size: 11px;
 background-color: Beige;
 font-family: Arial, Helvetica, sans-serif;
 border:3px inset #ffffff;
 height:16px;
}


.CSS_LABEL_ALT11{
	color: black; 
	background-color: lightskyblue;
}

.CSS_LABEL_ALT14{
	color: navy; 
	background-color: #ffffc4;
}

.CSS_LABEL_ALT15{
	color: black; 
	background-color: peachpuff;
}




/*
 Différentes présentations pour un "panel" (un div)
 */
/* propriété "de base" */
.CSS_PANEL,
.CSS_PANEL_ALT01,
.CSS_PANEL_ALT02,
.CSS_PANEL_ALT03,
.CSS_PANEL_ALT04,
.CSS_PANEL_ALT05,
.CSS_PANEL_ALT06,
.CSS_PANEL_ALT07
{
 margin:5 5 5 5;
 padding: 5 5 5 5 ;
}

.CSS_PANEL_BORDR{
 border:1px solid black;
}



.CSS_PANEL_ALT01{
  background-color:#eaf6ff; 

}

.CSS_PANEL_ALT02{
 background-color:#f0eaff;
}

.CSS_PANEL_ALT03{
 background-color:#ffeafc;
}

.CSS_PANEL_ALT04{
 background-color:#ffeaea;
}

.CSS_PANEL_ALT05{
 background-color:#fffcea;
}

.CSS_PANEL_ALT06{
 background-color:#f1ffea;
}

.CSS_PANEL_ALT07{
 background-color:#eafff5;
}

.CSS_PANEL_ALT08{
 background-color:#dcdcdc;
}

.CSS_SMALL{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:xx-small;
 margin:0 0 0 0;
 padding:0 0 0 0;
}

.CSS_JUSTF{
 text-align:justifiy;
}

.CSS_CENTR{
 text-align:center;
}

.CSS_LEFTX{
 text-align:left;
}

.CSS_RIGHT{
 text-align:right;
}

/* differente taille de polices */

.CSS_FONTS_NORML{

}

.CSS_FONTS_SIZ09{
 font-size:10px;
}

.CSS_FONTS_SIZ08{
 font-size:9px;
}

.CSS_FONTS_SIZ07{
 font-size:8px;
}

.CSS_FONTS_SIZ06{
 font-size:7px;
}

.CSS_FONTS_SIZ11{
 font-size:12px;
}

.CSS_WIDTH_BOLD{
 font-weight:bold;
}


.CSS_TREEW_ALT05
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFC0;
	border-style: outset;
	border-left-style: outset;
	border-bottom-style: outset;
	border-top-style: outset;
	border-color: Blue;
	border-width:thin;
}

.CSS_TREEW_ALT01
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: red;
	border-right-style: outset;
	border-left-style: outset;
	border-bottom-style: outset;
	border-top-style: outset;
	border-color: Blue;
	border-width:thin;
}





.CSS_BORDR_INSET
{
 border-style:inset;
}

.CSS_BORDR_OUTSET
{
 border-style:outset;
}

.CSS_BORDR_NONE
{
 border-style:none;
}

.CSS_BORDR_SOLID
{
 border-style:solid;
}
/*  ajout du 19052005 pour DELIB */
.CSS_CON01_HAUT_ALT01 {
background-color: #99CC00;
height: 8px;
}
.CSS_CON01_HAUT_ALT02 {
background-color: #0066CC;
height: 8px;
}
/* ajout du 14102006 pour sc CUEFF */
.CSS_LABEL_TITRE
{
	font-weight: bold;
	font-size: 14px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;	
}

.CSS_LABEL_UNDERLINE
{
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;	
}