/*ROWS*/
#indices{margin-top: 25px;}
#indices > .row1{
	position: relative;
    z-index: 1041;
}
#indices > .row2{
	margin-top: -60px;
	position: relative;
	background-image: url(../images/indice_2019/background.png);
    background-size: cover;
}
#indices > .row-favoris{
	display:none;
	position: relative;
	z-index: 1041;
	background-image: url(../images/indice_2019/background.png);
    background-size: cover;
}
/*Modal de connection*/
#modal_no_connect,	
#modal_no_favoris{	
    position: relative;
    background: #FFF;
    width: auto;
    max-width: 600px;
    margin: 20px auto;
    z-index: 9999;
    height: 100px;
    padding: 20px;
	padding-top:40px;
    border-radius: 10px;
}
/*
#modal_no_connect .mfp-close,
#modal_no_favoris .mfp-close{
	padding: 0;
    background: transparent;
    box-shadow: none;
    margin: 0;
}*/
#modal_no_connect a,
#modal_no_favoris a{
	text-decoration:underline;
}

/*Zone de recherche*/
#container_search_pdcv{
	background: white;
    height: 92px;
    padding: 5px 0 0 65px;
    border: 3px solid #fab430;
    border-left: 0;
	border-radius: 0 10px 10px 0;
}
#container_search_pdcv #btn_submit{
    background-color: #28b5e5;    
}
#container_search_pdcv #btn_geoloc:hover{
	background-image: url(../images/indice_2019/picto_gps_over.svg);
}
#container_search_pdcv #search_pdcv{
	color:#707070;
	width:100%;
	border:0px;
	font-style:italic;
	margin-left: -10px;
	/* outline: 3px solid #fff; */ /* PIKSMAX */
    padding: 5px;
	box-shadow: none;
}
#container_search_pdcv #search_pdcv:focus{
	outline-color: #FAB430;
}
.ui-widget.ui-widget-content{z-index:1042;}

/*MAP - MENU*/
#map_leaflet{margin-top:0px;}
#map_leaflet.leaflet-container{background:transparent;}
#map_leaflet.leaflet-container .leaflet-control-attribution{background:transparent;}
.menu-map-container{	background-color: #eeeeee8f;}
#menu-map li{text-align: center;height: 96px;padding: 10px;list-style-type: none;padding-top: 15px;text-transform: uppercase;font-size: 15px;}
#menu-map li a{color:#334C93;}
#menu-map li a img{display:block;margin:auto;max-height: 40px;margin-bottom: 10px;}
#menu-map li a img.on{display:none}
#menu-map li.actif {background-color:#334C93;color:#fff;}
#menu-map li.actif a{color:#fff;}
#menu-map li.actif a img.off{display:none}
#menu-map li.actif a img.on{display:block;}

@media(hover){
	#menu-map li:hover {background-color:#334C93;color:#fff;}
	#menu-map li:hover a{color:#fff;}
	#menu-map li:hover a img.off{display:none}
	#menu-map li:hover a img.on{display:block;}
}
/*Favoris*/
.btn-favoris {padding:0;}
/* .btn-favoris a{background-color: #FAB430;display: block;height: 120px;width: 85%;border-radius: 10px 0 0 10px;padding-top: 40px;float: right;} */ /* PIKSMAX */
.btn-favoris a{
	background-color: #FAB430;
    display: block;
    height: 100px;
    width: 85%;
    border-radius: 10px 0 0 10px;
    padding-top: 30px;
    float: right;
}
.btn-favoris img{margin: auto;}
.btn-favoris img.on{display:none}
.btn-favoris img.off{display:block}

.btn-favoris a.actif img.on{display:block}
.btn-favoris a.actif img.off{display:none}

@media(hover){
	.btn-favoris a:hover img.on{display:block}
	.btn-favoris a:hover img.off{display:none}
}
#indices_right{	margin-top:-25px;	z-index:1041;}

/* #indices_right .block-1{background-color:#fff;border-radius:10px;padding:40px 60px 50px;} */ /* PIKSMAX */
#indices_right .block-1{background-color:#fff;border-radius:10px;padding: 20px 35px 20px;margin-top: 20px;}
/* #indices_right .block-2{background-color:#fff;border-radius:10px;padding:40px 60px 50px;} */ /* PIKSMAX */
#indices_right .block-2{background-color:#fff;border-radius:10px;padding: 20px 35px 20px;}

#indices_right .filter-map .days ul{margin: 0;padding: 0;text-align: center;}
#indices_right .filter-map .days ul li{display: inline-block;}
#indices_right .filter-map .days ul li a{color: #334C93;width: 125px;line-height: 1rem;}
#indices_right .filter-map .days ul li a span{width: 50px;border-radius: 5px;}

#indices_right .filter-map .days ul li.active a,
#indices_right .filter-map .days ul li:hover a{font-weight:600;}

#indices_right .filter-map .days ul li.active a span,
#indices_right .filter-map .days ul li:hover a span{border-color:#334c93;    /*display: inline-table;*/}

#indices_right .filter-map .polluant ul{margin-left: 10px;margin-top:15px; padding: 0;}
#indices_right .filter-map .polluant li{list-style: none;padding-bottom:5px;}
#indices_right .filter-map .polluant ul li img{height : 20px;margin-top:-5px;visibility:hidden;}
#indices_right .filter-map .polluant ul li a {color: #334C93; line-height: 1rem; font-size:1.2rem;padding-left:5px;}

#indices_right .filter-map .polluant ul li.active a,
#indices_right .filter-map .polluant ul li:hover a {font-weight:600;}

#indices_right .filter-map .polluant ul li.active img{visibility:visible}
@media(hover){
	#indices_right .filter-map .polluant ul li:hover img {visibility:visible}
}
#indices_right .filter-map .polluant .communique {margin-bottom : 10px;}
#indices_right .filter-map .polluant .communique a {font-size: 1rem;    color: #28B5E5;    text-transform: uppercase;    display: inline-block;    margin-bottom: 5px;}
#indices_right .filter-map .polluant .communique a img {    padding-right: 10px;    width: 35px;
}
/* #indices_right .titre{font-size : 1.5rem;} */ /* PIKSMAX */
#indices_right .titre{font-size : 1.4rem;   font-weight: 600;    color: #4D4D4D;}

