﻿/* --------------------------------------------------- */
/* Composants divers */
/* --------------------------------------------------- */
html, body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	font: 10pt Arial,Verdana,Helvetica,Geneva,sans-serif !important;
}

#responsiveContainer {
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding-top: 90px;
}

@media (max-width: 992px) {
	#responsiveContainer {
		padding-top: 90px;
	}
}

@media (min-width: 992px) {
	#responsiveContainer {
		padding-top: 90px;
		float: right;
	}
}

@media (max-width: 767px) {
	#responsiveContainer {
		padding-top: 55px;
	}
}

.centerPane {
	padding: 0px;
	margin: 0px;
	border-width: 0px;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.Copyright {
	bottom: 2px;
}

#dockedLegend
{
	padding-bottom: 5px;
	border-bottom: 2px solid #dcdcdc !important;
}

.deleteAllResults
{
	font-family: 'topomaps';
	font-size: 12pt;
	font-weight: 100;
	padding: 0;
	width: 20px;
	margin-left: 4px;
}

.deleteAllResults:before
{
	content: '\ea73';
}

.deleteResults {
	position: absolute;
	top: 5px;
	right: 5px;
}

.tocTitle {
	padding: 6px;
}

.tocTitle span.titleIcon:before {
	font-family: topomaps;
	content: '\eae1';
	font-size: 10pt;
	font-weight: 100;
}

.tocTitle span.titleText {
	margin-left: 7px;
}

.dojoxExpandoClosed .tocTitle span.titleText {
	display: none;
}

.taskTitle {
	padding: 7px;
}

.taskTitle span.titleIcon:before {
	font-family: topomaps;
	content: '\e8d1';
	font-size: 14pt;
	font-weight: 100;
}

.taskTitle span.titleText {
	margin-left: 10px;
}

.alternateViewsTitle {
	padding: 7px;
}

.alternateViewsTitle span.titleIcon:before {
	padding: 2px;
	font-family: topomaps;
	content: '\eaae';
	font-size: 13pt;
	font-weight: 100;
}

.alternateViewsTitle span.titleText {
	margin-left: 5px;
}

.dojoxExpandoClosed .alternateViewsTitle span.titleText {
	display: none;
}

.extSearchButton {
	margin-left: 20px;
	background-color: #6d6767;
	height: 32px;
	margin-top: 14px;
	padding: 5px 16px !important;
}

.extSearchButton:active, .extSearchButton:focus {
	background-color: #6d6767 !important;
}

.dataPane .dijitTabPaneWrapper {
	overflow: auto;
}

.delAllSelected {
	font-size: 14pt;
	font-family: topomaps;
	cursor: pointer;
	float: right;
	display: table-cell;
	font-weight: 100;
	position: relative;
	right: 22px;
	top: -30px;
	background-color: transparent;
	margin: 5px 8px;
	margin-bottom: -20px;
}

.delAllSelected:before {
	content: '\e93d';
}

.legendMode {
	margin: 5px;
	margin-top: 4px;
}

.topomapsOffline #dynamicLegendControl{
	display: none;
}

.formContainer {
	padding: 5px !important;
}

.formLabel {
	margin: 1px 2px 1px 2px;
	padding: 1px;
	background-color: #dcdcdc;
}

.formValue {
	margin: 1px 2px 1px 2px;
	padding: 1px;
	background-color: #f5f5f5;
}

.newsLabel {
	font-weight: bold;
	color: #ffff00 !important;
	font-style: italic;
}

#Carte_ctxt_coords {
	display: none;
}

#fp_max_streetView {
	display: none;
}

@media (max-width: 767px) {
	.fp_toolbar.expanded {
		padding: 0 !important;
		height: 24px !important;
	}
	
	.scalesDiv {
		padding: 0 !important;
	}
}

.firstTitle {
	border-top: 2px solid #dcdcdc !important;
}

/* Dans le thème "Cadastre RDPPF", on a certaines légendes "vides" (blanc sur blanc) que l'on ne veut pas afficher, seulement le label */
.disableFilterBySymbols .noLegend {
	display: none;
}


