body {font-size:1em; margin:10pt 5pt 3pt 10pt; width:98%; height:100%; padding:0px; border:1px solid black; background-color:#eff4f1;}
h4 {padding-left:3pt; font-weight:bold; margin-left:3pt; font-size:2em;}
.logo {border:3px double black; margin-right:1em;}
a {color:maroon;}
a:hover {color:maroon;}
a:visited {color:maroon;}
div.row { border:1px solid green; margin:2pt 1pt 2pt 1pt; padding:5pt 0pt 1pt 0pt;}
div.col-sm-12 {  padding:0px; margin:0pt 5pt 0pt 3pt; width:99%;}
table.dataTable {border:2px solid green; padding:0px; margin:0px;}

table.dataTable tbody td {
  text-align: center;
  
}

table.dataTable tbody th {
  text-align: center;
 
  
}
			
			
#botanique, #francais { text-align: left;  background-color:green;
  color:white;}

#categorie, #zone, #hauteur, #largeur, #taille, #contenant, #qte, #promotion, #prix { text-align: center;  background-color:green;
  color:white;}




table#example.dataTable tbody tr:hover {
  background-color: #ccffcc;
  
}

table#example.dataTable tbody tr:hover > .sorting_1 {
  background-color: #ccffcc;
}

table#example.dataTable thead:hover {
  background-color: #ccffcc;
}

table#example.dataTable tbody td.Latin{ text-align: left; }
table#example.dataTable tbody td.Francais{ text-align: left; }

table#example.dataTable tbody td.Prix { text-align: right; }