/*INDICE RIGHT & PDVC RIGHT - INFO*/
.triangle-with-shadow {width: 40px;height: 420px;position: absolute;overflow: hidden;}
.triangle-with-shadow::after {content: "";position: absolute;width: 50px;height: 50px;background: #fff;transform: rotate(-45deg);top: 50%;left: 15px;box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);border-radius: 10px 0;}

/*PDCV & INDICE*/
#container_search_pdcv #btn_geoloc{
	background-color: #FAB430;
    background-image: url(/components/com_atmo/assets/images/indice_2019/picto_gps.svg);
    background-repeat: no-repeat;
    background-position: center;
	background-size: 35px;
	margin-top: 18px;
	margin-bottom: 0;
}
#container_search_pdcv .btn{
	border-radius: 32px;
	font-size: 1rem;
	color: #fff;
	margin-top: 18px;
	margin-bottom: 0;
	
	min-width:90%;
	padding:10px;
}

#container_search_pdcv label {
	text-transform: uppercase;
	margin-bottom:0px;
}
#pdcv,
#indices{
	margin-top:0;
}	

@media (max-width: 575px) { 
	/*Composant Indices (HP) - PDCV*/
	
		/*Recherche*/
		#container_search_pdcv {
			border-radius: 0;
			margin-top: 0;
			padding: 0px;
			border-right: 0px;
		}
		#container_search_pdcv .col-10 {
			padding: 0px 0px 0px 15px;
		}		
		#container_search_pdcv label {
			color: #FAB430;
			font-size: 1rem;
			margin-top: 15px;
		}
		#container_search_pdcv #search_pdcv {
			font-size: 1rem;
		}
		#container_search_pdcv #btn_geoloc {
			padding: 15px 20px;
			border-radius: 10px;
		}
		#container_search_pdcv #btn_submit {
			padding: 15px;
			border-radius: 10px;
			margin-left:10px;
		}
		
		.btn-favoris {
			display: none;
		}
		
		#menu-map {
			margin-bottom: 0;
			margin-top: 60px;
			padding: 0;
		}

		#map_leaflet {
			height: 425px;
		}
		
		/*bloc de droite*/
		#pdcv_right,
		#indices_right {
			margin-top: -25px;
			padding: 0 15px;
		}
		#pdcv_right .row,
		#indices_right .row {
			margin-right: -15px;
			margin-left: -15px;
		}
		#pdcv_right .row .col-md-15,
		#indices_right .row .col-md-15  {
			padding: 0 15px;
		}				
		#pdcv_right .filter-map .days ul li ,
		#indices_right .filter-map .days ul li {
			padding: 0px;
			text-align: center;
			width: 45%;
		}
		#pdcv_right .block-2 ,
		#indices_right .block-2 {
			margin-bottom: 25px;
		}
		#pdcv_right .info-alerte ,
		#indices_right .info-alerte {
			line-height: 25px;
			font-size: 1.1rem;
		}
		#pdcv_right .pollens .titre ,
		#indices_right .pollens .titre {
			line-height: 25px;
			font-size: 1.1rem;
		}
		#pdcv_right .titre ,
		#indices_right .titre {
			margin-bottom: 10px;
			display: block;
		}
		#pdcv_right .filter-map .days ul ,
		#indices_right .filter-map .days ul {
			height: 40px;
		}
		#pdcv_right .filter-map .days ul li a,
		#indices_right .filter-map .days ul li a{
			font-size: 1.5rem;
			display: initial;
		}
		#pdcv_right .filter-map .days ul li a span,
		#indices_right .filter-map .days ul li a span {
			display: block;
			border: 2px solid #fff;
			margin: 0 auto;
		}
		
		.triangle-with-shadow {
			width: 100%;
			z-index: -1;
			height: 415px;
		}
		.triangle-with-shadow:after {
			position: absolute;
			width: 50px;
			height: 50px;
			background: #fff;
			transform: rotate(-45deg);
			top: 2%;
			left: 45%;
		}
	
}