/* --------------------------------------------------- */
/* Fenêtre d'interrogation alternative */
/* --------------------------------------------------- */

.infoTemplateLabel
{
	padding: 2px !important;
	font-style: italic;
	vertical-align: top;
	background-color: white;
	width: 45%;
}

.infoTemplateValue
{
	padding: 2px !important;
	vertical-align: top;
}

.infoTemplateButton
{
	padding-top: 10px;
	padding-bottom: 10px;
}


/* --------------------------------------------------- */
/* Panneaux amovibles */
/* --------------------------------------------------- */

.topomaps .dijitTitlePaneTitle
{
	padding-left: 5px !important;
	border-bottom: 2px solid #dcdcdc !important;
}

.dijitTitlePaneContentOuter {
	border-bottom: 2px solid #dcdcdc !important;
}

.topomaps .dijitTitlePane .dijitArrowNode
{
	float: right; 
	font-family: topomaps;
	font-size: 12px;
	margin-top: 2px;
	margin-right: 10px;
	color: #969696;
}

.topomaps .dijitTitlePane .dijitClosed .dijitArrowNode:before
{
	content: '\e882';
}

.topomaps .dijitTitlePane .dijitOpen .dijitArrowNode:before
{
	content: '\e885';
}

.topomaps .dijitTitlePaneTitle :hover .dijitArrowNode
{
	color: #7b7b7b;
}

.topomaps .dijitTitlePaneTitle .dijitArrowNode:hover
{
	color: #000000;
}

.ttCatalogMenuDropDownButton {
	right: 32px !important;
}


/* --------------------------------------------------- */
/* Sélecteur de thèmes */
/* --------------------------------------------------- */

.ttCatalogMenuDropDownButton {
	font-size: 10pt;
	text-align: left;
	padding: 0;
	display: table-cell;
	position: absolute;
	right: 6px;
	top: 4px;
}

.ttCatalogMenuDropDownButton .dijitButtonNode {
	background-color: #fff !important;
	border: 3px solid #fff !important;
	padding-right: 3px;
}

.ttCatalogMenuDropDownButton .dijitButtonText {
	padding: 0;
}

.ttCatalogMenuDropDownButton .dijitArrowButtonInner {
	background-color: #fff;
	background-image: none;
	border: medium none;
	height: 14px
}

.ttCatalogMenuDropDownButton .dijitArrowButtonInner:before {
	cursor: pointer;
	font-size: 15pt;
	font-weight: 100;
	line-height: 0.75em;
	font-family: topomaps;
	content: '\e93b';
}

#topomaps\/data\/Selector_0 .ttThemesDropDownButton .dijitButtonNode {
	background-color: #808080 !important;
	border: 2px solid #808080 !important;
	color: #fff;
	padding-right: 10px
}

#topomaps\/data\/Selector_0 .ttThemesDropDownButton .dijitButtonNode:hover {
	 background-color:#6d6767 !important;
	 border:2px solid #6d6767 !important
}

#topomaps\/data\/Selector_0 .ttThemesDropDownButton .dijitButtonText {
	padding: 5px;
	font-weight:bold
}

#topomaps\/data\/Selector_0 .ttThemesDropDownButton .dijitArrowButtonInner {
	background: none;
	padding: 0
}

.themeName > div.tt_mr-t {
	height: 0;
	padding: 0;
}

.themeName > div.tt_mr-t label {
	display: none;
}

.themeName > div.tt_mr-t label.tt_mr-oi {
	display: block;
	top: -21px;
}

.themeName .tt_mr-o {
	top: -6px;
}

/* --------------------------------------------------- */
/* Sélecteur de fonds de plan */
/* --------------------------------------------------- */

body:not(.compactThemes) #tb_Carte_Themes {
	background-image:url(/img/vignette_vide.png);
	background-repeat: no-repeat;
	background-position: bottom 50px right 4px;
	max-width: 254px;
}