#indices_right .legende {}
#indices_right .legende .pastille{width:25px;height:25px;border-radius: 50%;float:left; margin-right: 10px;}
#indices_right .legende .bon .pastille{background-color:#2E9B00;}
#indices_right .legende .jaune .pastille{background-color:#ffc800;}
#indices_right .legende .mediocre .pastille{background-color:#F4690B;}
#indices_right .legende .mauvais .pastille{background-color:#CE0000;}
#indices_right .legende .n-a .pastille{background-color:#707070;color:#fff;text-align:center;line-height: 1.8rem;}
#indices_right .legende .info .texte{display:block;line-height: 1rem;}
#indices_right .legende .info .echelle{display:block;margin-left: 40px;}

#indices_right .legende .n-a .texte{padding-top:8px;}

a[href="http://leafletjs.com"] {
    display: none;
}

/* #indices_right .info-alerte{font-size:1.9rem; font-weight:600;color:#4D4D4D;} */ /* PIKSMAX */
#indices_right .info-alerte{font-weight:600;color:#4D4D4D;}

/* #indices_right .xr-comment .ajd{font-size:1.5rem;} */ /* PIKSMAX */
#indices_right .xr-comment .ajd{font-size:1rem;}
/* #indices_right .xr-comment .demain{font-size:1.5rem;} */ /* PIKSMAX */
#indices_right .xr-comment .demain{font-size:1rem;}

/* #indices_right .partage a{font-size:1.5rem; color:#28B5E5; text-transform:uppercase;} */ /* PIKSMAX */
#indices_right .partage > a{font-size:1rem; color:#28B5E5; text-transform:uppercase;}
#indices_right .partage > a img{padding-right:10px;width: 30px;}
#indices_right #links-partage {display:inline-block;margin-left: 50px; display:none;}
#indices_right #links-partage a img{width: 30px;height:30px;}

