@charset "UTF-8";
/*
Theme Name: MRT FT29
Author: Cibles & Stratégies
*/

/*----------------------------------------------------------*/
/* BASE														*/
/*----------------------------------------------------------*/

/*html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }*/
#carte #map { width: 100%; height: 100%; }
#carte #module_carte-interactive{position:absolute;top:0;left:0; width:100%;}
#carte #bt_mrt_criteres{ position:absolute; top:20px; left:20px; z-index:99999;}


/*----------------------------------------------------------*/
/* ADAPTATION DE LA BASE									*/
/*----------------------------------------------------------*/
/*body {background-color: #e6e6e6;}*/

.carte-interactive, .carte-interactive #content-left {
    padding: 0;
    width: 100% !important;
}
.carte-interactive #content-right {
	display:none;
}
#content-main.carte-interactive {
    margin: 0 0 -30px;
}
#carte {
    height: 600px;
    position: relative;
}
.carte-interactive #content-left h1 {
    padding-left: 20px;
}
#carte #map {
    float: right;
	z-index:3;
	position:relative;
	-webkit-transition-property: width; /* Safari */
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-property: width;
    transition-duration: 0.4s;
	width:70%;
}
#carte #module_carte-interactive {
	background-color: #ededed;
    bottom: 0;
    max-width: 500px;
    min-height: 600px;
    overflow-y: scroll;
    width: 30%;
    z-index: 4;
}
#carte #bt_mrt_criteres {
    border-radius: 0 5px 5px 0;
    height: 37px;
    left: 0;
    margin: -20px 0 0;
    padding: 10px 7px;
    position: absolute;
    top: 50%;
    transition-duration: 0.4s;
    transition-property: all;
    width: inherit;
    z-index: 10;
	-webkit-transition-property: all; /* Safari */
    -webkit-transition-duration: 0.4s; /* Safari */
}
#carte #bt_mrt_criteres.bt_onglet:after {
    font-size: 30px;
    margin: 0;
    padding: 0;
}
#carte #bt_mrt_criteres.bt_onglet.ouvert:after {
    content: "<";
    margin-left: 0;
    transform: rotate(0deg);
}
#carte #bt_mrt_criteres.bt_onglet.ouvert {
    left: 30%;
}
#carte #filters {
    background-color: transparent;
    display: inherit;
    padding: 73px 0 17px 20px;
}
#carte #filters {
    padding: 0;
}
#carte #filters h2 {
    margin: 10px 10px 0;
}
#carte #f_mrt_territoires {
    background-color: transparent;
    margin: 5px 10px 10px;
    padding: 0;
    width: inherit;
}
#carte #f_mrt_territoires > div > svg {
    background-image: url("../images/FT29-carte-territoires-400.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: top left;
	background-size:cover;
    cursor: pointer;
    width: 98%;
}
#carte .ui-widget {
    top: 10px;
    width: 75%;
}
#carte .bt_onglet {
    color: #fff;
    float: inherit;
    font-size: 17px;
	
}
#carte .bt_onglet:after, #carte #tabs > ul > li > a:after {
    color: #fff;
}
#carte .list_filtre_flux .bt_onglet {
    margin: 0 10px 5px;
    width:90%;
	width: -moz-available;
}
#carte .flux {
    margin: 0 10px 20px;
	float:left;
}
#carte .list_filtre_criteres {
    float: left;
    max-height: inherit;
    max-width: inherit;
	margin: 0 0 10px 0;
    min-height: inherit;
	height:inherit;
	width:inherit;
    overflow: inherit;
}
#carte .ui-widget-content {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #aaaaaa;
    border-radius: 0;
    color: #222222;
    left: 0;
    top: 0;
    width: 15%;
}
#carte .ui-widget .ui-menu-item:after {
    content: "";
}
#carte .ui-menu .ui-menu-item {
    list-style-image: none;
}
#carte .ui-state-hover .ui-state-focus {
	background-color:#fff;
}
#carte #filters li {
    float: left;
    margin: 4px 4px 0 0;
    padding: 3px 8px;
    width: inherit;
}
#carte #filters li.cocher {
    padding: 3px 24px 3px 8px;
}
#carte .cocher:after {
    top: -14px;
}
#carte #filters li span img {
    margin: 0 3px 0 0;
}

/*----------------------------------------------------------*/
/* ADAPTATION GRANDS ECRANS									*/
/*----------------------------------------------------------*/

@media only screen and (min-width: 1500px) and (max-width: 3000px) {
	#carte #map {width:80%;}
	#carte #module_carte-interactive {width: 20%;}
	#carte {height: 800px;}
}