@media (max-width: 767px) {
	body:not(.compactThemes) #tb_Carte_Themes {
		background-position: bottom 1px right 1px;
	}
	
	body:not(.compactThemes) #tb_Carte_mapnav, body:not(.compactThemes) #tb_Carte_Themes {
		top: 5px !important;
		padding: 0 !important;
	}
	
	body:not(.compactThemes) #tb_Carte_mapnav {
		width: 29px !important;
	}
	
	body:not(.compactThemes) #tb_Carte_Themes {
		max-width: 248px !important;
	}
	
	.compactThemes #tb_Carte_mapnav, .compactThemes #tb_Carte_Themes {
		padding: 0 !important;
	}
	
	.compactThemes #tb_Carte_mapnav {
		top: 5px !important;
		width: 29px !important;
		padding: 0 !important;
	}
	
	.compactThemes #tb_Carte_Themes {
		top: auto !important;
		bottom: 44px;
	}
	
	.compactThemes #tb_Carte_Themes .themeButton {
		display: block;
		min-width: 111px !important;
		margin: 0 !important;
	}
}

body:not(.compactThemes) .themeButton {
	height: 70px;
	width: 120px;
	background-position: 0px 26px;
	border: 1px solid gray !important;
	float: left;
}

body:not(.compactThemes) .themeButton:not(.themeButtonChecked) > span {
	background-color:#f5f5f5;
	width: 90%;
}

body:not(.compactThemes) .themeButton:not(.themeButtonChecked):hover > span {
	background-color: #ccc;
}

body:not(.compactThemes) .themeButton:hover {
	color:#000;
	opacity: 0.6;
}

body:not(.compactThemes) .themeButtonChecked {
	color:#fff !important;
}

body:not(.compactThemes) .themeButtonChecked:hover {
	//color:#000 !important;
}

body:not(.compactThemes) .CARTES_NB {
	background-image:url(/img/vignette_NB.png);
	background-repeat: no-repeat;
	color: #000;
}

body:not(.compactThemes) .CARTES_COULEUR {
	background-image: url(/img/vignette_couleurs.png);
	background-repeat: no-repeat;
	color: #000;
}

body:not(.compactThemes) .ORTHOIMAGES {
	background-image: url(/img/vignette_ortho.png);
	background-repeat: no-repeat;
	color: #000;
}

body:not(.compactThemes) .FOND_BLANC {
	background-image: url(/img/vignette_blanc.png);
	background-repeat: no-repeat;
	color: #000;
}

body:not(.compactThemes) .OMBRAGE {
	background-image: url(/img/vignette_relief.png);
	background-repeat: no-repeat;
	color: #000;
}

body:not(.compactThemes) .PLAN_SITUATION {
	background-image: url(/img/vignette_plan_situation.png);
	background-repeat: no-repeat;
	color: #000;
}

body:not(.compactThemes) .PLAN_RF_cache {
	background-image: url(/img/vignette_RF_NB.png);
	background-repeat: no-repeat;
	color: #000;
}

body:not(.compactThemes) .PLAN_RF_COULEUR_cache {
	background-image: url(/img/vignette_RF_couleurs.png);
	background-repeat: no-repeat;
	color: #000;
}


/* --------------------------------------------------- */
/* Surclassement des styles bootstrap */
/* --------------------------------------------------- */
.session-navbar .dropdown-menu {
	min-width: 0;
}

.icon-help {
	background: url('/img/question.png') no-repeat center center;
}

.icon-help a:hover,
.icon-help a:focus {
	background: url('/img/question_black.png') no-repeat center center;
}

.env .icon-help,
.env .icon-help a:hover,
.env .icon-help a:focus {
	background: url('/img/question_white.png') no-repeat center center;
}

.icon-contact {
	background: url('/img/mail.png') no-repeat center center;
}

.icon-contact a:hover,
.icon-contact a:focus {
	background: url('/img/mail_black.png') no-repeat center center;
}

.env .icon-contact,
.env .icon-contact a:hover,
.env .icon-contact a:focus {
	background: url('/img/mail_white.png') no-repeat center center;
}

.icon-portal {
	background: url('/img/map_location2.png') no-repeat center center;
}

.icon-portal a:hover,
.icon-portal a:focus {
	background: url('/img/map_location2_black.png') no-repeat center center;
}

