/* ServerTable definition. */



body		{

			font-size:12pt;

			font-family:Arial;

		}

.oblique  {
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}


.popup {

//      background-image:-ms-radial-gradient(rgb(239,239,239), rgb(176,176,176));
			background-color:rgb(238,238,238);
//      background-image:radial-gradient(rgb(239,239,239), rgb(201,201,201));
      background-image:radial-gradient(rgb(255,255,204), rgb(204,204,153));
      max-width: 450px;
			border: rgb(51,0,0);
			border-style: ridge;
			border-width: 5pt;
      border-radius:20px;
			position: fixed;
      top: 100px;
      margin-left: auto;
      margin-right: auto;
      left: 200px;
			z-index:2147483647;
			text-align: left; 
			padding: 10pt;
			font-size:10pt;
      font-family:Arial;
      word-wrap: break-word;
      white-space: pre-wrap;      /* CSS3 */   
      white-space: -moz-pre-wrap; /* Firefox */    
      white-space: -pre-wrap;     /* Opera <7 */   
      white-space: -o-pre-wrap;   /* Opera 7 */    
    }

    

.popup2 {
//      background-image:-ms-radial-gradient(rgb(239,239,239), rgb(176,176,176));
			background-color:rgb(238,238,238);
//      background-image:radial-gradient(rgb(239,239,239), rgb(176,176,176));
      background-image:radial-gradient(rgb(255,255,204), rgb(204,204,153));
			border: rgb(51,0,0);
			border-style: ridge;
			border-width: 3pt;
      border-radius:20px;
			position: fixed;
      top: 200px;
      left: 30%;
      max-width: 450px;
//      margin-right: auto;
//      margin-left: auto;
			text-align: left; 
			padding: 10pt;
			font-size:12pt;
			z-index:2147483647;
      font-family:Arial;
      word-wrap: break-word;
      white-space: pre-wrap;      /* CSS3 */   
      white-space: -moz-pre-wrap; /* Firefox */    
      white-space: -pre-wrap;     /* Opera <7 */   
      white-space: -o-pre-wrap;   /* Opera 7 */    


    }



#tablo{
      border 1px;
      border-left: 3px solid Red;
      border-top: 3px solid Red;
} 

p.txtedito		{
			font-size:12pt;
			font-family:Arial;
			width: 240px;
			color:white;
			text-align:left;
		}

input.valid		{
			background-color:lightgrey;
			border:1 solid black;
			font-family:Arial;
			font-size:10pt;
//			font-weight:bold;
			cursor:hand;
		}



input.nom		{
			font-family:Courrier;
			font-size:12pt;
		}



a.aide		{
			font-family:Arial;
			font-size:10pt;
		}



nobr.titrfield	{
			font-size:10pt;
			font-family:Arial;
			font-weight:bold;
			color:black;
			text-align:right;
		}



nobr.sstitrfield	{
			font-size:10pt;
			font-family:Comic sans MS;
			color:black;
			text-align:right;
		}



nobr.message	{
			font-size:12pt;
			font-family:Arial;
			color:black;
			text-align:center;
		}


nobr.message2	{
			font-size:14pt;
			font-family:Courrier;
			color:black;
			text-align:center;
		}


nobr.utilisateur	{
			font-size:12pt;
			font-family:Arial;
			font-weight:bold;
			color:darkblue;
			text-align:center;
		}



nobr.petit	{
			font-size:8pt;
			font-family:Arial;
			color:rgb(0,0,153);
		}



nobr.titr4		{
			font-size:18pt;
			font-family:Arial;
			font-weight:bold;
			width:200pt;
			color:white;
			text-align:center;
			border-style:outset;
			background-color:rgb(41,27,116);
			padding:10px;
		}



p.titr1		{
			font-size:17pt;
			font-family:Comic sans MS;
		}



p.titr2		{
			font-size:12pt;
			font-family:Arial;
			font-weight:bold;
			text-align:center;
		}



p.titr3		{
			font-size:12pt;
			font-family:Arial;
			font-weight:bold;
			text-align:left;
		}



p.titr4		{
			font-size:12pt;
			font-family:Arial;
			font-weight:bold;
			color:darkblue;
			text-align:left;
			border-style:inset;
		}



p.comm		{
			font-size:10pt;
			font-family:Arial;
			width: 400px;
			color:rgb(38,38,38);
			text-align:left;
			border-style:inset;
			border-color:rgb(0,51,102);
			background-color:rgb(235,235,235);
			padding: 5px;
		}



p.titr5		{
			font-size:15pt;
			text-align:left;
			font-family:Comic sans MS;
			color:darkgreen;
		}



