﻿<style>
.flecheDesc {
	width: 0; 
	height: 0; 
	float:right;
	margin: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}
.flecheAsc {
	width: 0; 
	height: 0;
	float:right;
	margin: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent; 
	border-top: 5px solid black;
}
.tableau {width:100%;border-collapse: collapse;} /* table-layout: fixed; */
.fixed {position:fixed;	}
}
.tableau td {padding:.3rem;cursor:pointer;}
.zebre tbody tr:nth-child(odd) 		{background-color:#f8f4ed;border-bottom:1px solid #ccc;color:#444;}
.zebre tbody tr:nth-chil(even) 		{background-color:white  ;border-bottom:1px solid #ccc;color:#444;}
.zebre tbody tr:hover				{background-color: #ffff80;color:black;}
.avectri th {text-align:center;padding:5px 0 0 5px;vertical-align: middle;background-color:#999690;color:#444;cursor:pointer;
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: noneuser-select: none;
}
.avectri th.selection {background-color:#5d625c;color:#fff;}
.avectri th.selection .flecheDesc{border-bottom-color:white;}
.avectri th.selection .flecheAsc {border-top-color:white;}

.zebre th td:nth-child(1) {width:10%;text-align:left;}
.zebre th td:nth-child(2) {width:10%;text-align:left;}
.zebre th td:nth-child(3) {width:04%;text-align:center;}
.zebre th td:nth-child(4) {width:04%;text-align:center;}
.zebre th td:nth-child(5) {width:04%;text-align:center;}
.zebre th td:nth-child(6) {width:04%;text-align:center;}
.zebre th td:nth-child(7) {width:04%;text-align:center;}
.zebre th td:nth-child(8) {width:02%;text-align:center;}
.zebre th td:nth-child(9) {width:10%;text-align:left;}

.zebre tbody td:nth-child(1) {width:10%;text-align:left;}
.zebre tbody td:nth-child(2) {width:10%;text-align:left;}
.zebre tbody td:nth-child(3) {width:04%;text-align:center;}
.zebre tbody td:nth-child(4) {width:04%;text-align:center;}
.zebre tbody td:nth-child(5) {width:04%;text-align:center;}
.zebre tbody td:nth-child(6) {width:04%;text-align:center;}
.zebre tbody td:nth-child(7) {width:04%;text-align:center;}
.zebre tbody td:nth-child(8) {width:02%;text-align:center;}
.zebre tbody td:nth-child(9) {width:10%;text-align:left;}

.left {text-align:left; margin-left:1%;}width:10%;text-align:left;font-weight:bold;
body {font-family:Arial, sans-serif, Helvetica;	font-size:100%;	color:black; margin:5px auto; text-align:left; width:98%;}
a  {color:black;  font-size:1.0em; 	display:inline;	text-align: left;	    font-weight:normal;}
h1 {color:blue;   font-size:1.9em; 	display:inline;	text-align: center;		font-weight:bold;  }
h2 {color:red;    font-size:1.0em; 	display:inline;	text-align: left;       font-weight:bold;  }
h3 {color:blue;   font-size:0.8em; 	display:inline;	text-align: left;		font-weight:normal;}
h4 {color:black;  font-size:0.8em; 	display:inline;	text-align: left;		font-weight:normal;}

/*form {background-color:lightblue; padding:20px; width:120%; color:black; padding-bottom: 5px; font-weight:normal;}
input, textarea, select, option, #tm {background-color:#FFF3F3;}
form Label, #tm {font-size:1.0em; font-weight:bold; float:left; text-align:center;}
input, textarea, select {padding:3px;width:10%; border:1px solid #F5C5C5; border-radius:5px; box-shadow:1px 1px 2px #C0C0C0 inset;font-size:1.2em;}
input[type=radio] {background-color:transparent; border:none; width:10px; margin-left : 80px;}
input[type=submit], input[type=reset], .bouton {width:10%; margin-left:2px; box-shadow:1px 1px 1px #D83F3D;cursor:pointer; color:blue; font-size:0.9em; font-weight:bold;}
input[type=submit] {background-color:#3030D3;color:white;} /* pour le bouton submit seulement */
.erreur {color:red;  font-size:1.2em; font-weight:bold;}
.result {color:blue; font-size:1.2em; font-weight:bold;}
.bouton2 {width:5%; float:right; margin-right:80px; box-shadow:1px 1px 1px #D83F3D;cursor:pointer; background-color:blue;color:yellow;
			font-size:1.2em; font-weight:bold;text-align:center;}
#frm_mysql {position:fixed;top:0px; /*test 15px*/width:100%;background-color:lightblue;padding:5px;
	color:black;font-weight:bold;font-size:1.2em;margin:0px;}
.text-sql  {position:fixed;top:50px;width:100%;color:blue;font-size:1.0em;text-align:center;}
/*
#te {position:fixed;top:70px; border-style:ridge;border-width:1;width:100%;table-layout:fixed;margin:auto;}
/*#te {width:100%;table-layout:fixed;margin:auto;} #te thead, tfoot {display:table;width:100%;width:calc(100% - 18px);}*/
/*
#te tr:nth-of-type(even){background:#f8f4ed}
#te tr:nth-of-type(odd) {background:white}
#te th  {font-family:arial;height:15px;padding:.3em 0 .3em 0;
		font-size:1.2em;background-color:#eadfc7;text-align:center;}
#te td  {border-style:ridge;border-width:1;font-size:1.0em;color:black;border-color:lightgray;padding: .2em .3em;cursor:pointer; }
#te a,b {color:black; font-size:0.9em; display:inline;text-align: left; }
#te tr:hover {background: #ffff80}
*/
</style>