.env .icon-portal,
.env .icon-portal a:hover,
.env .icon-portal a:focus {
	background: url('/img/map_location2_white.png') no-repeat center center;
}

.icon-logout {
	background: url('/img/door_exit.png') no-repeat center center;
}

.icon-logout a:hover,
.icon-logout a:focus {
	background: url('/img/door_exit_black.png') no-repeat center center;
}

.env .icon-logout,
.env .icon-logout a:hover,
.env .icon-logout a:focus {
	background: url('/img/door_exit_white.png') no-repeat center center;
}

.icon-info {
	background: url('/img/help.png') no-repeat center center;
}

.icon-info a:hover,
.icon-info a:focus {
	background: url('/img/help_black.png') no-repeat center center;
}

.env .icon-info,
.env .icon-info a:hover,
.env .icon-info a:focus {
	background: url('/img/help_white.png') no-repeat center center;
}

.icon-cantonal {
	background: url('/img/blason_FR.png') no-repeat center center;
}

.icon-cantonal a:hover,
.icon-cantonal a:focus {
	background: url('/img/blason_FR_black.png') no-repeat center center;
}

.env .icon-cantonal,
.env .icon-cantonal a:hover,
.env .icon-cantonal a:focus {
	background: url('/img/blason_FR_white.png') no-repeat center center;
}

.icon-federal {
	background: url('/img/blason_CH.png') no-repeat center center;
}

.icon-federal a:hover,
.icon-federal a:focus {
	background: url('/img/blason_CH_black.png') no-repeat center center;
}

.env .icon-federal,
.env .icon-federal a:hover,
.env .icon-federal a:focus {
	background: url('/img/blason_CH_black.png') no-repeat center center;
}

.env  #top-header .icon-gearwheel,
.env  #top-header .icon-gearwheel:hover,
.env  #top-header .icon-gearwheel:focus {
	background: url('/img/gearwheel_white.png') no-repeat center center;
}

.env .session-navbar .navbar-nav > a,
.env .session-navbar .navbar-nav > .open > a,
.env .session-navbar .navbar-nav > li > a,
.env .session-navbar .dropdown-menu > li > a {
	color: #FFFFFF !important;
}

.env .session-navbar .navbar-nav > .dropdown > a .caret {
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
}

/* Développement */
.env-dev .session-navbar .navbar-nav > .active > a:hover,
.env-dev .session-navbar .navbar-nav > li > a:hover,
.env-dev .session-navbar .navbar-nav > li > a:focus {
	background-color: #2488CB;
}

.env-dev .session-navbar .navbar-nav > .active > a,
.env-dev .session-navbar .navbar-nav > .open > a,
.env-dev .session-navbar .navbar-nav > .open > a,
.env-dev .session-navbar .navbar-nav > .open > a:hover,
.env-dev .session-navbar .navbar-nav > .open > a,
.env-dev .session-navbar .navbar-nav > .open > a:hover,
.env-dev .session-navbar .navbar-nav > .open > a:focus {
	background-color: #2488CB;
}

.env-dev .session-navbar .dropdown-menu {
	background-color: #2488CB;
	border: 1px solid #2488CB;
}

.env-dev #session-menu,
.env-dev .session-navbar .dropdown-menu > li > a:hover,
.env-dev .session-navbar .dropdown-menu > li > a:focus {
	background-color: #3498DB;
}

@media (max-width: 767px) {
	.env-dev #top-menu {
		background-color: #3498DB;
	}
}

.env-dev .session-navbar .nav-divider {
	background-color: #1478bb !important;
}

.env-dev #top-header .icon-gearwheel {
	background-color: #3498DB;
}

.env-dev #top-header .icon-gearwheel:hover,
.env-dev #top-header .icon-gearwheel:focus {
	background-color: #2488CB;
}

/* Intégration */
.env-int .session-navbar .navbar-nav > .active > a:hover,
.env-int .session-navbar .navbar-nav > li > a:hover,
.env-int .session-navbar .navbar-nav > li > a:focus {
	background-color: #1EBC61;
}