p.menu1		{
			font-size:11pt;
			font-family:Commic sans MS;
			color:darkblue;
			font-weight:bold;
			text-align:left;
		}



p.menu2		{
			font-size:10pt;
			font-family:Arial;
			text-align:left;
            margin-left:10px;
		}





p.titrfield	{
			font-size:10pt;
			font-family:Comic sans MS;
			font-weight:bold;
			color:black;
		}



p.msg	{
			font-size:9pt;
			font-family:Comic sans MS;
			font-weight:bold;
			color:black;
		}



p.msg2	{
			font-size:8pt;
			font-family:Arial;
			color:rgb(153,0,0);
		}



td.titr0	{

			font-family:Arial;

			font-size:13pt;

			font-weight:bold;

			text-align:center;

		}



td.titr1	{

			font-size:15pt;

			font-family:Arial;

		}



td.titr4		{

			font-size:12pt;

			font-family:Arial;

			font-weight:bold;

			width:200pt;

			color:white;

			text-align:center;

			border-style:outset;

			background-color:rgb(144,127,80);

			padding:10px;

		}

td.entite	{
			font-family:Arial;
			font-size:10pt;
			text-align:center;
      color:white;
			background-color:rgb(51,0,51);
		}



td.titrfield	{

			font-size:10pt;

			font-family:Comic sans MS;

			font-weight:bold;

			background-color:transparent;

			color:#330000;

			text-align:right;

		}



td.titrfield2	{

			font-size:10pt;

			font-family:Comic sans MS;

			color:#330000;

			text-align:right;

		}



td.ident	{

			font-size:10pt;

			font-family:Comic sans MS;

			color:darkblue;

		}



td.info		{

			font-size:12pt;

			font-family:Arial;

			font-weight:bold;

			color:darkblue;

			text-align:left;

		}



td.infogras		{
      font-size:16pt;

			font-family:Arial;

			font-weight:bold;

			color:darkblue;

			text-align:center;

		}



td.info2		{

			font-size:11pt;

			font-family:Arial;

			color:darkblue;

			text-align:left;

		}



td.commentaire		{

			font-size:9pt;

			font-family:Arial;

			color:darkblue;

			text-align:left;

			background-color:white;

		}



td.numlign	{

			font-family:Arial;

			font-size:10pt;

			background-color:transparent;

			text-align:right;

			color:darkblue;

		}



td.trigr	{

			font-family:Arial;

			font-size:10pt;

			text-align:center;

			color:darkblue;

		}



td.money	{

			font-family:Arial;

			font-size:10pt;

			text-align:right;

			color:darkblue;

		}



td.red	{

      color:white;

			background-color:rgb(255,51,51);

		}



td.rouge	{

      color:rgb(255,51,51);

			text-align:center;

			font-size:10pt;

			font-weight:bold;

		}



tr.titr	{
			font-family:Arial;
			font-size:10pt;
			text-align:right;
			background-color:rgb(108,108,108);
			color:white;
 			text-align:center;
		}

		

tr.info0		{

			font-size:10pt;

			color:black;

			background-color:rgb(234,234,234);

		}



tr.info1		{

			font-size:10pt;

			color:black;

			background-color:rgb(218,218,218);

		}



tr.titr1	{

			font-family:Arial;

			font-size:11pt;

			width:200pt;

			color:white;

			text-align:center;

			background-color:#999900;

			text-align:center;

		}



tr.corps	{

			font-family:Arial;

			width:10pt;

			font-size:10pt;

			text-align:left;

			background-color:#f7efde;

		}



tr.pied	{

			font-family:Arial;

			width:10pt;

			font-size:10pt;

			font-weight:bold;

			background-color:rgb(204,255,204);

		}



tr.corps1	{

			font-family:Arial;

			width:10pt;

			font-size:10pt;

			color:black;

			text-align:left;

			background-color:#f7efde;

		}



tr.corps2	{

			font-family:Arial;

			width:10pt;

			font-size:10pt;

			text-align:left;

			background-color:#f7efde;

		}



tr.titr2	{

			font-family:Arial;

			font-size:11pt;

			width:200pt;

			color:white;

			text-align:left;

			background-color:#6699CC;

		}



tr.titr3	{

			font-family:Arial;

			font-size:10pt;

			font-weight:bold;

			width:200pt;

			color:black;

			text-align:left;

			background-color:rgb(255,204,153);

		}



tr.rupture1	{

			font-size:1pt;

			background-color:rgb(0,51,0);

		}



tr.rupture2	{

			font-size:1pt;

			background-color:rgb(0,0,0);

		}



tr.demetaI	{

			font-family:Arial;

			font-size:10pt;

			background-color:white;

		}



