table.ctx         {border-left:3px solid #003366; border-right:3px solid #000000; border-top:3px solid #003366; border-bottom:3px solid #000000;
              position:absolute; text-align:left; font-family: Arial; font-size:10pt; background-color:#336699;
              color:#FFFFFF; visibility:hidden; font-style:normal; font-variant:normal; font-weight:bold; outset; white-space: nowrap}
table.ctxl        {padding-left:15px; padding-right:10px}
table.ctxl2       {padding-left:15px; padding-right:10px; background-color:highlight; color:#003366}

table.calh        {background-color: #336699; color:#FFFFFF; font-family: Arial; font-size:8pt; text-align:center; font-weight:bold}
table.calh .sel   {background-color: #003366; color:#ffcc00; cursor:pointer}
table.calh td     {color:#ffffff}

table.calm        {background-color: #5588bb; color:#FFFFFF; font-family: Arial; font-size:8pt; text-align:center}
table.calm .sel   {background-color: #003366; color:#ffcc00; font-weight:bold; cursor:pointer}
table.calm td     {color:#ffffff}

table.caly        {background-color: #5588bb; color:#FFFFFF; font-family: Arial; font-size:8pt; text-align:center}
table.caly .sel   {background-color: #003366; color:#ffcc00; font-weight:bold; cursor:pointer}
table.caly td     {color:#ffffff}

table.cal         {background-color: #336699; color:#FFFFFF; font-family: Arial; font-size:8pt; text-align:center}
table.cal .pas    {background-color: #ddddcc; color:#336699; font-family: Arial; font-size:8pt; text-align:center}
table.cal .tod    {background-color: #336699; color:#ffcc00; font-family: Arial; font-size:8pt; text-align:center; font-weight:bold}
table.cal .sel    {background-color: #003366; color:#ffcc00; cursor:pointer; font-weight:bold}
table.cal .selpas {background-color: #aaaa99; color:#ffcc00; cursor:pointer; font-weight:bold}
table.cal .seltod {background-color: #ffcc00; color:#003366; cursor:pointer; font-weight:bold}

#cal         {visibility:hidden}

img.but      {width:16; height:16; cursor:pointer}
img.but_cal  {width:16; height:14; cursor:pointer}



#contenu div.filtre {
    border-bottom: 1px solid #E0F3FB;
    border-top: 1px solid #E0F3FB;
   
}



#contenu div.Message {
	text-align:center;
    border-bottom: 2px solid #E0F3FB;
    border-top: 2px solid #E0F3FB;
	font-weight:bold;
	font-size:1.25em;
   
}
fieldset.collapsible { 
		border-width: 1px 0 0 0; 
		font-size: 0.9em; 
	
	
}

fieldset.collapsible legend.close {
	padding-left: 14px;
	background: url(../../images/tree_plus.gif) no-repeat 1% 40%;
	 cursor:pointer; 
	}
	
fieldset.collapsible legend.open {
	padding-left: 14px;
	background: url(../../images/tree_minus.gif) no-repeat 1% 40%;
	 cursor:pointer; 
	}


fieldset.collapsed{

	border-width: 0 0 2px 0; 
	display : none;
	
}

fieldset.collapsible a{
	float:right;
	text-decoration: none;
	
}
.valider  { 
	padding-left: 18px;
	background-image: url(../../images/valider.png); 
}
.annuler  { 
	padding-left: 18px;
	background-image: url(../../images/annuler.png); 
}
.detail  { 
	padding-left: 18px;
	background-image: url(../../images/detail.png); 
}


#label_pagination{
  float: left;
    font-weight: bold;
   // padding-right: 15px;
    text-align: left;
   // width: 400px;
}


#button_pagination {
    border: medium none;
    color: #A0A0A0;
    font-weight: bold;
    text-align: left;
	 background-image: url("../../images/valider.png");
    padding-left: 18px;
}


.treeview ul {
	list-style-type: none; 
	padding-left: 10px; 
	margin: 10px 0px 0px 5px
}
.treeview li a  {
	text-decoration: none;	
}


.treeview li a:hover  {
	text-decoration: underline;	
	color:red;
	font-weight:bold;
	font-size:1.15sem;
}

fieldset {
	background-color: #ECF7F7;
}

.connexion {
	margin: 50px auto;
	padding: 30px;
	max-width: 400px;
	border: 2px solid #0056b3;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.connexion h1 {
	font-size: 1.5rem;
}

.connexion a {
	text-align: center;
	display: block;
	padding: 10px 20px;
	font-size: 1.2rem;
	background-color: #007BFF;
	/* Bleu vif */
	color: white;
	border: 2px solid #0056b3;
	/* Bleu plus foncé */
	border-radius: 5px;
	text-decoration: none;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	/* Ombre légère */
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.connexion a:hover {
	background-color: #0056b3;
	box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
	color: #FFF;
}

.connexion p {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	margin: 24px 0;
}

.connexion h1 {
	text-align: center;
}