.env-int .session-navbar .navbar-nav > .active > a,
.env-int .session-navbar .navbar-nav > .open > a,
.env-int .session-navbar .navbar-nav > .open > a,
.env-int .session-navbar .navbar-nav > .open > a:hover,
.env-int .session-navbar .navbar-nav > .open > a,
.env-int .session-navbar .navbar-nav > .open > a:hover,
.env-int .session-navbar .navbar-nav > .open > a:focus {
	background-color: #1EBC61;
}

.env-int .session-navbar .dropdown-menu {
	background-color: #1EBC61;
	border: 1px solid #1EBC61;
}

.env-int #session-menu,
.env-int .session-navbar .dropdown-menu > li > a:hover,
.env-int .session-navbar .dropdown-menu > li > a:focus {
	background-color: #2ECC71;
}

@media (max-width: 767px) {
	.env-int #top-menu {
		background-color: #2ECC71;
	}
}

.env-int .session-navbar .nav-divider {
	background-color: #0EAC51 !important;
}

.env-int #top-header .icon-gearwheel {
	background-color: #2ECC71;
}

.env-int #top-header .icon-gearwheel:hover,
.env-int #top-header .icon-gearwheel:focus {
	background-color: #1EBC61;
}

/* Référence */
.env-ref .session-navbar .navbar-nav > .active > a:hover,
.env-ref .session-navbar .navbar-nav > li > a:hover,
.env-ref .session-navbar .navbar-nav > li > a:focus {
	background-color: #E1B400;
}

.env-ref .session-navbar .navbar-nav > .active > a,
.env-ref .session-navbar .navbar-nav > .open > a,
.env-ref .session-navbar .navbar-nav > .open > a,
.env-ref .session-navbar .navbar-nav > .open > a:hover,
.env-ref .session-navbar .navbar-nav > .open > a,
.env-ref .session-navbar .navbar-nav > .open > a:hover,
.env-ref .session-navbar .navbar-nav > .open > a:focus {
	background-color: #E1B400;
}

.env-ref .session-navbar .dropdown-menu {
	background-color: #E1B400;
	border: 1px solid #E1B400;
}

.env-ref #session-menu,
.env-ref .session-navbar .dropdown-menu > li > a:hover,
.env-ref .session-navbar .dropdown-menu > li > a:focus {
	background-color: #F1C40F;
}

@media (max-width: 767px) {
	.env-ref #top-menu {
		background-color: #F1C40F;
	}
}

.env-ref .session-navbar .nav-divider {
	background-color: #D1A400 !important;
}

.env-ref #top-header .icon-gearwheel {
	background-color: #F1C40F;
}

.env-ref #top-header .icon-gearwheel:hover,
.env-ref #top-header .icon-gearwheel:focus {
	background-color: #E1B400;
}

/* Qualité */
.env-qa .session-navbar .navbar-nav > .active > a:hover,
.env-qa .session-navbar .navbar-nav > li > a:hover,
.env-qa .session-navbar .navbar-nav > li > a:focus {
	background-color: #D66E12;
}

.env-qa .session-navbar .navbar-nav > .active > a,
.env-qa .session-navbar .navbar-nav > .open > a,
.env-qa .session-navbar .navbar-nav > .open > a,
.env-qa .session-navbar .navbar-nav > .open > a:hover,
.env-qa .session-navbar .navbar-nav > .open > a,
.env-qa .session-navbar .navbar-nav > .open > a:hover,
.env-qa .session-navbar .navbar-nav > .open > a:focus {
	background-color: #D66E12;
}

.env-qa .session-navbar .dropdown-menu {
	background-color: #D66E12;
	border: 1px solid #D66E12;
}

.env-qa #session-menu,
.env-qa .session-navbar .dropdown-menu > li > a:hover,
.env-qa .session-navbar .dropdown-menu > li > a:focus {
	background-color: #E67E22;
}

@media (max-width: 767px) {
	.env-qa #top-menu {
		background-color: #E67E22;
	}
}

.env-qa .session-navbar .nav-divider {
	background-color: #C65E02 !important;
}

