/*  -----------------------------------------------------------------------------------------

*/

/***************************
*	Boutons de langue
****************************/

.activelang2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFF; 
  background-color: #666;
  border:1px solid #FFFFFF;
  padding:2px 3px;
  }
  
 .lang {
 
  padding:2px 4px;
  }
  
/* PHOTOGRAPHIES DES AGENTS */
 #Contentt_people .shortcode-blogpost-thumb .blogpost-avatar img {
	height: 100px;
    width: 100px;
 }
 
 /* TABLE DATABASE */

 table th {
	color:#000000;
 }
 
.table_database {
	width:100%;
	
	
}
.table_database thead{
}
.table .table_database thead th, .table_database thead th{
/*	background-color:#F4F8FC; */
	background-color:#F0F0F0;
	color:#263857;
	font-weight:bold;	
	height:20px;
	border:1px solid #DDDDDD;
}


.table_database thead:first-child tr:first-child th {
		border:1px solid #DDDDDD;
}


.table_database thead tr:hover td {
	background-color:#E2E2E2;
}

.table_database tbody .odd{
	background-color:#FFFFFF;
	height:20px;
	padding:4px;
}
.table_database tbody .even{
/*	background-color:#F4F8FC; */
	background-color:#E1DCD8;
	height:20px;
	padding:4px;
}
.table_database tbody .title td{
/*	background-color:#F4F8FC; */
	background-color:#E3E3F7;
	height:20px;
	border-bottom:1px solid #2A375B;
	border-top:1px solid #2A375B;
	padding:2px;
}

.table_database tbody .intertitle td{
/*	background-color:#F4F8FC; */
	height:20px;
	border-bottom:1px solid #2A375B;

	padding:2px;
	font-weight:bold;
}
.table_database .description{
	width:30%;
}

.Observed {

}

.Estimated {
	color:#F26522;
	background-color:#F0F0F0;

}

.first_column, .firstcol{
min-width:40%;
}



/*
.table_database tbody td.data {

	padding:2px;
	margin-left:4px;
}



.table_database tbody .separation td{
	background-color:#FFFFFF;
	height:20px;
	border-bottom:2px solid #2A375B;
	padding:2px;
}
.table_database tfoot td{
background-color:#FFFFFF;
border-top:1px solid #2A375B;
height:20px;
}

*/

td.first_column {
	text-align: left;
}

td.Month {
	text-align : left;
	
	font-weight: bold;
}

table tr:hover td {
	background-color: #E2E2E2;
}

.search_item {
padding-bottom:10px;
}


/* Blocs span pour la liste des db */
#result .row-fluid .span4 {
	margin-bottom : 18px;
}


/* Taille des icones */
[class^="icon-"], [class*=" icon-"] {
    font-size: 14px;
    
}

.icon-bar-chart .fa-2x  {
    font-size: 18px;
    
}

/* Taille des icones */
.double {
    font-size: 18px;
    
}

.dropcap6 [class^="icon-"], .dropcap6 [class*=" icon-"], .dropcap7 [class^="icon-"], .dropcap7 [class*=" icon-"] {
    font-size: 36px;
    
}

/* Liens externes */ 
a[href^="http"]:before {
   font-family: 'FontAwesome';
   content: "\f08E";
   font-size: 14px;
   color: #292424;
   padding-right: 6px;
}


a[href^="http"].nosign:before {
   font-family: 'FontAwesome';
   content: "";
   font-size: 14px;
   color: #292424;
   padding-right: 0px;
}

/* Liens page d'accueil - Indicateurs */
a.Hat_Link {
  color: #8C8C8C;
}

a.Hat_Link:hover {
color: #F26522;
}

.splash {
	background-color: #FFFFFF;
	margin-top:25%;
	margin-bottom:25%;
	min-height:40%;
	font-size: 14px;
}

u.Information {
	color:#505050;
	text-decoration:none;	
	border-bottom: 1px dotted #505050;
}


/* taille popup */
.modal.fade.in {
    top: 50%;
}

.modal {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    left: 25%;
    /* margin: -250px 0 0 -280px; */
    outline: medium none;
    position: fixed;
    top: 50%;
    width: 75%;
    z-index: 1050;
}
.modal .text-right {
	float:right;
	text-align:right;
	padding:0 0 20px 20px;
}


table.popupform {
text-align:left;
}

a.bijgewerkt {
		display:none;
}

a.bijgewerkt[href^="http"]:before {
    color: #292424;
    content:none;
}



a.origineel[href^="http"]:before {
    color: #f26522;
}

a.origineel {
	color: #f26522;
}

td.ind {
	text-align:left;
}

#duurzameontw-tabel tr td:last-child, #duurzameontw-tabel .thead tr th:last-child {
	display:none;
}

