/* Main wrapper */
#main {
	height: 100%;
}

#contentDisplay > .dijitTabPaneWrapper  {
	overflow-x: hidden;
}

.navbar-fixed-top {
	z-index: 999;
}

.dropdown-toggle .glyphicon {
	font-size: 8px;
	margin-left: 2px;
}

/* Search bar */
.search {
	color: #000;
}

.search > div {
	display: inline-block;
	width: 300px;
	height: 20px;
	margin-left: 0px;
	font-size: 9pt;
}

.search .ttDijitTyping::before {
	padding: 7px 12px !important;
}

.search .ttDijitLoading:before {
	padding: 7px 10px 7px 11px !important
}

.search .ttDijitNoResult:before {
	padding: 7px 14px !important
}

/* Left lateral menu closed */
#left.dojoxExpandoClosed {
	min-width: 1px;
}

/* Title of the left lateral menu */
#firstTitle_pane {
	padding-top: 5px !important;
}

/* Text "Informations dépourvues de foi publique" */
#mapBottomLayer_Carte_Warning {
	position: absolute;
}

/* iPhone4, Nokia Lumia */
@media (min-width: 320px) and (max-width: 359px) {
	.search > div {
		width: 167px;
	}
}

/* BlackBerry Z30, Nexus 5 */
@media (min-width: 360px) and (max-width: 374px) {
	.search > div {
		width: 207px;
	}
}

/* iPhone 6 */
@media (min-width: 375px) and (max-width: 383px) {
	.search > div {
		width: 222px;
	}
}

/* Nexus 4 */
@media (min-width: 384px) and (max-width: 411px) {
	.search > div {
		width: 231px;
	}
}

/* Nexus 6 */
@media (min-width: 412px) and (max-width: 413px) {
	.search > div {
		width: 259px;
	}
}

/* iPhone 6+ */
@media (min-width: 414px) and (max-width: 766px) {
	.search > div {
		width: 261px;
	}
}

@media (max-width: 767px) {
	/* Left lateral menu */
	#left {
		width: 100%;
		min-width: auto !important;
	}

	/* Layer options */
	.tt_mr-t .tt_mr-oi {
		display: block !important
	}
	
	[id^=tt_mr-legend] .tt_mr-oi {
		display: none !important;
	}

	/**
	 * Hides some elements:
	 * - Vertical bar to resize the lateral menus
	 * - Breadcrumb on the map
	 * - Result panel
	 * - Coordinates
	 */
	#left_splitter, #right_splitter,
	#tb_Carte_breadcrumbs,
	#taskPane_splitter,
	#mapCoordinates_Carte {
		display: none !important;
	}

	/* Texte d'avertissement sur la foi publique */
	#mapBottomLayer_Carte_Warning {
		top: 10px;
		right: 6px;
	}

	/* Copyright */
	#crt_Carte {
		left: auto !important;
		right: 6px !important;
	}

	/* Pop-up */
	.fp_dialog {
		top: 55px !important;
		left: 0px !important;
		max-width: 100% !important;
	}

	/* Add data pop-up */
	#tt_fp_addDataPanel, #content_div_addDataPanel,
	[id^=tt_fp_ProfileFrm_], [id^=content_div_ProfileFrm_] {
		width: 100% !important;
	}

	#title_cell_Carte__infoWindow {
		position: relative;
	}

	#fp_content_row_Carte__infoWindow, #content_cell_Carte__infoWindow, #content_div_Carte__infoWindow {
		width: 100% !important;
	}

	#tb_Carte_drawing.expanded {
		width: 302px !important;
	}

	#t_sep_drawing_Carte {
		display: none !important;
	}
	
	/* Attributaire table */
	[id^=tt_fp_Attr_ADDED_MR_THEME_], [id^=content_div_Attr_ADDED_MR_THEME_] {
		width: 100% !important;
	}
	
	[id^=content_cell_Attr_ADDED_MR_THEME_] {
		display: block !important;
		width: 100% !important;
	}
}

@media (min-width: 768px) {
	/* Search bar */
	.search {
		padding: 14px 16px;
	}

	/* Left lateral menu */
	#left {
		min-width: 300px;
		width: 300px;
	}

	/* Rights lateral menu */
	#right {
		width: 450px;
	}

	/* Result panel */
	#taskPane {
		height: 200px;
		-webkit-user-select: none;
		-moz-user-select: none;
	}

	/* Vue alternative supérieure. En général, vue d'ensemble */
	#topAlternateView {
		height: 250px;
	}

	/* Text "Informations dépourvues de foi publique" */
	#mapBottomLayer_Carte_Warning {
		bottom: 2px;
		left: 45%;
	}
}

