.nav-tabs .fas.fa-caret-right, 
.nav-tabs .fas.fa-caret-left {display:none;}

/************************/
/*  TABLETTE - PAYSAGE  */
/************************/
@media (max-width: 1200px) and (min-width: 992px) {
	header nav a {
       font-size: 12px;
	}
	header .header-logo img {
		width:100%;
		bottom:-20px;
	}
	
}

/********************/
/*  TABLETTE & PLUS */
/********************/
@media (min-width: 768px) {
	#btn-login-header{position:relative; top:-10px; display:block}
	#btn-login-header .btn-primary {
		background-color: #1a3989;
		border-color: #1a3989;
	}
	#btn-login-header .btn-primary:hover {
		background-color: #0069d9;
		border-color: #0062cc;
	}
	
	#btn-login-header-mobile{display:none;}
}
/**************/
/*  TABLETTE  */
/**************/
@media (max-width: 991px) and (min-width: 768px) {
	header nav a {
       font-size: 10px;
	}
	header .header-logo img {
		width:120%;
		bottom:-20px;
	}
}

/**************/
/* SMARTPHONE */
/**************/
@media (max-width: 767px) {
	
	
	/*Menu*/
	.slicknav_menu{
		background: #00529e;
	}
	.slicknav_btn{
		background: #4988c0;
	}
	.slicknav_nav a:hover,
	.slicknav_nav .slicknav_row:hover{
		background : #4988c0;
		color:#fff;
	}
	.slicknav_menu .slicknav_menutxt, .slicknav_menu .slicknav_icon{
		text-shadow:none;
		font-weight: 600;
	}
	.slicknav_menu .slicknav_icon-bar{
		box-shadow:none;
	}
	/* Splash page */
	.modal_hp #container-title .h1 {
		background-color: white;
		border-radius: 0 20px 61px 0;
		margin-left: -15px;
		margin-top: 15px;
		width: auto;
		box-shadow: 1px 1px 11px 1px #00000045;
		display: inline-block;
	}
	.modal_hp #container-title .h1 h1 {
		color: #102e6f;
		padding: 20px;
		font-weight: 700;
		text-transform: uppercase;
		font-size: 1rem;
		margin: 0;
		line-height: 1.2rem;
	}
	.modal_hp_row .col-md-6 {
		height: auto;
	}
	.modal_hp_logo {
		display: none;
	}
	#container-express, #container-complet {
		position: absolute;
		bottom: 25%;
	}
	#container-complet {	
		right: 0;
	}
	/*#container-complet .container-btn {
		margin-left: 60%;
	}*/
	.container-btn {
		position: relative;
		margin: 0;
		top: auto;
		left: auto;
		display: inline-block;
		width: 100%;
	}
	.container-btn .text {
		border-radius: 30px 16px;
	}
	.container-btn .text p {
		display: none;
	}
	.container-btn .text .separator {
		display: none;
	}
	#container-title .logo {
		text-align: center;
	}
	#container-title .logo span {
		font-size: 11px;
		display: inline-block;
		box-shadow: 1px 1px 11px 1px #00000045;
		background: #fff;
		text-align: center;
		padding: 5px 20px 5px 20px;
		border-radius: 40px 15px;
		margin-top: 15px;
	}
	#container-title .logo img {
		display: block;
		width: 75%;
		margin: 0 auto;
	}
	.container-btn .text h2 {
		padding: 20px 0;
		font-size: 1rem;
	}
	
	#container-express .container-btn .text h2 {
		padding: 20px 2px;
	}
	
	#container-lang{
		margin-right: 0px;
	}
	#container-lang > div{
		right: 10px;
		position: absolute;
	}
	
	/* Header */
	.export-text {
		font-size: 9px;
	}
	header {
		position: relative;
	}
	header .header-logo-cqa {
		right: 10px;
	}
	nav[role="navigation"] {
		display: none;
	}	
	.slicknav_menu {
		display:block;
	}
	
	/* MAP */
	div.search-location-container {
		display: none;
	}
	div.menu-filter-container {
		z-index: 997;
	}
	div.map-modal-overlay {
		z-index: 9999;
		width: 100%;
	}
	.modal-container-cqa {
		display: none;
	}
	div.map-modal-content {
		padding-top: 15px;
	}
	.map-modal-toggle-button-container {
		display: none;
	}
	div.legend-container {
		display: none;
		bottom: 0px;
		top: 15px;
	}
	div.map-container {
		/*padding-bottom: 145px;*/
	}
	.belaqi-pollen-container {
		bottom: 0;
		/*
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		*/
	}
	#map-express div.legend-container {
		display: none;
	}
	.leaflet-control-attribution.leaflet-control {
		display: none;
	}
	.map-modal-window .nav-tabs a {
		/*width : 100%;*/
	}
	div.pollutant-checkbox .col-lg-2 {
		width: 25%;
		max-width: none;
	}
	.breadcrumb {
		padding: 30px 0 10px 0;
	}
	.widget-cqa .custom img {
		width: 45px;
		margin-right: 10px;
	}
	div.meteo-checkbox > div {
		width: 50%;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.mod-articles-image-intro img {
		max-height: 100%;
	}
	.custom.alerte-issep {
		padding: 15px 0px 20px;
	}
	.belaqi img {
		max-width: 100%;
	}
	
	/* En savoir plus */
	.custom.col-md-12 .modulehome {
		background-image: none;
		min-height: none;
	}
	.modulehome h2 {
		padding: 0;
	}
	
	/* Footer */
	.footer {
		text-align: center;
	}
	#footer-top {
		padding-bottom: 30px;
	}
	.footer-menu h3 {
		margin-top: 15px;
	}	
	#footer-top .logo-wallonie img {
		margin: 15px 0;
	}
	#totop.scrolled {
		bottom: 10px;
	}
	#totop {
		right: 25px;
	}
	
	/* BLOG */
	.blog .page-header {
		width: 100%;
		float: none;
	}
	.blog .items-row .item .item-image .img-fluid, .itemid-198 .blog .items-row .item .item-image .img-fluid {
		margin-top: 0px;
		display: block;
		margin: 0 auto;
	}
	ul.tags.inline {
		float: none;
		padding: 15px 0;
		list-style: none;
		margin: 0;
	}
	.view-category .container.main-body h2 {
		text-align: center;
	}
	.blog .pull-left {
		float: none;
		margin: 20px 0;
	}
	.blog .item p {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: justify;
	}
	.com_content.view-article .articleBody ul, .com_content.view-article .articleBody ol {
		padding-left: 20px;
	}
	/* ARTICLE */
	
	div.item-page{
		padding:10px 10px 35px;
	}
	.sidebar-left {
		padding-right: 15px;
		margin-top: 15px;
	}
	.moduletable.widget-belaqi {
		margin-top: 35px;
	}
	.widget-social {
		text-align: center;
	}
	.container.main-body h1 {
		text-align: center;
	}
	.container.main-body h2 {
		text-align: center;
	}
	.container.main-body h3 {
		text-align: center;
	}
	#mesures-help {
		bottom: 75px;
		background-color: #fff;
		border-radius: 50%;
		padding: 10px;
		z-index: 9;
	}
	.view-mesures .tabs-mesures.infos .tab, 
	.view-mesures_offline .tabs-mesures.infos .tab,
	.view-mesures_directive_eu .tabs-mesures.infos .tab,
	.view-mesures_directive_oms .tabs-mesures.infos .tab{
		width: 45%;
	}
	.view-mesures.itemid-148 .tabs-mesures.infos .tab a span.titre1, .view-mesures_offline.itemid-149 .tabs-mesures.infos .tab a span.titre1 {
		font-size: 15px;
	}
	.header-logo-cqa {
		max-width: 115px !important;
		top: 5px !important;
	}
	#legend-container {
		font-size: 0.8em;
	}
	.main-title, .subheading-category {
		text-align: center;
		font-size: 1.5rem;
	}
	.modulehome h3 {
		font-size: 1.2rem;
		line-height: 22px;
	}
	.modulehome img {
		margin: 25px auto 10px;
	}
	.modal_hp #container-title .logo img.img-issep {
		max-width: 50%;
	}

	/*widget-belaqi*/
	.custom.widget-belaqi {
		text-align:center;
	}
	
	/*map couche satelite/plan*/
	.control-layers-container {
		position: absolute;
		left: 12px;
		top: 6px;
		font-size: 13px;
	}
	
	/*PAGE MESURE*/
	.tabs-mesures .tab {margin: 0px 1%;}
	.tabs-mesures .tab a{min-height: 90px;}
	
	.nav-tabs .fas.fa-caret-right, 
	.nav-tabs .fas.fa-caret-left {
		font-size : 1.5em;
		padding: 0 15px;
		vertical-align : middle;
	}
	.nav-tabs .active .fas.fa-caret-right,
	.nav-tabs .active .fas.fa-caret-left
	{ display: inline; }
	
	.nav-tabs .nav-item.nav-link div {
		display: inline;
	}
	.nav-tabs .nav-item.nav-link div:before {
		content: " - ";
	}
	
	#mesures .super-tab-pane .nav-tabs .nav-link:first-child,
	#mesures .super-tab-pane .nav-tabs .nav-link{
		border-radius: 0.5rem 0.5rem;
	}
}
@media screen and (max-width: 640px) {
	.tabs-polluants.infos {
		display: block;
	}
	.tabs-polluants.infos li {
		width: 100%;
		margin-bottom: 5px;
	}
	.tabs-polluants.infos li a {
		min-height: 20px;
	}
	.tabs-polluants.infos .tab a span.triangle {
		left: 46%;
	}
	.tabs-polluants.infos  .tab a span.titre1 {
		height: 40px;
	}
	.tabs-polluants.infos .tab a span.titre1.two-links {
		height: 40px;
		padding: 10px 5px 10px;
	}
	.tabs-polluants {
		display: block;
	}
	.tabs-polluants li {
		width: 100%;
		margin-bottom: 5px;
	}
	.tabs-polluants li a {
		min-height: 20px;
	}
	.tabs-polluants .tab a span.triangle {
		left: 46%;
	}
	.tabs-polluants  .tab a span.titre1 {
		height: 22px;
	}
}
@media screen and (min-width: 767px) {
	div.map-modal-window{
		padding: 10px;
		height: calc(100% - 105px);
		display: flex ;
		flex-flow: column;
	}
}