@media (min-width: 576px) AND (max-width: 767px) {
	
	/*Composant Indices & PDCV*/
		/*recherche*/
		#container_search_pdcv #btn_geoloc {
			padding: 15px 20px;
			border-radius: 30px;
			width: 90%;
		}
		#container_search_pdcv #btn_submit {
			padding: 15px;
			border-radius: 30px;
			width: 90%;
		}

}
@media (min-width: 576px) AND (max-width: 991px) {
	/*Composant Indices & PDCV*/
		/*bloc de droite*/
		.triangle-with-shadow {
			width: 100%;
			z-index: -1;
			height: 415px;
		}
		.triangle-with-shadow:after {
			position: absolute;
			width: 50px;
			height: 50px;
			background: #fff;
			transform: rotate(-45deg);
			top: 2%;
			left: 45%;
		}
		/*recherche*/
		#container_search_pdcv {
			border-radius: 0;
			border-right: 0px;
		}
		#pdcv_right .filter-map .days ul li a,
		#indices_right .filter-map .days ul li a{
			font-size: 2rem;
		}
		#pdcv_right .filter-map .days ul li ,
		#indices_right .filter-map .days ul li {
			padding: 0px;
			text-align: center;
			width: 45%;
		}
		#pdcv_right .filter-map .days ul li a span,
		#indices_right .filter-map .days ul li a span {
			display: block;
			border: 2px solid #fff;
			margin: 0 auto;
		}
}
@media (min-width: 576px) AND (max-width: 1023px) {
	/*Composant Indices & PDCV*/
	#container_search_pdcv label {
		color: #FAB430;
		font-size: 1.3rem;
	}
	.btn-favoris {
		display: none;
	}
	#indices_right .block-2 {
		margin-bottom: 25px;
	}
	#map_leaflet {
		height: 500px;
	}
	#menu-map {
		margin-bottom: 0px;
		margin-top: 60px;
		padding: 0;
	}
	#pdcv_right .block-2 ,
	#indices_right .block-2 {
		margin-bottom: 25px;
	}
}
@media (min-width: 992px){
	#pdcv,
	#indices{
		margin-top:15px;
	}
	.block-favoris{margin: 40px 0px;}
	#indices .row-favoris .carousel-item,
	#pdcv .row4 .carousel-item{
		margin-top:85px;
	}
	#indices .row-favoris .carousel-inner,
	#pdcv .row4 .carousel-inner{padding: 0 10%;}
	
	#indices > .row-favoris{z-index: 1040;margin-top:-45px;}
	#indices_right .block-1 {	margin-top: 0px;}
	#pdcv_right .block-1 {margin-top:25px;}
}
@media (min-width: 992px) AND (max-width: 1023px) {
	/*Composant Indices & PDCV*/
	#container_search_pdcv {
		background: white;
		height: 92px;
		padding: 5px 0 0px;
		border: 3px solid #fab430;
		border-left: 0;
		border-radius: 0 10px 10px 0;
	}
	.triangle-with-shadow {
	    width: 40px;
		height: 500px;
		position: absolute;
		overflow: hidden;
	}
	.triangle-with-shadow:after {
		top: 50%;
		left: 15px;
	}
	#pdcv > .row2{
		background-image: none;
	}
	#pdcv > .row3{
		display:block;		
	}
	#pdcv > .row4{
		display:none;
		position: relative;
		z-index: 1041;
		background-image: none;
	}
	/*Favoris*/
	/*.block-favoris{margin: 40px 0px;}*/

}
@media (min-width: 768px) AND (max-width: 1023px) {
	/*Composant Indices & PDCV*/
	#container_search_pdcv #btn_geoloc {
		width: 90%;
		padding: 15px;
	}
	#container_search_pdcv #btn_submit {
		width: 90%;
		padding: 15px;
	}
	.btn-favoris {
		display: none;
	}
	#map_leaflet {
		height: 600px;
	}
	#menu-map {
		margin-bottom: 0;
	}
	.col-pdcv {
		margin-right: 25px
	}
	#indices, #pdcv {
		margin-top: 0px;
	}
	#pdcv_right .filter-map .days ul li ,
	#indices_right .filter-map .days ul li {
		display: inline-block;
		margin: 0 10px 20px;
		font-size: 20px;
	}
}
@media (min-width: 1024px) AND (max-width: 1439px) {
	
	/*Composant Indices & PDCV*/
	#indices, #pdcv{
		margin-top:0;
	}
	#map_leaflet{
		height: 700px;
		padding: 0px;
		margin-top: 60px;
	}
	#container_search_pdcv .offset-md-3 {
		margin-left: 10%;
		padding: 0px;
	}
	#container_search_pdcv label {
		font-size: 1.3rem;
		color:#FAB430;
		margin-bottom: 0; /* PIKSMAX */
	}
	#container_search_pdcv #btn_geoloc {
		padding: 15px;
		width: 100%;
	}
	#container_search_pdcv #btn_submit {
		padding: 15px;
		width: 100%;
	}
	#container_search_pdcv .col-10 {
		margin-right: 20px;
	}
	#container_search_pdcv .col-2.geocalisation {
		margin-right: 10px;
	}
	#indices_right .legende .info .texte {
		font-size: 13px;
	}
	#indices_right .legende .info .echelle {
		font-size: 13px;
	}
	#pdcv_left {
		min-height: 700px;
	}
	#pdcv_right .filter-map .days ul li a,
	#indices_right .filter-map .days ul li a{
		font-size: 1rem;
		display: inline-block;
	}
	#pdcv_right .filter-map .days ul li a span,
	#indices_right .filter-map .days ul li a span{
		display: block;
		margin: 5px auto 10px;
		border: 2px solid #fff;
	}
	.leaflet-bottom {
		bottom: 10% !important;
	}
	
	.menu-map-container{height: 800px;}
	#pdcv_left .alerte_container{margin-top: 200px;}
	#pdcv_left .indice_container{margin-top: 200px;}
	
	#pdcv > .row2{
		background-image: none;
	}
	#pdcv > .row3{
		display:block;		
	}
	#pdcv > .row4{
		display:none;		
		background-image: none;
	}
	
	/*Favoris*/
	/*.block-favoris{margin: 40px 0px;}*/
	/*#pdcv .row4 .carousel-item{
		margin-top:85px;
	}
	#pdcv .row4 .carousel-inner{padding: 0 10%;}*/
}


