.debug_r {
	border: 1px solid red;
}

.debug_b {
	border: 1px solid blue;
}
.debug_g {
	border: 1px solid green;
}


body {
	margin :0;
	padding: 0;
}

/*********************************************************************************/
/*	LANG
/*********************************************************************************/
article {
	text-align: justify;
}

article.explains p {
	word-wrap: break-word; 
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

/*.conclusion .lang_de {
	color: #8DD0F4;
} /*

/*********************************************************************************/
/*	WRAPPER
/*********************************************************************************/

.conclusion {
	background-image : url('images/puce_green.png');
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px;
	min-height: 200px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.rulesbox {
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}

#item_procedure {
	text-align: center;

}

/*********************************************************************************/
/* Higcharts                                                                     */
/*********************************************************************************/

	#gmap {
		height: 650px;
		min-width: 500px;
		width: 100%;
	}
	
	#legend_map {
		margin-bottom: 10px;
	}
	
	.dhtmlxgrids_box {
		margin-top:10px;
		/*background: #ffffff;*/
	}
	/*src http://forum.dhtmlx.com/viewtopic.php?f=2&t=34134 */
	div.gridbox {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
        box-sizing: content-box;
	}
	
	#gridbox_emi {
		height: 100%;
		width: 100%;
		background-color:white;
	}
	
	#gridbox_emi td {
		text-align: center;
		vertical-align: middle;
	}
	#gridbox_emi h6 {
		text-align: right;
		vertical-align: middle;
	}
	
	#gridbox_emi .hdrcell {
		line-height: 15px;
	}
	
	#gridbox_conc {
		height: 100%;
		width: 100%;
		background-color:white;
	}
	
	#gridbox_conc td {
		text-align: center;
		vertical-align: middle;
	}
	
	#gridbox_vlfinal {
		height: 100%;
		width: 100%;
		background-color:white;
	}
	
	#gridbox_vlfinal td {
		text-align: center;
		vertical-align: middle;
	}
	
	.legend_sup_ico{
		font-weight: bolder;
		font-size: 1.8em;
		color: red;
	}
	
		.legend_inf_ico{
		font-weight: bolder;
		font-size: 1.8em;
		color: #3D87C2;
	}
	
	.header_ico {
		height: 27px;
	}	
	#highchart_threshold {
		height: 600px;
		margin: 0 auto;
	}
	
	#highchart_emi_add {
		height: 600px;
		margin: 0 auto;
	}
	
	#highmaps_emi_zone {
		width: 380px;
		height: 600px;
	}
	
	div.maptiles {
		display: inline;
	}
	
	.label {
         z-index: 1 !important;
     }

    .highcharts-tooltip span:first-child {
        padding: 5px;
		background-color:white;
        opacity:1;
        z-index:9999 !important;
    }
	
	h6.lbl_charts {
		font-weight: normal;
		text-align: right;
		padding: 0px;
		margin: 0px;
	}
    .tooltip {
        padding:5px;
    }
	
	.advices_off{
		visibility: hidden;
	}

/**********************************************************************************/
/*	OrgChart																	  */				
/**********************************************************************************/

#jq-orgchart-container {
	width: 100% ! important;
}

/*********************************************************************************/
/* Sidebar Menu                                                                  */
/*********************************************************************************/	
	#breadcrumbar {
		position:fixed;
		z-index: 10;
		left: 10%;
		background-color: #ffffff;
		padding: 5px;
	}
	
	ul#navbar li{
	
	}
	

	ul.sidebar-nav {
		position:fixed;
		height:100%;
		width:125px;
		background-color: rgba(255, 255, 255, 0.70);
		background-repeat: repeat-y;
		background-position: top right;
		text-align:center;
		z-index: 10;
		margin-left:0;
		padding-left:0;
	}

	.sidebar-nav li {
		height: 50px;
		cursor:pointer;
		text-align: left;
		padding-left: 5px;
		list-style-type: none !important;
		
	}
	
	.sidebar-nav h6 {
		font-weight: bolde;
		font-size: 10px;
		padding: 0px;
		margin: 0px;
		
	}
	

	.active_nav h6 {
		color: #FFFFFF;
	}
	
	.sidebar-nav  li a{
		display: inline-block;
		color: #000000;
		text-decoration: none;
	}
	.sidemnus{
		font-size: 10px;
		font-weight: bolder;
		vertical-align: middle;

	}
	
	.shadowbar-nav {
		position:fixed;
		left: 125px;
		height:100%;
		width:10px;
		background-image : url('images/shadow_vertical.png');
		background-repeat: repeat-y;
		background-position: top left;
		z-index: 10;
	}
	.shadowbar-nav li {
		height: 50px;
		list-style-type: none !important;
	}
	
	
	.shadow_upper {
		background-image : url('images/shadow_upper.png');
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
	.shadow_under {
		background-image : url('images/shadow_under.png');
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	#logo_ireg4 {
		position: absolute;
		top: 85%;
		left: 0%;
	}
	#logo_euroflag {
		position: absolute;
		top: 75%;
		left: 0%;
	}
