#legend_geo{

	border-radius:5px;

	color:#ddd;

	padding:10px;

	

	

	position:fixed;

	display:none;

	background:rgba(0,0,0,0.7); 

	width:170px;

	height:auto;

	z-index:999;bottom:60px;

	right:5px;

	text-align:left;

	max-height: 210px;

	overflow:hidden;

}



#info_geo{

	border-radius:5px;

	color:#ddd;

	padding:10px;



	

	position:fixed;

	display:none;

	background:rgba(0,0,0,0.7); 

	width:170px;

	height:auto;

	z-index:999;bottom:60px;

	left:5px;

	text-align:left;

	max-height: 300px;

	overflow:hidden;

}



#map_geo {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    z-index: 9;

    background: #000;

}

#map_region {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    z-index: 9;

    background: #000;

    left:0;

}

#map_region_home {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    z-index: 9;

    background: #000;

    left:0;

}


#headerDiv {

    color: rgb(221, 221, 221);

    padding: 0px;

    font-size: 20px;

    position: fixed;

    display: block;

    left: 0px;

    top: 0px;

    

    width: 100%;

    height: 60px;

    z-index: 1;

}





.appel_pays, .appel_region, .appel_aoc, .appel_vin, .appel_categorie, .appel_cepage, .appel_appellation

{

	cursor:pointer;

}





.txt_legend{

	position:absolute;

	

}



.region_legend{

	text-align:right;



}

.clr_legend{

	display:inline-block;

	width:10px;

	height:10px;

	margin:5px;

	border-radius:3px;

	border:1px solid #ffffff;

	position:relative;

	

}



#popup_mpa {

    border-radius: 15px;

    color: rgb(221, 221, 221);

    padding: 10px;

  

    position: absolute;

    display: block;

    background: rgba(0, 0, 0, 0.8);

    width: 550px;

    height: 150px;

    z-index: 999;

	top: calc(50% - 75px)!important;

    left: calc(50% - 275px)!important;

    text-align: center;

}



#legend_geo_content {

    border-radius: 5px;

    color: #ddd;

    padding: 10px;

   

  

    position: relative;

    display: block;

    width: 170px;

    height: 300px;

    z-index: 999;

    right: 5px;

    text-align: left;

    max-height: 140px;

    overflow-y: auto;

   

}



.region_legend {

    text-align: left;

  

}



#info_geo_content {

    border-radius: 5px;

    color: #ddd;

    padding: 10px;

   

  

    position: relative;

    display: block;

    width: 170px;

    height: auto;

    z-index: 999;

    right: 5px;

    text-align: left;

    max-height: 200px;

    overflow-y: auto;

   

}



#info_geo_content .mCustomScrollBox>.mCSB_scrollTools {

    width: 16px;

    height: 100%;

    top: 0;

    right: -7px;

}



#popup_mpa  hr {

    margin-top: 0px;

    margin-bottom: 0px;

    border: 0;

    border-top: 1px solid #eee;

    width: 85%;

    left: 0;

    margin-left: 0;

}



#info_geo_content hr{

    margin-top: 5px;

    margin-bottom: 5px;

    border: 0;

    border-top: 1px solid #eee;

    width: 85%;

    left: 0;

    margin-left: 0;

}



#page_vin_geo {

    position: relative;

    width: 95%;

    height: 70%;

    padding: 0;

    margin: 0;

    z-index: 9;

    margin: auto;

    background: rgba(0,0,0,0.8);

    text-align: left;

    border-radius: 10px;

    display: none;

    padding-bottom: 20px;

	height: calc(100% - 110px)!important;

	top: 60px!important;

	overflow: hidden;

    padding-top: 20px;

    padding-bottom: 20px;

    padding-left: 10px;

}



#close_wine {

    text-align: center;

    position: absolute;

    float: right;

    top: 5px;

    right: 10px;

    cursor: pointer;

    border: 1px solid #fff;

    border-radius: 15px;

    width: 30px;

    height: 30px;

    font-size: 20px;

    padding-top: 4px;

}



.titre_vin_geo

{font-size:40px;}



#page_vin_geo_content {

    position: relative;

    width: 100%;

    height: 90%!important;

    padding: 5px;

    margin: 0;

    z-index: 9;

    margin: auto;

    text-align: left;

   

}





@media (max-width: 767px) {

    #info_geo {

        display:none!important;

    }

    #popup_mpa {

        width: 360px!important;

        top: 60px!important;

        left: calc(50% - 180px)!important;

    }

    .titre_vin_geo {

        font-size: 20px;

    }

    

    #popup_mpa hr{

        width:100%;

    }



    #popup_mpa p{

        left:0;

     }



}