tr.demeta1	{

			font-family:Arial;

			font-size:10pt;

      color:rgb(0,102,51);

			background-color:rgb(255,255,255);

		}



tr.demeta2	{

			font-family:Arial;

			font-size:10pt;

      color:rgb(153,51,51);

			background-color:rgb(255,255,255);

		}



tr.demetaE	{

			font-family:Arial;

			font-size:10pt;

      color:rgb(0,51,204);

			background-color:rgb(255,255,255);

		}



tr.demetaA	{

			font-family:Arial;

			font-size:10pt;

			background-color:rgb(224,224,224);

		}



tr.demetaP	{

			font-family:Arial;

			font-size:10pt;

			background-color:rgb(255,255,204);

		}



td.nomutil	{

			font-family:Arial;

			font-size:10pt;

			text-align:left;

			font-weight:bold;

			background-color:white;

		}



td.appli	{

			font-family:Arial;

			font-size:10pt;

			text-align:left;

			background-color:#FFFFCC;

		}



td.repere	{

			font-family:Courrier;

			font-size:15pt;

			text-align:left;

			font-weight:bold;

			background-color:transparent;

			color:black;

		}



td.jourcalend	{

			font-family:Arial;

			font-size:9pt;

			text-align:center;

			background-color:rgb(235,235,235);

			color:black;

		}



td.jourperm	{

			font-family:Arial;

			font-size:9pt;

			text-align:center;

			background-color:rgb(255,255,51);

			color:black;

		}



td.dimanche	{

			font-family:Arial;

			font-size:9pt;

      width:15px;

			text-align:center;

			background-color:rgb(146,146,146);

			color:white;

		}



td.apourvoir	{

			font-family:Arial;

			font-size:9pt;

			text-align:center;

			background-color:rgb(204,51,153);

			color:white;

		}



td.pourvu	{

			font-family:Arial;

			font-size:9pt;

			text-align:center;

			background-color:rgb(0,51,0);

			color:white;

		}



td.titrcalend	{

			font-family:Arial;

			font-size:9pt;

      width:18px;

			text-align:center;

			background-color:rgb(255,255,204);

			color:black;

		}



td.titrcontrib	{

			font-family:Arial;

			font-size:9pt;

			text-align:center;

			padding:3pt;

			background-color:rgb(204,255,255);

			color:black;

		}



td.aide	{

			font-family:Arial;

			font-size:9pt;

			text-align:center;

			background-color:rgb(96,96,96);

			color:white;

		}



td.petit	{

			font-size:8pt;

		}



td.petitgras	{

			font-size:8pt;

			font-weight:bold;

		}



td.grascentre	{

			font-size:10pt;

			text-align:center;

			font-weight:bold;

		}



td.calselect	{

			font-family:Arial;

			font-size:8pt;

			text-align:center;

			background-color:rgb(153,51,51);

			color:white;

		}



td.anneecalend	{

			font-family:Arial;

			font-size:12pt;

			text-align:center;

			background-color:rgb(153,0,51);

			color:white;

		}



td.moiscalend	{

			font-family:Arial;

			font-size:10pt;

			text-align:center;

			background-color:rgb(255,255,204);

			color:black;

		}



td.max	{

			font-family:Arial;

			font-size:16pt;

			font-weight:bold;

			text-align:center;

			color:rgb(204,51,0);

		}



td.moimeme	{

			font-family:Arial;

			font-size:10pt;

			text-align:center;

			background-color:rgb(255,255,51);

			color:black;

		}



td.rendezvous	{
			background-color:white;
			font-family:Arial;
			font-size:10pt;
		}

td.rendezvousI	{
			background-color:rgb(255,102,102);
			font-family:Arial;
			font-size:10pt;
		}

td.rendezvousD	{
			background-color:rgb(0,204,153);
			font-family:Arial;
			font-size:10pt;
		}

td.rendezvousN	{
			background-color:rgb(176,176,176);
			font-family:Arial;
			font-size:10pt;
		}



td.transparent	{

			background-color:transparent;

		}



td.blanc	{

      height:2pt;

			background-color:rgb(255,255,255);

		}



td.vacance	{

      height:2pt;

			background-color:rgb(51,102,51);

		}



th.transparent	{

			background-color:transparent;

		}



td.hidden	{

			background-color:transparent;

			font-size:0pt;

			visibility:hidden;

      border-width:0;

      width:0;

      display:none;

		}



th.hidden	{

			background-color:transparent;

			font-size:0pt;

			visibility:hidden;

      border-width:0;

      width:0;

      display:none;

		}



td.Ajout	{

			color:rgb(0,102,51);

		}



td.Retrait	{

			color:rgb(255,102,0);

		}