#duurzameontw-tabel tr td:nth-child(4), #duurzameontw-tabel tr td:nth-child(5) {
	text-align:left;
}

.content-subtitle {
	clear: both;
	background: transparent url('/img/stripe.png') repeat-x left 50%; 
	overflow: hidden;
	margin: 0 0 10px 0;
}

.content-subtitle h2, .content-subtitle h3, .content-subtitle h4, .content-subtitle h5 { 
		float: left;
		padding: 0 20px 0 0;
		background-color: #fff;
	}

[class^="icon-bar"] fa-2x{
	font-size:20px;
}


/* cookies choice */
#cookieChoiceInfo {
	border-top: 1px solid #ffffff;
}
#cookieChoiceInfo span, #cookieChoiceInfo a {
color : #ffffff;
}

#cookieChoiceInfo a {
    background-color: #303030;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    line-height: 19px;
    padding: 4px 8px;
    text-decoration: none;
    white-space: nowrap;
}

#cookieChoiceInfo a[href^="http"]::before{
	content:none;
}



/* indicators */

a i.icon-bar-chart {
	padding-right:10px;
}

.headline h2, .headline h3, .headline h4, .headline h5, .headline h6 {
    border-bottom: 2px solid #72c02c;
    color: #585f69;
    display: inline-block;
    margin: 0 0 -2px;
    padding-bottom: 5px;
}

.headline {
    border-bottom: 1px dotted #e4e9f0;
    display: block;
    margin: 10px 0 5px;
}

.headline h2, .headline h3, .headline h4, .headline h5, .headline h6 {
    border-bottom: 2px solid #f26522;
}

.magazine-sb-categories a {
	color:#000000;
}

.magazine-sb-categories a:hover, .magazine-sb-categories a.updated:hover {
	color: #f26522;
}

#indicator_det .table {
    margin-bottom: 20px;
    width: 100%;
	background-color: transparent;
    max-width: 100%;
}

#indicator_det .table, #indicator_det .table tr td {
    
	border: 0 none;
}

#iodetable tr th  {
	background-color: transparent;    
    color: #263857;    
    height: 20px; 
	border-left: 0 none;
	border-right: 0 none;
	vertical-align:top;
}

#iodetable thead tr th {
	background-color: transparent;
    border: 0 none;
    color: #263857;
    font-weight: bold;
    height: 20px; 
	vertical-align:top;
}

#indicator_det .table td, #indicator_det .table th {
    text-align: right;
    
}

#indicator_det .table caption + thead tr:first-child th, #indicator_det .table thead:first-child tr:first-child th,#indicator_det .table caption + thead tr:first-child td, #indicator_det .table thead:first-child tr:first-child td {
    border-top: 0 none;	
}

#indicator_det .table thead > tr > th {
    border-bottom: medium none;
}

#indicator_det  .table tbody > tr > th, #indicator_det  .table tfoot > tr > th, #indicator_det  .table thead > tr > td, #indicator_det  .table tbody > tr > td, #indicator_det  .table tfoot > tr > td {
    border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}


.col-group {
    border-left: 1px solid #dddddd;
    text-align: right;
}
.col-updates {
    border-left: 1px solid #dddddd;
    text-align: right;
}


.inlinebreadcrumb {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.inlinebreadcrumb > li {
  display: inline-block;
}
.inlinebreadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.inlinebreadcrumb > .active {
  color: #999999;
}


#indicator_det .content-title h4, #indicator_det h4 {
    margin-top:20px;
    
}


h5 {
    font-size: 13px;
    line-height: 21px;
}


h2 .date {
	font-size: 12px;
	font-weight: normal;
}

.theme_list h2 {

}

.graphdiv {
	width:700px;
	margin:auto;
	padding:10px;
	height:416px;
}
p.TableCaption {
  font-weight: bold;  
  font-size: larger;
  margin: 0;
  margin-top:10px;
}

p.TableSubCaption {
  font-style: italic;
  margin: 0;  
}

p.TableFootnote {
  font-weight: bold;  
  font-size: smaller;
  margin: 0;  
  
}

.margin-bottom-20 {
	 margin-bottom:20px;


}

.nav-reverse li a {
    padding: 5px 10px;
}

.date {
	color:#999999;
	
}

.updated, .magazine-sb-categories a.updated {
	color:#F58220;
	
}

em.updated, em.date {
	font-style: normal;
	font-size:12px;
}

.LinkedIn {	
	color: #ffffff;
}

.Twitter, .icon-twitter {
	color: #32CCFE;
	
}
.Rss {	
	color: #f26522;
}


.footer-widgets  .widget-title {
	margin-top:8px;
}