.env-qa #top-header .icon-gearwheel {
	background-color: #E67E22;
}

.env-qa #top-header .icon-gearwheel:hover,
.env-qa #top-header .icon-gearwheel:focus {
	background-color: #D66E12;
}

/* Pré-production */
.env-pre-prod .session-navbar .navbar-nav > .active > a:hover,
.env-pre-prod .session-navbar .navbar-nav > li > a:hover,
.env-pre-prod .session-navbar .navbar-nav > li > a:focus {
	background-color: #D73C2C;
}

.env-pre-prod .session-navbar .navbar-nav > .active > a,
.env-pre-prod .session-navbar .navbar-nav > .open > a,
.env-pre-prod .session-navbar .navbar-nav > .open > a,
.env-pre-prod .session-navbar .navbar-nav > .open > a:hover,
.env-pre-prod .session-navbar .navbar-nav > .open > a,
.env-pre-prod .session-navbar .navbar-nav > .open > a:hover,
.env-pre-prod .session-navbar .navbar-nav > .open > a:focus {
	background-color: #D73C2C;
}

.env-pre-prod .session-navbar .dropdown-menu {
	background-color: #D73C2C;
	border: 1px solid #D73C2C;
}

.env-pre-prod #session-menu,
.env-pre-prod .session-navbar .dropdown-menu > li > a:hover,
.env-pre-prod .session-navbar .dropdown-menu > li > a:focus {
	background-color: #E74C3C;
}

@media (max-width: 767px) {
	.env-pre-prod #top-menu {
		background-color: #E74C3C;
	}
}

.env-pre-prod .session-navbar .nav-divider {
	background-color: #C72C1C !important;
}

.env-pre-prod #top-header .icon-gearwheel {
	background-color: #E74C3C;
}

.env-pre-prod #top-header .icon-gearwheel:hover,
.env-pre-prod #top-header .icon-gearwheel:focus {
	background-color: #D73C2C;
}


/* --------------------------------------------------- */
/* Surclassement des styles TopoMaps */
/* --------------------------------------------------- */
.style-CHA .dijitSplitter:hover, .style-CHA #leftPanel #leftSplitbar:hover, .style-CHA #rightPanel #rightSplitbar:hover {
	background-color: #40b0a1;
}

.style-DAEC .dijitSplitter:hover, .style-DAEC #leftPanel #leftSplitbar:hover, .style-DAEC #rightPanel #rightSplitbar:hover {
	background-color: #408f6d;
}

.style-DEE .dijitSplitter:hover, .style-DEE #leftPanel #leftSplitbar:hover, .style-DEE #rightPanel #rightSplitbar:hover {
	background-color: #406199;
}

.style-DFIN .dijitSplitter:hover, .style-DFIN #leftPanel #leftSplitbar:hover, .style-DFIN #rightPanel #rightSplitbar:hover {
	background-color: #8c6bc9;
}

.style-DIAF .dijitSplitter:hover, .style-DIAF #leftPanel #leftSplitbar:hover, .style-DIAF #rightPanel #rightSplitbar:hover {
	background-color: #b15a6f;
}

.style-DICS .dijitSplitter:hover, .style-DICS #leftPanel #leftSplitbar:hover, .style-DICS #rightPanel #rightSplitbar:hover {
	background-color: #b452a7;
}

.style-DSAS .dijitSplitter:hover, .style-DSAS #leftPanel #leftSplitbar:hover, .style-DSAS #rightPanel #rightSplitbar:hover {
	background-color: #407ac7;
}

.style-DSJ .dijitSplitter:hover, .style-DSJ #leftPanel #leftSplitbar:hover, .style-DSJ #rightPanel #rightSplitbar:hover {
	background-color: #738f9e;
}

.style-GC .dijitSplitter:hover, .style-GC #leftPanel #leftSplitbar:hover, .style-GC #rightPanel #rightSplitbar:hover {
	background-color: #beb8b3;
}

.style-PJ .dijitSplitter:hover, .style-PJ #leftPanel #leftSplitbar:hover, .style-PJ #rightPanel #rightSplitbar:hover {
	background-color: #408692;
}