input.fleche {

	    font-size:17px;

      font-family:Courier New,monospace;

      height:25px;

    }



.modif1 {

			background-color:rgb(153,204,153);

    }



.modif2 {

			background-color:rgb(255,176,224);

    }



    

.menu{

		font-size:10pt;

		font-family:Arial;

    position:absolute;

    /* solve a Opera7/IE display bug */

    width:60px;

    width/**/:60px;

/*    border-top: 1px #000 solid;

    border-left: 1px #000 solid;

    border-right: 1px #000 solid; */

    margin-left:10px;

/*    margin:0; */

    padding:0;

    }

    

.menu span{

    display:none;

    }

    

.menu ul{

/*    border-top: 1px #000 solid;

    border-left: 1px #000 solid;

    border-right: 1px #000 solid; */

/*    margin:0; */

    margin-left:10px;

    padding:0;

    position:absolute; /* important */

    width:52px;

    width/**/:50px;

    }

    

.menu li ul{

    visibility:hidden;

    }

            

.menu li ul{

    margin-left:50px; /* be careful */

    margin-top:-24px;

    }

    

.menu a{

    text-align:left;

/*    background-color: #ff9;  */

    color:#000;

    text-weight:bold;

    display:block;

    width:50px;

/*    border-bottom: 1px #000 solid; */

    text-decoration:none;

    margin:0;

    padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */

    }

    

.menu a:hover{

    background-color: #aaf;

    }

    

/* for a mozilla better display with key nav */

.menu a:focus{

    background-color: #aaf;

}



.menu span{

    /* hide some accessibility stuff */

    display:none;

    }

        

.menu li{

    width:50px;

    display:block;    

    float:left;  

    list-style:none;

    margin:0;

    padding:0;

    }

    

/* IE PC selector */

* html .menu li {

    display:inline; /* solve a IE PC list bug */

    float:none; /* solve a IE5 clav nav bug */

    }

    

a.linkOver{

    background-color: #eee;

    }



.outer {

position:relative;

padding:4em 0 3em 0;

width:54em;

background:#eee;

margin:0 auto 3em auto;

}

.innera {

overflow:auto;

width:54em;

height:9.6em;

background:#eee;

}

.outer table caption {

position:absolute;

width:51.7em;

text-align:center;

top:0;

left:0;

height:1.5em;

background:#697210;

border:0.1em solid #fff;

color:#fff;

}

.outer thead tr {

position:absolute;

top:1.5em;

height:1.5em;

left:0;

}

.outer tfoot td {

position:absolute;

width:51.5em;

text-align:center;

background:#f0c992; 

border:0.1em solid #000;

color:#000;

bottom:0;

left:0

}

.outer th, .outer td {

width:10em; 

text-align:left;

}

.outer th {

background:#724a10; 

color:#fff;}

.outer .dk {background:#fff;

}



.tableone {width:650px; border-collapse:collapse; margin:0 auto;}

.tabletwo {width:620px; border-collapse:collapse;}

.th1 {width:149px;}

.th2 {width:99px;}

.th3 {width:99px;}

.th4 {width:99px;}

.th5 {width:200px;}



.td1 {width:149px;}

.td2 {width:99px;}

.td3 {width:99px;}

.td4 {width:99px;}

.td5 {width:170px;}



.tableone {background:#697210; border:1px solid #fff; color:#fff;}

.tableone td {border:1px solid #fff; color:#fff;}

.tableone tbody {background:#f0c992; color:#000;}

.tableone caption {background:#fff; color:#697210; font-size:1.2em; margin:0 auto;}

.tabletwo td {background:#eee; color:#000;}

.tableone th, .tabletwo th {text-align:left;}

.tabletwo tr.dk td {background:#ddd; color:#000;}



.innerb {height:10em; overflow:auto;}

.oModal {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
 
.oModal:target {
  opacity:1;
  pointer-events: auto;
}
 
.oModal:target > div {
  margin: 10% auto;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
 
.oModal > div {
  top: -15%;
  overflow-y: auto;
  max-height: 600px;
  max-width: 500px;
  position: relative;
  margin: 1% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  background: #eee;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
 
.oModal > div header,.oModal > div footer {
  border-bottom: 1px solid #e7e7e7;
  border-radius: 5px 5px 0 0;
}
.oModal .footer {
  border:none;
  border-top: 1px solid #e7e7e7;
  border-radius: 0 0 5px 5px;
}
 
.oModal > div h2 {
  margin:0;
}
 
.oModal > div .btn {
  float:right;
}
 
.oModal > div section,.oModal > div > header, .oModal > div > footer {
  padding:15px;
}


    