/* Author : Vincent GUISSARD */

html {
  font-size: 80.0%;  /* 75.0% of 16px = 12px */
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

body {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	margin:0px;
}

/* HEADER ELEMENTS */
	header {
		float: left;
		width: 100%;
		min-height: 70px;
		background-image: url('../img/bg_header_grey2.png');
		color: white;
		font-weight: bold;
		background-color: #5f900f;
	}
	
	#bandeau ul{
		list-style-type: none;
		margin: 10px;
		padding: 1px;
		overflow: hidden;
		/*background-image: url('../img/bg_header_grey2.png');*/
	}
	.li_title{
		float: left;
		font-size: 1.7rem;
		margin-top:20px;
		margin-left:50px;
	}
	
	#logo {
		margin-top:5px;
		margin-left:5px;
		width:50px;height:53px;
	}
	#title_main{
	}
	#title_theme{
		border-style: solid;
		border-width: 1px 0px 0px;
	}
	#search{
		font-size:1.2rem;
		font-weight:normal;
	}

		#search_mot{
			border:1px dotted black;
			background-color:#ddd;
		}
		
		#search_btn_valid{}

/* MAIN CONTENT ELEMENTS*/
	main{
		float:left;
		width:100%;
	}
	#result{}
		#result_title{
			
			font-size: 20px;
			color: #666;
			padding-top: 10px;
			padding-left: 10px;
			border-style: solid;
			border-width: 1px 0px 0px;
		}
		.result_link{
			font-size: 12px;
			color: #666;
			border-style: none;
			border-width: 1px 0px 0px;
			position: absolute;
			display:none;
			top: 70px;
			right: 20px;
			width: 200px;
			height: 50px;
		}
		#result_link_img{
		    vertical-align: middle;
		}
		.result_link a{
			vertical-align: middle;
			text-decoration-line: none;
			font-size: 1.3em;
		}
		.result_link a::after{
			font-family: 'Material Design Icons';
			content: '\F0352';
			font-size: 2.3em;
			font-weight: normal;
			line-height: 60px;
			vertical-align: middle;
		}
		#result_content0{}
		
			.categorie { 
				list-style-type: none;
				font-size: 14px;
				color: #666666; 
				text-align: left;
				font-weight: bold;
				text-indent: 20pt ;
				background-color: #e8f2e4;
				margin-right:5px;
				margin-top:5px;
			}
			.item{list-style-type: none;}
			.itemCode{
				font-weight: bold;
				color: #666666;
			}
			.itemName{

				color: #666666;
			}
			.itemText{
				color: #315923;
			}
			.multi_item {
				display: block;
				flex-flow: row wrap;
				list-style-type: none;
				padding-left: 0px;
			}
			.illustration {list-style-type: none;}
			.copyRight{margin-bottom:5px;}
			.galerie{background-color:#fafbfc; 
				border:1px solid #b0b0b0; 
				margin:0 0 10px 10px; 
				padding:5px; 
				height:150px;
			}
			.galerie:hover{opacity:0.7;}
			.image{display:none;}
			.image_full{}
		
		#result_content1{}	
			.resultTable{margin-left: 50px; border-collapse: collapse;}
			.itemResultTable{list-style-type: none;}
			.itemNameResultTable{
				font-weight: bold;
				color: #666666;
				width: 380px;
    			text-align: right;
				padding: 2px 5px;
			}
			th.itemNameResultTable {
				background-color: #e8f2e4;
			}
			.itemTextResultTable{
				color: #315923;
				padding: 2px 5px;
			}
			.table_multi_item_lbl{
				width: 100%;	
			}
						
		#result_info{
			display:none;
		}
		
		
		
a{
	text-decoration-color: #666;
}




/* #### MESSAGE BOXES ### */
.msg_info{
	cursor:help;
}

.info, .success, .warning, .error, .validation {
display:block;
position:fixed;
top:30%;
left:30%;
border: 1px solid;
border-radius:10px;
margin: 10px 0px;
padding:0px 10px 0px 50px;
background-repeat: no-repeat;
background-position: 10px 10px;
background-color:#fff;
min-height:50px;
}

.info, .success, .warning, .error, .validation p{
	font-weight: bold;
}

.info {
color: #00529B;
box-shadow: 10px 10px 5px #00529B;
}
.info::before {
		font-family: 'Material Design Icons';
		content: '\F02FC';
		font-size: 2.3em;
		font-weight: normal;
		position: absolute;
		left: 10px;
		top: 10px;
	}
.success {
color: #63AE13;
/*background-image:url('../img/success.png');*/
box-shadow: 10px 10px 5px #63AE13;
}
.success::before {
		font-family: 'Material Design Icons';
		content: '\F05E0';
		font-size: 2.3em;
		font-weight: normal;
		position: absolute;
		left: 10px;
		top: 10px;
	}
.warning {
color: #FF9A00;
/*background-image: url('../img/warning.png');*/
box-shadow: 10px 10px 5px #FF9A00;
}
.warning::before {
		font-family: 'Material Design Icons';
		content: '\F0028';
		font-size: 2.3em;
		font-weight: normal;
		position: absolute;
		left: 10px;
		top: 10px;
	}
.error {
color: #D8000C;
/*background-image: url('../img/error.png');*/
box-shadow: 10px 10px 5px #D8000C;
}
.error::before {
		font-family: 'Material Design Icons';
		content: '\F0376';
		font-size: 2.3em;
		font-weight: normal;
		position: absolute;
		left: 10px;
		top: 10px;
	}
.validation {
color: #D63301;
/*background-image: url('../img/validation.png');*/
box-shadow: 10px 10px 5px #D63301;
}
.validation::before {
		font-family: 'Material Design Icons';
		content: '\F11CE';
		font-size: 2.3em;
		font-weight: normal;
		position: absolute;
		left: 10px;
		top: 10px;
	}
/* ### ### */

		
@media screen and (max-width: 1400px){
	.li_title{
			font-size: 1em;
			margin-left:10px;
	}
	.categorie{
		text-indent: 5pt ;
	}
	#result ul{
		list-style:none;
		padding-left:5px;
	}
	#search{
			font-size:0.8em;
	}
}
/*Theme the Tabulator element*/
#example-table-theme, .tabulator  {
    /*background-color:#ccc;*/
    /*border: 1px solid #333;*/
    border-radius: 5px;
	font-size: 1.0em;
}

/*Theme the header*/
.tabulator .tabulator-header {
    background-color:#e8f2e4;
    color:#666666;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
    background-color: #d5e3d0;
}

.tabulator-row.tabulator-row-even {
  background-color: #eff2ee;
}
.tabulator .tabulator-footer {
  background-color: #e8f2e4;

}
.tabulator-row.tabulator-selectable:hover {
  background-color: #b7c4b2;
}
.tabulator .tabulator-header .tabulator-col{
background:none;
}