* {
  font-family: arial;
  font-size: 11px;
}

body, html {
	/*font-size: 62.5%;*/
	margin: 40px 0;
}
html {
	/*background : url('../image/image fond berberis.jpg') no-repeat center fixed rgb(255, 255, 255); */
	background : url('../image/SAM_7199_B.jpg') no-repeat center fixed rgb(255, 255, 255); 
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
}
#content {
	margin: 0 auto;
	width: 80%;
}

#entete		 { 	position:absolute; z-index: 200;
				background: #EFF9F2; width:120px; height:120px; top:20px; left:20px; border: 1px solid gray;
				display: none;
}
#logo_HVA		{ height:120px; border: 1px solid #202020;
}
#imageshow	 { 	display:none; position:absolute; z-index:502; width:340px; top:55px; left:400px; border: 1px solid gray
}
#show_rep	 { 	display:none; position:absolute; z-index:502; width:700px; height:500px; top:5px; left:360px; border: none
}
#frame_critere { position:absolute; background: #EFF9F2; 
				width:1200px; height:120px; top:20px; left:20px;
				border: 1px solid #202020; 
				font-family: calibri; font-size: 90%; color: rgb(85, 85, 85);
}
#tabs 		{ 	position:absolute; z-index: 101; width:1200px; height:450px; top:210px; left:20px; border: none;
}

#frame_source { 	position:absolute; background: #EEF2EF; z-index: 200;
				width:650px; top:75px; left:102px;
				border: 1px solid #aaaaaa; padding: 10px; 
				font-family: calibri; font-size: 10pt;
				color: #313232;
				border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-right-radius: 8px; border-top-right-radius: 8px;
}
#frame_ligneux { 	position:absolute; background: #EEF2EF; z-index: 200;
				width:350px; top:0px; left:95px;
				border: 1px solid #aaaaaa; padding: 10px; 
				font-family: calibri; font-size: 10pt;
				color: #313232;
				border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-right-radius: 8px; border-top-right-radius: 8px;
}

#aide		{	margin: 0px 20px; font-size: 14px; 
}
#question	{	margin: 0px 80px; font-style: italic; font-size: 14px;
}
#reponse	{	margin: 0px 120px; font-size: 14px; 
}

.source1 .source2 { 
	display:block; 
	background: white;
	width:60px;  
	border: 1px solid #aaaaaa; 
	margin:2px 0px 0px 20px; 
	padding: 10px;
	text-align: center;
	font-family: arial; 
	font-size: 8pt;
	color: #313232;
	}
.ligneux1 .ligneux2 { 
	display:block; background: #EEF2EF;
	width:10px; top:215px; 
	padding:6px 0px 6px 10px;
	text-align: left;
	font-family: calibri; font-size: 10pt;
	}		
	
.options-panel {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 200px;
  
  top: 0px;
  left: 0px;
}

.slick-cell-checkboxsel {
  background: #f0f0f0;
  border-right-color: silver;
  border-right-style: solid;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	float: left;
	margin: 0;
	padding: 0;
	height: 29px;
	line-height: 29px;
	border: 1px solid #666;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background: #ddd;
}
ul li a {
	text-decoration: none;
	color: #888;
	display: block;
	font-family: "Calibri";
	font-size: 14px;
	padding: 0 16px;
}
ul li a:hover {
	background: #ccc;
	color: #666;
}