@media (min-width: 1281px) {
	/* Left lateral menu */
	#left {
		min-width: 16.66666667%;
		width: 16.66666667%;
	}
}

/* ------------------------------------------------------------------------- */
/* Gestion corrigée des panneaux latéraux */
/* ------------------------------------------------------------------------- */

/* Panneau latéral gauche */
#leftPanel
{
	width: 324px;
	float: left;
	height: 100%;
	transition-timing-function: ease-in;
}
#leftPanel #leftPanelContainer
{
	height: 100%;
	width: calc(100% - 5px);
	float: left;
}
#leftPanel #leftPanelContainer .leftPanelTitle
{
	padding: 2px 8px;
	height: 39px;
	width: 100%;
	background-color: #f5f5f5;
	line-height: 36px;
}
#leftPanel #leftPanelContainer #leftPanelTitleIcon:before
{
	font-family: topomaps;
	content: '\eae0';
	font-size: 11pt;
	font-weight: 100;
	position: relative;
	padding-right: 10px;
}
#leftPanel #leftPanelContainer #leftPanelContent
{
	overflow: auto;
	height: 100%;
	width: 100%;
}
#leftPanel #leftPanelContainer #leftPanelContent #dataToc
{
	padding: 0 17px;
}
#leftPanel #leftSplitbar
{
	background-color: #dcdcdc;
	height: 100%;
	float: right;
	width: 5px;
	cursor: w-resize;
}
@media (max-width:767px)
{
	#leftPanel
	{
		width: 0;
	}
}
@media (max-width:380px)
{
	#leftPanel.open
	{
		width: calc(100% - 80px) !important;
	}
}

/* Panneau latéral droit */
#rightPanel
{
	width: 0px;
	float: right;
	height: 100%;
	transition-timing-function: ease-in;
}
#rightPanel #rightPanelContainer
{
	height: 100%;
	width: calc(100% - 5px);
	float: left;
}
#rightPanel #rightPanelContainer .rightPanelTitle
{
	padding: 2px 8px;
	height: 39px;
	width: 100%;
	background-color: #f5f5f5;
	line-height: 36px;
}
#rightPanel #rightPanelContainer #rightPanelTitleIcon:before
{
	font-family: topomaps;
	content: '\eae0';
	font-size: 11pt;
	font-weight: 100;
	position: relative;
	padding-right: 10px;
}
#rightPanel #rightPanelContainer #rightPanelContent
{
	overflow: auto;
	height: 100%;
	width: 100%;
}
#rightPanel #rightSplitbar
{
	background-color: #dcdcdc;
	height: 100%;
	float: left;
	width: 5px;
	cursor: w-resize;
}
@media (max-width:470px)
{
	#rightPanel
	{
		width: 0;
	}
}
@media (max-width:380px)
{
	#rightPanel.open
	{
		width: calc(100% - 80px) !important;
	}
}

/* Panneau central */
#centerPanel
{
	height: 100%;
	overflow: hidden;
}
#centerPanel.overlay
{
	background-color: rgba(0,0,0,.5);
}

/* Boutons d'ouverture/fermeture */
#tb_Carte_leftPanelTb, #tb_Carte_rightPanelTb {
	padding: 2px;
	background-color: #f5f5f5;
}
@media (max-width: 767px) {
	#tb_Carte_rightPanelTb {
		display: none;
	}
}
#tb_Carte_leftPanelTb
{
	border-radius: 0 10px 10px 0;
}
#tb_Carte_rightPanelTb {
	border-radius: 10px 0 0 10px;
}
.openLeft, .openRight, .closeLeft, .closeRight {
	font-family: "topomaps";
	font-size: 13pt;
	line-height: 1.2em;
	color: #7b7b7b;
}
.openLeft, .closeLeft {
	padding: 4px 7px;
}
.openRight, .closeRight {
	padding: 4px 9px;
}
.openLeft:hover, .openRight:hover, .closeLeft:hover, .closeRight:hover {
	color: #000000;
}
.openLeft:before {
	content: "\e884";
}
.openRight:before {
	content: "\e883";
}
.closeLeft:before {
	content: "\e883";
}
.closeRight:before {
	content: "\e884";
}