#indices_right .partage > a img {
  -webkit-transition: -webkit-transform .5s ease-in-out;
          transition:         transform .5s ease-in-out;
}
#indices_right .partage > a.active img {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}


#indices_right .pollens {}
/* #indices_right .pollens .titre {font-size : 1.9rem;font-weight:600;color:#4d4d4d;} */ /* PIKSMAX */
#indices_right .pollens .titre {font-weight:600;color:#4d4d4d;}
#indices_right .pollens .titre .picto2 {width:80px;}
#indices_right .pollens .picto {position:relative;float:left;margin-right:20px;}
#indices_right .pollens .picto img {width:80px;min-height: 72px;}
#indices_right .pollens .picto .valeur 	  {color:#fff;font-size:2rem;  position:absolute;top:17px;left:20px;}
#indices_right .pollens .picto .valeur.ND {color:#565656;font-size:1.5rem;position:absolute;top:24px;left:9px;}
#indices_right .pollens .info {float:left;padding-top: 20px;}
#indices_right .pollens .info {float:left;padding-top: 20px;}
/* #indices_right .pollens .info .texte {color:#4D4D4D;font-size:1.5rem;line-height: 1rem;} */ /* PIKSMAX */
#indices_right .pollens .info .texte {color:#4D4D4D;font-size:1rem;line-height: 1rem;}
/* #indices_right .pollens .info .niveau {color:#4D4D4D;font-size:1.5rem;font-weight:600;} */ /* PIKSMAX */
#indices_right .pollens .info .niveau {color:#4D4D4D;font-size:1rem;font-weight:600;}

#indices_right .puce_triangle{
	top: 425px;
left: 1086px;
width: 31px;
height: 30px;
transform: matrix(-0.87, -0.5, 0.5, -0.87, 0, 0);
background: #334C93 0% 0% no-repeat padding-box;
opacity: 1;
}
#indices_right .title-episode {font-size: 1.4rem; font-weight: 600;    color: #4D4D4D;}