/* Onglets */
.ui-tabs .ui-tabs-nav li.ui-state-active {
	cursor: text;
	color: #666;
	border-bottom: 1px solid #fff;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	position: relative;
	background: #fff;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel { 
	display: block;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 1198px;
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

.rotate {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.header {
}

/*.crit0 { background: #EFF9F2; float: left; border:1px solid green; padding: 8px 0px 2px 5px; width: 1000px; height: 210px; font-family: calibri; font-size: 90%; }
 le width du crit0 génère un scrolling horizontal si la fenêtre est plus petite */
.legend_crit { border:none; padding: 0px 10px 0px 5px }
.crit { border-style: none; float: left; padding: 0px; margin: 0px; }
.legend_crit0 { margin: 0px 350px; border:2px solid green; color:green; padding:0px 50px;  }
.crita { position: absolute; top:5px; left:15px; border-style: none; padding: 0px; margin: 0px; }
/*.critb { position: absolute; top:30px; left:60px; border-style: none; padding: 0px; margin: 0px; width: 80px;}
*/
.critc { position: absolute; top:35px; left:15px; border-style: none; padding: 0px; margin: 0px; }
.critd { position: absolute; top:35px; left:60px; border-style: none; padding: 0px; margin: 0px; width: 80px;}
.crit1 { position: absolute; top:55px; left:15px; border-style: none; float: left; padding: 0px; margin: 0px; width: 220px;  }
/* forme */
.crit2i { position: absolute; top:0px; left:360px; border-style: none; float: left; padding: 0px; margin: 0px; width:20px; height:120px; }
.crit2 { position: absolute; top:20px; left:380px; border-style: none; float: left; padding: 0px; margin: 0px; width: 200px; }
/* humidité */
.crit3i { position: absolute; top:0px; left:470px; border-style: none; float: left; padding: 0px; margin: 0px; width:20px; height:120px; }
.crit3 { position: absolute; top:0px; left:490px; border-style: none; float: left; padding: 0px; margin: 0px; width: 200px; }
/* acidité */
.crit4i { position: absolute; top:0px; left:660px; border-style: none; float: left; padding: 0px; margin: 0px; width:20px; height:120px; }
.crit4 { position: absolute; top:20px; left:680px; border-style: none; float: left; padding: 0px; margin: 0px; width: 200px; }
/* autres caractéristiques */
.crit5i { position: absolute; top:0px; left:780px; border-style: none; float: left; padding: 0px; margin: 0px; width:20px; height:120px; }
.crit5 { position: absolute; top:0px; left:800px; border-style: none; float: left; padding: 0px; margin: 0px; width: 200px;}
/* filière de production */
.crit6i { position: absolute; top:0px; left:1050px; border-style: none; float: left; padding: 0px; margin: 0px; width:20px; height:120px; }
.crit6 { position: absolute; top:0px; left:1070px; border-style: none; float: left; padding: 0px; margin: 0px; width: 200px;}

/* intérêt pour une haie */
.crit7i { position: absolute; top:0px; left:240px; border-style: none; float: left; padding: 0px; margin: 0px; width:20px; height:120px; }
.crit7 {
    position: absolute;
    top: 30px;
    left: 260px;
    border-style: none;
    float: left;
    padding: 0px;
    margin: 0px;
    width: 250px;
}

.corps { width:325px; height:48px; overflow:scroll; }

element
{
    position: absolute;
	display: inline-block;
    vertical-align: top;
	padding: 2px 0px 0px 1px; 	
/* voir http://www.siteduzero.com/tutoriel-3-561832-le-positionnement-inline-block.html pour la compativbilité IE6 et IE7 */
}

/* pour les infobulles des critères de sélection */
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
   color: rgb(85, 85, 85);
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: 35px; /* On positionne notre infobulle. */
   left: -100px;
   background: white;
   color: green;
   padding: 3px;
   border: 1px solid green;
   border-left: 4px solid green;
}
a.info2 {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info2 em {
   display: none; /* On masque l'infobulle. */
}
a.info2:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info2:hover em {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
   top: -90px; /* On positionne notre infobulle. */
   left: 120px;
   background: white;
   color: green;
   padding: 3px;
   border: 1px solid green;
   border-left: 4px solid green;
}

td.euforgen img {border:1px solid black}
/*
td.euforgen:hover {border:0px }  hack pour IE - ne sert sinon à rien */
/*
td.euforgen:hover img 
{
position:absolute;
 left: 700px;
 top: 0px;
background-image: url(favicon.png);
 z-index:500;
 height:300px;
 border: 1px solid black
}  agrandi les images lors du survol 
*/

.lig
{
	background-color: #eeefe0;
	color: #000;
	border: solid 1px #555;
	border-top: none;
}

.Nom
{
	padding: 0 20px;
	background-color: #97be3d;
	border-right: solid 1px #555;
	color: #fff;
}

.percent-complete-bar {
  display: inline-block;
  height: 6px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.mois_fleur {
  display: inline-block;
  height: 100%;
  width: 100%;
}





/*#madiv { 	 display:table; border: outset 1pt; border-collapse: separate; border-spacing: 2pt; width:300px; height:120px; overflow: auto }*/
#madiv { 	 display:table; border: outset 1px; border-collapse: separate; border-spacing: 2pt; }
#madiv p { 	 display:table-row; }
#madiv p aa  { display:table-cell; background-color: #D2F9DB;	padding: 0px 5px; border: solid 1px #555;}
#madiv p ab  { display:table-cell; background-color: #91FBAA;	padding: 0px 5px; margin: auto }
#madiv p ac  { display:table-cell; background-color: #B1CEEC; padding: 0px 5px; text-align: center; }
#madiv p ad  { display:table-cell; background-color: #90C0F0; padding: 0px 5px; text-align: center; }
#madiv p ae  { display:table-cell; background-color: #62ABF4; padding: 0px 5px; text-align: center; }
#madiv p af   { display:table-cell; background-color: #2E92F6; padding: 0px 5px; text-align: center; }
#madiv p ag  { display:table-cell; background-color: #D2BAF6; padding: 0px 5px; text-align: center; }
#madiv p ah  { display:table-cell; background-color: #C6A3FA; padding: 0px 5px; text-align: center; }
#madiv p ba  { display:table-cell; background-color: #F7ECD4;	padding: 0px 5px; text-align: center;}
#madiv p bb  { display:table-cell; background-color: #FAEAC4;	padding: 0px 5px; text-align: center; }
#madiv p bc  { display:table-cell; background-color: #FBE6B3; padding: 0px 5px; text-align: center; }
#madiv p bd  { display:table-cell; background-color: #FADE9C; padding: 0px 5px; text-align: center; }

.tableone {  width: 1057px; border-collapse:collapse; float:left; color:#172707; font-size:13px; font-family:calibri; }
.tabletwo {  width: 1027px; border-collapse:collapse; float:left }
.tablefone {  width: 650px; border-collapse:collapse; float:left; color:#172707; font-size:13px; font-family:calibri; }
.tableftwo {  width: 620px; border-collapse:collapse; float:left }

.colvide1 {width:22px;}
.colvide2 {width:1px; }

.nom_vern  { background-color: #D2F979; padding: 1px; margin: 1px; 	}
.nom_scie  { background-color: #91FBAA; padding: 1px; margin: 1px; 	}
.h_sec        { background-color: #B1CEEC; padding: 1px; margin: 1px; text-align: center; }
.h_mes  { background-color: #90C0F0; padding: 1px; margin: 1px; text-align: center;  }
.h_fra  { background-color: #62ABF4; padding: 1px; margin: 1px; text-align: center;  }
.h_hum   { background-color: #2E92F6; padding: 1px; margin: 1px; text-align: center;  }
.r_temp  { background-color: #D2BAF6; padding: 1px; margin: 1px; text-align: center; }
.r_anne  { background-color: #C6A3FA; padding: 1px; margin: 1px; text-align: center; }
.ph_acide  { background-color: #F7ECD4;	padding: 1px; margin: 1px; text-align: center; }
.ph_aacid  { background-color: #FAEAC4;	padding: 1px; margin: 1px; text-align: center;  }
.ph_neutr  { background-color: #FBE6B3; padding: 1px; margin: 1px; text-align: center;  }
.ph_calca  { background-color: #FADE9C; padding: 1px; margin: 1px; text-align: center;  }

.a_bre         { background-color: #F74E54; padding: 1px; margin: 1px; text-align: center;}
.a_bus         { background-color: #FB6368; padding: 1px; margin: 1px; text-align: center;}
.a_bri         { background-color: #FA9598; padding: 1px; margin: 1px; text-align: center;}
.a_lia         { background-color: #FBB6B8; padding: 1px; margin: 1px; text-align: center;}
.e_com        { background-color: #FAC1DC; padding: 1px; margin: 1px; text-align: center; }
.e_cul        { background-color: #FBD0E4; padding: 1px; margin: 1px; text-align: center;}
.e_rar        { background-color: #F9B9D7; padding: 1px; margin: 1px; text-align: center; }
.hauteur     { background-color: #F9ECF2; padding: 1px; margin: 1px; text-align: right; }
.feuillage { background-color: #F9E3ED; padding: 1px; margin: 1px; text-align: left;}
.mfr             { background-color: #F9D7E7; padding: 1px; margin: 1px; text-align: center;}

.soleil { background-color: #8CFAFA; padding: 1px; margin: 1px; text-align: center; }
.ombre   { background-color: #9CDCDC; padding: 1px; margin: 1px; text-align: center;}
.distribution { background-color: #F9ECF2; padding: 1px; margin: 1px; }
.trogne      { background-color: #FBD0E4; padding: 1px; margin: 1px; text-align: center;}
.trogne_f  { background-color: #FAC1DC; padding: 1px; margin: 1px; text-align: center; }
.energie   { padding: 1px; margin: 1px; text-align: left; }
.euforgen { background-color: #F9E3ED; padding: 1px; margin: 1px; text-align: center; }
.neutre { padding: 1px; margin: 1px; text-align: center; }
.p_mois_fleur     { background-color: #F9ECF2; padding: 1px; margin: 1px; text-align: right; }

.listerouge { background-color: #F9A7CD; padding: 1px; margin: 1px; text-align: left;}
.protection { background-color: #FA9AC7; padding: 1px; margin: 1px; text-align: left; }


.infoPanier {
	border: 1px solid red;
    display: block;
    position: absolute;
    z-index: 101;
    width: 1180px;
    height: 30px;
    top: 150px;
    left: 20px;
    font-family: Verdana;
    background-color: #fff;
    padding: 10px;
}

#l_sequence_homogene { width: 60px; text-align: right; }
#tbl1 { margin-bottom: 20px; }
.gestcat { float: left; margin: 0px 0px 10px 0px; }
#btn_add_cat{ width: 700px; text-align: right }
.selTypoContainer {display: inline;}
#selTypo { display: none; }






a.typoSelected { color: #ff0000; }


#logo_hva {
	position: absolute;
	z-index: 102;
	width: 100px;
	height: 100px;
	top: 20px;
	left: 1230px;
	border-radius: 5px;
}

#logo_hva img {
	border-radius: 5px;
	border-bottom: 3px solid gray;
	border-right: 3px solid gray;
}