@media (min-width: 1440px) {
	.triangle-with-shadow {height: 500px;}
	/*Composant Indices & PDCV*/
	#indices, #pdcv {
		margin-top: 0px;
	}	
	#menu-map li {
		height: 127px !important;
		padding-top: 30px !important;
	}
	#container_search_pdcv {
		border-radius: 0 20px 20px 0;
	}
	#container_search_pdcv #btn_geoloc {
		width: 90%;
		padding: 15px;
	}
	#container_search_pdcv #btn_submit {
		width: 90%;
		padding: 15px;
	}	
	#container_search_pdcv label{
		font-size:1.5rem;
		color:#FAB430;
	}
	.leaflet-bottom {
		bottom: 10% !important;
	}
	#map_leaflet{
		height:740px;
		margin-top: 60px;
	}	
	#pdcv_right .filter-map .days ul{
		height: 60px;
	}
	#indices_right .filter-map .days ul{
		height: 80px;
	}
	#pdcv_right .info-alerte,
	#indices_right .info-alerte{font-size:1.4rem;}
	
	#pdcv_right .titre{font-size : 1.4rem;	}
	
	#pdcv_right .pollens .titre,
	#indices_right .pollens .titre {
		font-size : 1.4rem;
	}
	#pdcv_right .filter-map .days ul li a,
	#indices_right .filter-map .days ul li a{
	font-size: 1.5rem;
	display: inline-block;
	}
	#pdcv_right .filter-map .days ul li a span,
	#indices_right .filter-map .days ul li a span{
		display: inline-block;
		border: 3px solid #fff;
		width: 50px;
		border-radius: 5px;
	}
	.menu-map-container{height: 800px;}
	#pdcv_left .alerte_container{margin-top: 200px;}
	#pdcv_left .indice_container{margin-top: 200px;}
	
	#pdcv > .row2{
		background-image: none;
	}
	#pdcv > .row3{
		display:block;		
	}
	#pdcv > .row4{
		display:none;
		background-image: none;
	}
	
	/*Favoris*/
	/*.block-favoris{margin: 40px 0px;}*/
	/*#pdcv .row4 .carousel-item{
		margin-top:85px;
	}
	#pdcv .row4 .carousel-inner{padding: 0 10%;}*/
}