/*CAROUSEL - FAVORIS*/
.btn-favoris {padding:0;}
.btn-favoris a {    background-color: #FAB430;    display: block;    height: 92px; width: 100%;  max-width: 92px;    border-radius: 10px 0 0 10px;    padding-top: 26px;    float: right;}
.btn-favoris img{margin: auto;}
.btn-favoris img.on{display:none}
.btn-favoris img.off{display:block}
.btn-favoris a.active img.on{display:block}
.btn-favoris a.active img.off{display:none}

.btn-favoris a.actif img.on{display:block}
.btn-favoris a.actif img.off{display:none}
@media(hover){
	.btn-favoris a:hover img.on{display:block}
	.btn-favoris a:hover img.off{display:none}
}
.block-favoris-container{}

.block-favoris{    background-color: #fff;    border-radius: 10px;    margin: 15px 0px;    display: flex;    flex-wrap: wrap;    position: relative;    min-height: 200px;    padding: 30px 2%;}

.block-favoris .visage{    flex: 0 0 20%;    max-width: 20%;}
.block-favoris .infos{    flex: 0 0 60%;    max-width: 60%;}
.block-favoris .indice{    flex: 0 0 20%;    max-width: 20%;    padding-right: 5%;   padding-top: 3%;}


.block-favoris .visage img,
.block-favoris .niveau span{display:none}

.block-favoris .visage img {width: 100%;}
.block-favoris .niveau span{font-weight:bold;font-size:1.5rem;}

.block-favoris.vert .visage img.vert,
.block-favoris.orange .visage img.orange,
.block-favoris.rouge .visage img.rouge{display:block;}

.block-favoris.vert .niveau span.vert,
.block-favoris.orange .niveau span.orange,
.block-favoris.rouge .niveau span.rouge,
.block-favoris.gris .niveau span.gris{display:block;}

.block-favoris .niveau span{text-transform:uppercase;}
.block-favoris span.vert	{color:#2E9B00;}
.block-favoris span.orange	{color:#F4690B;}
.block-favoris span.rouge	{color:#CE0000;}
.block-favoris span.gris	{color:#707070;}

.block-favoris .commune {font-size:1.6rem}

.block-favoris .favoris-deleted {    padding: 0;    background: transparent;    box-shadow: none;    margin: 0;	color:#333;	position: absolute;    right: 10px;    top: 0px;    font-size: 25px;}

.block-favoris .favoris-deleted:hover, .block-favoris .favoris-deleted:focus {    opacity: 1;}

.block-favoris .indice_num{ border: 1px solid #707070; background-color: #707070; border-radius: 100%; width: 100%; height: 100%; color: #fff; font-size: 5vw; }

.block-favoris.gris  .indice_num{font-size: 2.5vw;}
.block-favoris.vert  .indice_num{border-color:#2E9B00;background-color:#2E9B00;}
.block-favoris.orange  .indice_num{border-color:#F4690B;background-color:#F4690B;}
.block-favoris.rouge  .indice_num{border-color:#CE0000;background-color:#CE0000;}

#indices .row-favoris .carousel-inner{
	min-height:740px;
	padding: 0 4%;
}
.carousel-control-prev{width:10%;}
.carousel-control-next{width:10%;}
.carousel-control-prev-icon, .carousel-control-next-icon{width: 100px; height: 100px;}

.aspect-ratio-box {  height: 0; overflow: hidden; padding-top: 100%; background: white; position: relative;}
.aspect-ratio-box-inside {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.flexbox-centering {  height: 100%;  display: flex;  justify-content: center;  align-items: center;}

.carousel-control-prev-icon{background-image:url('/components/com_atmo/assets/images/pdcv_2019/picto_arrow-gauche.svg');}
.carousel-control-next-icon{background-image:url('/components/com_atmo/assets/images/pdcv_2019/picto_arrow-droite.svg');}


/*MAP INDICE*/
.point {
	height:15px !important;
	width:15px !important;
	border-radius: 100%;
	border: 1px solid #ffffffdd;
    box-shadow: 1px 1px 3px 1px #67676791;
	background-color: #adadad;
}
.citymarker{
	width: 102px!important;
    height: 30px!important;
	margin-left:-41px!important;
}
.citymarker div.point{
	background-color:#fff;
	border-color:#000;
	margin: auto;
}
.citymarker div.city{
	color: #232323;
    font-size: 12px;
    text-align: center;
    text-shadow: 0px 1px 0px #efe9e1;
    font-weight: 500;
}
.citymarker div.bigpoint{
	white-space: nowrap;
    /* text-shadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em; */
    color: white;
    background-color: #aaaaaa;
    border-radius: 50%;
    width: 40px!important;
    height: 40px!important;
    text-align: center;
    line-height: 2rem;
    font-size: 1.5rem;
    border: 4px #aaaaaa solid;
    transition: all 0.3s ease;
	margin: auto;
	box-shadow: 1px 1px 3px 1px #00000030;
	font-family: 'Roboto', sans-serif;
}

.citymarker:hover div.bigpoint{
	width: 44px!important;
    height: 44px!important;
	font-size: 1.7rem;
	line-height:2.2rem;
}

.citymarker div.bigpoint.lvl-0  {border-color: #707070;background-color: #707070;}
.citymarker div.bigpoint.lvl-1  {border-color: #2E9B00;background-color: #2E9B00;}
.citymarker div.bigpoint.lvl-2  {border-color: #2E9B00;background-color: #2E9B00;}
.citymarker div.bigpoint.lvl-3  {border-color: #2E9B00;background-color: #2E9B00;}
.citymarker div.bigpoint.lvl-4  {border-color: #2E9B00;background-color: #2E9B00;}
.citymarker div.bigpoint.lvl-5  {border-color: #F4690B;background-color: #F4690B;}
.citymarker div.bigpoint.lvl-6  {border-color: #F4690B;background-color: #F4690B;}
.citymarker div.bigpoint.lvl-7  {border-color: #F4690B;background-color: #F4690B;}
.citymarker div.bigpoint.lvl-8  {border-color: #CE0000;background-color: #CE0000;}
.citymarker div.bigpoint.lvl-9  {border-color: #CE0000;background-color: #CE0000;}
.citymarker div.bigpoint.lvl-10 {border-color: #CE0000;background-color: #CE0000;}

.leaflet-popup-content{margin:10px;font-family: 'Roboto', sans-serif;min-width:100px;}
.leaflet-popup-content .indice_level span.qualif{font-weight:bold;font-size:16px;}
.leaflet-popup-content span.indice{font-weight:bold;font-size:16px;float:right;}

.leaflet-popup-content .indice_level.lvl-0 {color: #707070;}
.leaflet-popup-content .indice_level.lvl-1 {color: #2E9B00;}
.leaflet-popup-content .indice_level.lvl-2 {color: #2E9B00;}
.leaflet-popup-content .indice_level.lvl-3 {color: #2E9B00;}
.leaflet-popup-content .indice_level.lvl-4 {color: #2E9B00;}
.leaflet-popup-content .indice_level.lvl-5 {color: #F4690B;}
.leaflet-popup-content .indice_level.lvl-6 {color: #F4690B;}
.leaflet-popup-content .indice_level.lvl-7 {color: #F4690B;}
.leaflet-popup-content .indice_level.lvl-8 {color: #CE0000;}
.leaflet-popup-content .indice_level.lvl-9 {color: #CE0000;}
.leaflet-popup-content .indice_level.lvl-10{color: #CE0000;}

.leaflet-popup-content .alerte_title {font-size:1.2em;}
.leaflet-popup-content .alerte_level span.qualif{font-weight:bold;}
.leaflet-popup-content .alerte_level.lvl-0 {color: #2E9B00;}
.leaflet-popup-content .alerte_level.lvl-1 {color: #FFC800;}
.leaflet-popup-content .alerte_level.lvl-2 {color: #F4690B;}
.leaflet-popup-content .alerte_level.lvl-3 {color: #CE0000;}

#list_stations {
	position: relative;
	background: #FFF;
	width: auto;
	max-width: 800px;
	margin: 20px auto;
	z-index:9999;
}
#list_stations .heading{
	background: #334c93;
    color: white;
    padding: 9px;
    margin-bottom: 0;
}
#list_stations .content{
	padding:20px;
}
/*#list_stations .mfp-close{
    padding-right: 57px!important;
    background: transparent;
    opacity: 1;
    margin: 4px 0 42px;
    padding: 0px 40px;
    font-size: xx-large;
    color: white;
	box-shadow:none;
}*/
.list_station strong{color:#334c93;}
.mesure-list{
	background: #334c93;
    margin-bottom: 5px;
    color: white;
    padding: 5px 10px;
}
.station_mesures{width:100%;}
.station_img{width:250px;margin-bottom:15px;}
.station_mesures thead tr{
	color:white;
	background: #334c93;
}
.station_mesures tbody tr td{border: 1px solid black;}
.header-table-mesure{
	background: #28B5E5;
    text-transform: uppercase;
    padding: 2px 5px;
    color: white;
    margin-top: 10px;
    margin-bottom: -16px;
}
.sub_title{
	color: #334c93;
    border-bottom: 1px solid #909090;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

.map-alerte-labels {
	color: #FFF;
    background: transparent;
    border: none;
	text-align: center;
    box-shadow: none;
    font-size: 20px;
}
.map-alerte-labels:before {
	border: none;
}

.leaflet-touch .leaflet-bar a {
	color: #28B5E5;
	width: 35px;
    height: 35px;
}
.leaflet-control-locate-icon {
	background: url(../images/marker.svg) no-repeat center center;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0px auto;
}
.leaflet-control-locate-icon:before {
	display: none;
}
.leaflet-control-zoom-in {

}
.leaflet-control-zoom-out {

}
.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.leaflet-bar {
	border-radius: 8px
}

#legende-alerte .legende {
	/*height: 40px;*/
}
#legende-alerte .legende > div{
	margin-bottom:5px;
}
@media (max-width: 576px) {
	.citymarker div.bigpoint{
		width: 30px!important;
		height: 30px!important;
		text-align: center;
		line-height: 1.4rem;
		font-size: 1.1rem;
	}
}
@media (max-width: 1440px) {
	.map-alerte-labels { font-size:1.2em};
}
@media (max-width: 1024px) {
	.map-alerte-labels { font-size:1em};
}