/********************************************************************************************/
/* Canvas Schema																			*/
/* src : http://www.alsacreations.com/article/lire/1210-donnez-du-style-a-vos-listes.html  	*/
/*																							*/
/********************************************************************************************/
	
	#canvas_schema ol {
		counter-reset: step;  /* on initialise et nomme un compteur */
	}

	#canvas_schema li.accordion_header{
		list-style-type: none !important;
		counter-increment: step; /* on incrémente le compteur à chaque nouveau li */
		cursor: pointer;
	}

	#canvas_schema li.accordion_header:before {
		float: left;
		height: 50px;
		width: 50px;
		content: counter(step); /* on affiche le compteur */
		line-height: 50px;
		text-align: center;
		background: #568FC6 url('images/overlay.png');
		font-weight: bold;
		font-size: 2em;
		color: white;
	}
	
	#canvas_schema .headpanel{
		margin-left: 55px;
		background: #568FC6 url('images/overlay.png');
	}
	
	#canvas_schema .headpanel a{
		color: #ffffff;		
	}
	
	#canvas_schema .headpanel a:hover{
		color: #8ebd43;		
	}
	
	#canvas_schema h5 {
		margin: 0px;
		padding-left: 10px;
		padding-top: 8px;
		font-size: 14px;
		text-align: left;
		vertical-align: middle !important;
		font-weight: 700;
		letter-spacing: 0.25em;
		color: #FFFFFF;
		height: 20px;
	}
	
	#canvas_schema li.active{    
		
	}
	
	#canvas_schema li.accordion_content{
		display: none;
		list-style-type: none !important;
	}  
	
	#canvas_schema  li {
		margin-bottom: 10px;
	}

	#canvas_schema .arrows {
		display: inline-block;
	}
	#canvas_schema .arrowb {
		height: 50px;
		background: #71aed8;
		padding: 5px;
		font-size: 9px;
		color: #ffffff;
	}
	#canvas_schema .arrowg {
		height: 50px;
		background: #8ebd43;
		padding: 5px;
		font-size: 9px;
		color: #ffffff;
	}

	.both_clear {
		clear: both;
		visibility: hidden;
	}
	
/*********************************************************************************/
/* Tools content                                                               	*/
/*********************************************************************************/		
	
	#tips_content {
		position:fixed;
		height:100%;
		top: 0px;
		left: 50%;
	}
	
	.tips_title {
		color: #ffffff;
	}
	
	.headpanel .tooltips a {
		color: #ffffff;
		font-style: italic;
	}
	
	.tooltips{
		cursor: help;
	}
	
/*********************************************************************************/
/* Datepicker                                                                  	*/
/*********************************************************************************/	
	
	#inlinedatepicker {
	}
	
/*********************************************************************************/
/*	Dialog UI
/*********************************************************************************/
	.dialog_off {
		display: none;
	}
	
	.dialog_on {
		display: block;
	}
	/* hide the close button on all dialogs */
	/*.no_close_button>.ui-dialog-titlebar-close {
		visibility: hidden;
	}*/
	
	.dialnfo {
		font-size: 11px;
		font-style: italic;
	}

/*********************************************************************************/
/*	Dialog UI
/*********************************************************************************/	
	.youtube {
		margin-left: 10px;
	
	}
	
/*********************************************************************************************/
/* Arrow in pure css    http://blog.jaysalvat.com/article/des-fleches-et-formes-en-pur-css   */
/*********************************************************************************************/
	.arrow {
		width:0;
		height:0;
		border:25px solid transparent;
	}

	.left {
		border-right:25px solid;
	}

	.rightb {
		border-left:25px solid #71aed8;
	}

	.rightg {
		border-left:25px solid #8ebd43;
	}
	
	.up {
		border-bottom:25px solid;
	}

	.down {
		border-top:25px solid;
	}

/**********************************************************************************************************/
/* Shadow in pure css  http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow  */
/**********************************************************************************************************/	
.shadowcss {  
    -moz-box-shadow: 0 0 65px 0 #ccc inset , 0 0 20px 0 #bcbcbc inset, 0 0 5px 0 #7f7f7f;  
    -webkit-box-shadow: 0 0 65px #ccc inset, 0 0 20px #bcbcbc inset, 0 0 5px #7f7f7f;
    box-shadow: 0 0 65px #ccc inset, 0 0 20px #bcbcbc inset, 0 0 5px #7f7f7f;
}  
.shadowcss:after, .shadowcss:before { display: none; }

.shadowcss_lateral:before {  
    top: 10px;  
    left: 8px;  
    width: 50%;  
    height: 130px;  
      
    box-shadow: -7px 0 10px #555;  
    transform: rotate(-5deg);  
}  
.shadowcss_lateral:after { display: none; }