/* 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:12pt;
			font-family:Arial;
			font-weight:bold;
			width:200pt;
			color:white;
			text-align:center;
			border-style:outset;
			background-color:rgb(69,69,69);
			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: 600px;



			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:8pt;



		}







td.rendezvousI	{



			background-color:rgb(255,102,102);



			font-family:Arial;



			font-size:8pt;



		}







td.rendezvousD	{



			background-color:rgb(0,204,153);



			font-family:Arial;



			font-size:8pt;



		}







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;}

/* Mask for background, by default is not display */
#mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

/* You can customize to your needs  */
.login-popup {
    display: none;
    background: #333;
    padding: 10px;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999;
    /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999;
    /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999;
    /* Safari, Chrome */
	border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    /* Firefox */
        -webkit-border-radius: 3px;
    /* Safari, Chrome */;
}

img.btn_close {
    Position the close button
	float: right;
    margin: -28px -28px 0 0;
}

fieldset {
    border: none;
}

form.signin .textbox label {
    display: block;
    padding-bottom: 7px;
}

form.signin .textbox span {
    display: block;
}

form.signin p, form.signin span {
    color: #999;
    font-size: 11px;
    line-height: 18px;
}

form.signin .textbox input {
    background: #666666;
    border-bottom: 1px solid #333;
    border-left: 1px solid #000;
    border-right: 1px solid #333;
    border-top: 1px solid #000;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: 13px Arial, Helvetica, sans-serif;
    padding: 6px 6px 4px;
    width: 200px;
}

form.signin input:-moz-placeholder {
    color: #bbb;
    text-shadow: 0 0 2px #000;
}

form.signin input::-webkit-input-placeholder {
    color: #bbb;
    text-shadow: 0 0 2px #000;
}

.button {
    background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
    background: -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
    border-color: #000;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 6px 6px 4px;
    margin-top: 10px;
    font: 12px;
    width: 214px;
}

.button:hover {
    background: #ddd;
}

.cModal {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity:0;
  pointer-events: none;
}
.cModal:target {
  opacity:1;
  pointer-events: auto;
}
.cModal > div {
  max-width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 2px;
  background: #fff;
}

.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}
.droite {
  float:right;
}
 
.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: 400px;
  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;
}

//onglets

#ul li{
  float: left;
}
#ul li a{
  display: block;
  color: black;
  text-align: center;
  width: 200px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  background-color: pink;
  margin-left: 5px;
  border-radius: 10px 10px 0 0;
}
#ul li a:hover{
  opacity: 0.7;
}
#ul li:first-child a{
  margin-left: 0;
}
#ul .active{
  background-color: silver;
}
#content{
  clear: both;
  height: 200px;
  background-color: silver;
  padding: 20px;
}