<style>
	.tab_rail
		{
			width:100%;
			border-collapse: collapse;
			/*border-spacing: 20px;*/
			border-style: solid;
			/*border-width: 10px;
			background-color:silver;
			border-color: black;
			border-color: black; 
			color: black; 
			background-color: grey;*/
		}
	.bord_tab { border-collapse: collapse;
			/*border-spacing: 20px;*/
			border-style: solid;  /* medium|thin|thick|length|initial|inherit */
			border-width: 10px;
			}
	.bord_tr { border-collapse: collapse;
			/*border-spacing: 3px;*/
			border-style: solid;  /* medium|thin|thick|length|initial|inherit */
			border-width: 5px; }
	.bord_td { border-collapse: collapse;
			/*border-spacing: 3px;*/
			border-style: solid;  /* medium|thin|thick|length|initial|inherit */
			border-width: 3px; }

	
	/*tab_rail th, td 
		{
		  border-width: 3px;
		}*/

	.brd_tab { border-color: black; color: black; text-align: center;}
	.brd_blc_txt_blc { border-color: white; color: white; background-color: grey;}
	.brd_noir_txt_noir { border-color: black; color: black; background-color: grey;}	
	.brd_noir_txt_blc { border-color: black; color: white; background-color: grey;}	
	.invisible { border-color: silver; background-color: silver; }
	.invisible2 { border-color: silver black black silver; }
	.brd_noir_fnd_noir { border-color: black; background-color: black; }
	.brd_noir { border-color: black red white green; background-color: black; }
	.brd_blc { border-color: white; color: white; background-color: grey;}
	.brd_noir_fnd_silver { border-color: black; color: white; background-color: silver;}
	.brd_blc_fnd_silver { border-color: white white white black;}
	
	.pink {FONT-FAMILY: Times New Roman,Times; BACKGROUND: #FFCCFF;}
	.green {FONT-FAMILY: Courier New,Courier; BACKGROUND: #33FFCC;}
	.blue {FONT-FAMILY: Verdana; BACKGROUND: #00CCFF;}
	.yellow {FONT-FAMILY: Arial,Helvetica; BACKGROUND: #FFFF66;}
	
	.rail_center { text-align: center; color: black; margin:auto; font-weight: bold;}
	.mark { background-color: white; color: black; }
}
	
	.div_rail { height: 100px; width: 200px;
  border-style: solid;
  border-color: black;
  background-color: palegreen;
  border-radius: 50%;
}

	.marg_mb10 { margin-bottom: 10px; }
	.marg_mb20 { margin-bottom: 20px; }
	.marg_ml10 { margin-left: 10px; }
	
	
    .process { background-image: url("img/rails.png"); 
    background-color: transparent; } 
    
    .catsandstars {
  background-image:  url("https://mdn.mozillademos.org/files/11991/startransparent.gif"), 
                     url("https://mdn.mozillademos.org/files/7693/catfront.png");
  background-color: transparent;
}

.parent
{
width: 100%;
height: 100%;
background: url("../img/rails.png");
}

.enfant
{
width: 100%;
height: 100%;
background: rgba(0, 0, 255, 0.3);


}

.td_visu {
	width: 300px;
	background-image: "img/rails.png";
	}

.image_fond {
  font-family: sans-serif;
  padding: 20px;
  /* propriétés de l'arrière-plan */
  background-color: yellow;
  background-image: url(https://mdn.mozillademos.org/files/13026/fire-ball-icon.png);
}

.image_fond2 {
  font-family: sans-serif;
  padding: 0;
  /* propriétés de l'arrière-plan*/ 
  background-color: MintCream;
  /*width: 100%;*/
  background-image: url(../img/rails_2.png);
  
  background-size: cover;

}

	/* Fonctionne seulement si le « border-collapse » est « separate » */
	.cMonTableau 
		{
			/*width:400px;*/
			border-collapse: separate;
			border-spacing: 10px;
			border-style: solid;  /* medium|thin|thick|length|initial|inherit */
			border-color:blue;
			border-width: 15px;
			/* Ou de façon plus concise :  border: 15px solid blue; */
		}


	.tableau {
	  width:100%;
	  table-layout: fixed;
	  border-collapse: collapse;
	}
	.tableau caption {
	  font-size:1.4rem;
	  color:#ffffff;
	  background-color: #5d625c;
	 /* caption-side: bottom; // top|bottom|initial|inherit; */
	}
	.tableau th {
	  background-color:#999690;
	  color:#fff;
	}
	.tableau tfoot td {
	  color:#fff;
	  background-color:#999690;
	  border-top:1px solid #5d625c;
	  border-bottom:1px solid #5d625c;
	}
	.zebre tbody tr:nth-child(odd) {
	  background-color: #d6d3ce;
	  border-bottom:1px solid #ccc;
	  color:#444;
	}
	.zebre tbody tr:nth-child(even) {
	  background-color: #c6c3bd;
	  border-bottom:1px solid #ccc;
	  color:#444;
	}
	.zebre tbody tr:hover:nth-child(odd) {
	  background-color: #999690;
	  color:#808080;
	}
	.zebre tbody tr:hover:nth-child(even) {
	  background-color: #999690;
	  color:#808080;
	}

	/* La couleur ne fonctionne pas avec odd / even */
	.tableau col:nth-child(1) {
	  background-color:#d6d3ce;
	}
	.tableau col:nth-child(2) {
	  background-color:#dddad4;text-align:justify;
	}
	.tableau col:nth-child(3) {
	  background-color:#c6c3bd;color:#fff;text-align:justify;
	}

	.tableau td:nth-child(2) {
	  text-align:justify;
	}
	.tableau td:nth-child(3) {
	  text-align:justify;
	}
    
    /* cd 15/05/2019*/
    
   body{
  background-color: #bdc3c7;
}
.table-fixed{
  width: 100%;
  background-color: #f3f3f3;
  tbody{
    height:200px;
    overflow-y:auto;
    width: 100%;
    }
  thead,tbody,tr,td,th{
    display:block;
  }
  tbody{
    td{
      float:left;
    }
  }
  thead {
    tr{
      th{
        float:left;
       background-color: #f39c12;
       border-color:#e67e22;
      }
    }
  }
}
 
</style>