.span12 h4 {
	margin-top:16px;
	margin-bottom:6px;
}

.TresholdUpper, .TresholdLower {
    color: red;
}

input[type="radio"].searchelement {
	margin:6px 4px;
}

.home ul.liste_caret, .list ul.liste_caret {
	padding-left:0px;
	margin-left:0px;
}


.divider-top, .divider-text {
    margin:0;
}

.list {
    margin: 0;
}

.icon-4x {
    font-size: 4em;
}

span.schema_org {
	color:unset;
	font-size:unset;
	border:unset;
	width:unset;
	background-color:unset;
	text-shadow:unset;
	outline:unset;
	margin-top:unset;
	padding-top:unset;
	
}

.footer-widgets p {
	/*color: #8c8c8c;*/
	color: #E2E2E2;
}




.tab-content .shortcode-tabs ul li {
    float: left;
}

.span12 .content-title {
	margin-top:10px;
}

/* ----------------------------------------------------------------
    Sliders
-----------------------------------------------------------------*/


#slider {
    position: relative;
    height: 400px;
    background-color: #EEE;
}

#slider > div > img,
#slider > div > a > img,
#slider > div > iframe { display: block; }

.fallback-image,
.fallback-image a,
.fallback-image img {
    display: none;
    width: 100%;
    height: 100%;
}

#slider .container { width: 100%; }

#slider.thumb-slider,
#slider.piecemaker-slider { height: auto; }

.slider-wrap {
    position: relative;
    width: 100%;
    height: 400px;
}

.slider-wrap .slide,
.slider-wrap .slide a,
.slider-wrap .slide img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.slider-line {
    position: absolute;
    border-top: 2px solid rgba(0,0,0,0.2);
    height: 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}


.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide a,
.fslider .slide img {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.fslider { min-height: 32px; }


@media (max-width: 979px) and (min-width: 768px)
{
  #homepage-slider .flex-caption {
	width: 100%;
	height: 100%;
	}
}


/* ----------------------------------------------------------------
    3D Slider
-----------------------------------------------------------------*/


.slider-3d { position: relative; }

#piecemaker { margin: -25px 0 0 -90px; }

.body-slider-3d #header { z-index: 20; }


/* ----------------------------------------------------------------
    Camera Slider
-----------------------------------------------------------------*/


#slider.camera-slideshow { height: auto; }


/* ----------------------------------------------------------------
    Layer & Revolution Slider
-----------------------------------------------------------------*/


#slider.revolution-slider,
#slider.layerslider-wrap { overflow: hidden; }

a widget-blogpost-date:hover {
	color: #F26522;
}

/* Lien dans un chapeau */
.text-info p a {
	text-decoration:underline;
	padding-right:2px;
	padding-left:2px;
}

.text-info p a:before {
	content:"";
	padding-right:0px;
}

/* hide slider on small screens */

@media (max-width: 480px) { 

	#homepage-slider {
		display: none;
	}
}

.searchform {
    float: right;
    display: inline-block;
    width: 180px;
    margin-left: 0px;
}

.search_button:before {
    font-family: 'FontAwesome';
    content: "\f08E";
    font-size: 14px;
    color: #ffffff;
    padding-right: 6px;
}

#menu-mobile-trigger:before {
    font-family: 'FontAwesome';
    content: "\f0c9";
    font-size: 24px;
    color: #eae5e5;
}

.footer-widgets h4.widget-title {
	color:#ffffff;
}


.info-warning span { background-color: #E2E2E2; border: 1px solid #9f6a18; }

.info-warning span {
		color: #000000;
		font-size: 20px;
		text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
	}
	
.btn-search {	
	margin-top: 8px;
	padding-top: 2px;
    padding-right: 6px;
    padding-bottom: 2px;
    padding-left: 6px;
}

.infobox-wrap {
	margin-top:8px;
}


.infobox.info-info span {
	text-align:left;
	float: none ;	 
}

/* ----------------------------------------------------------------
    Youtube videos
-----------------------------------------------------------------*/

.iframe__container{
  width: 100%;
  position: relative;
}


.iframe__container::after{
  content:"";
  display: block;
  width: 100%;
  padding-bottom: calc(315/560*100%);
}

.iframe__container iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0px;
  left: 0px;
}


.publications-menu {
	width: 750px;
	left: -250px;
}

.databases-menu {
	width: 400px;
	
}

.SublevelItem:hover{
	color:#fb6400
}


.span12 h4.widget-title {
	margin-top:0px;
	margin-bottom:6px;
}

figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 14px;
    margin-inline-end: 10px;
}

.highcharts-grid .span6:nth-child(odd) {
	margin-left:0px;
}

.highcharts-grid .span12 {
	margin-left:0px;
}