/* ----------------------------------
       Feuille de style SDAASP
   ---------------------------------- */

   html, body{
	margin:0;
	padding:0;
  }
  
  /* Balise générales */
  
	  h1 { margin:0 0 2px 0 }
	  
	  ul {
		  border:none;
	  }
	  ul.tilelist li div {
		  font-size: 10px;
	  }
	  
	  li:before {
		  content: none;
	  }
	  
	  div {
		  font-family: Raleway !important;
		  font-size : 14px;
		  /* line-height: 100%; */
	  }



.ongletTitle{
	display:none !important;
}
  

@media (min-width: 700px){
	/* config size desktop*/
.map{
	width: 70% !important;

}

.linkImgLogo{
	position: absolute;
	z-index: 5;
	height: 200px;
	width: 200px;
}

#map{
	height: 100% !important;
	width: 100% !important;
}

#map_gc{
	height: 100% !important;
	width: 100% !important;
}

#map_defaultBasemap{
	height: 100% !important;
	width: 100% !important;
}

#map_root{
	height: 100% !important;
	width: 100% !important;
}
.swiper-slide .swiper-slide-active{
	width: 30% !important;
	overflow: auto;
	height: calc(100vh -250px);
	overflow: auto;
}
#header{
	width: 100%;
}

.detailContainer .swiper-container .swiper-container-horizontal .swiper-container-android{
	height: 100%;
	width: 100%;
}
.swiper-slide .swiper-slide-active{
	height: 100%;
	width: 100%;
	overflow: auto;
}
.detailView .swiper-wrapper{
	height: 100%;
}
.containerLayerTile{
	height: 100% !important;
	width: 100% !important;
}
.imgMap{
	height: 100% !important;
	width: 100% !important;
}
#SDAASP_Export_WebSIG_2950_copy_layer{
	width: 66% !important;
	height: 87.5% !important;
}
#SDAASP_Export_WebSIG_2950_copy_copy_layer{
	width: 66% !important;
	height: 87.5% !important;
}
.swiper-slide .swiper-no-swiping .swiper-slide-active{
	width: 30% !important;
	overflow: auto;
	height: calc(100vh -250px) !important;
}
#map_layers{
	overflow: hidden;
}
}

@media (max-width: 1000px){
	/* config size mobile*/
	#map_root{
		height: 100% !important;
	}
	#map{
		height: 100% !important;
	}
	#mobileThemeBar{
		z-index: 35;
	}
}


#mobileThemeBarSlider{
	width: 100% !important;
}

/* --- Afficher / Masquer le bouton RECHERCHE -------------- */  
#ClickThemesMobile, #ClickQuestionsMobile {
    width: 50% !important; 
}
#ClickSearchMobile {
    display: none !important;
}
/* --------------------------------------------------------- */
  
  /* CUSTOM CSS RULES */
	  .detailPictureDiv {
		  /* display: inline-block; */
		  float:right;
	  }
	  
	  .detailPictureDiv img{
		  max-width: 150px !important;
		  max-height: 150px !important;
		  margin-right: 5px;
  
	  }
	  
	  .entries a {
		  text-decoration:none;
	  
	  }
	  
	  .textArea {
		  padding-top: 10px;
		  padding-left: 16px;
		  width: 70%;
	  }
  
	  .shortDesc{
		  display: inline-block;
	  }
  
	  .shortDesc, .detailFeatureDesc {
		  font-family: Raleway;
		  font-size: 14px !important;
		  line-height: 180%;
		  color:	rgb(51,51,51);
		  margin-top: 20px;
		  margin-bottom: 10px;
  
	  }
	  
	  .shortDesc a, .detailFeatureDesc a, .website a {
		  color: rgb(51, 51, 51) !important;
		  font-size: auto;
		  font-weight: medium;
		  text-decoration: underline rgb(51, 51, 51) !important;
	  }
	  
	  .textsoulign {text-decoration: underline; }
  
	  #rech_simple{
  
	  }
  
  
  /* Select */
	  #selectType, #selecteurQ, #searchBar{
		  margin: 10px 10px 0 0; 
		  background-color: rgb(65,150,212);
		  color: #fff;
	  }
	  
	  #selectType{
		  display: inline-table;  /* inline-block */
		  padding: 0px 3px;
		  width:150px;
	  }
	  
	  #selecteurQ, #searchBar{
		  display: inline-table;  /* inline-block */
		  width: 50%;
		  padding: 0px 3px;
		  min-width:300px;		
	  }
	  
	  #selecteurQ {
		  display: none;
		  /* width:100%; */
	  }
	  #listeServices, #barreRecherche {
		  display: none;
		  /* width:100%; */
	  }
	  
	  #LegendeLogo {
		  vertical-align:top;
	  }	
	  
	  /*
	  .select{
		  height: 33em;
		  font-size: 10pt;
		  margin-top: 5px;
		  padding: 0 60pt 0 10pt;
		  -webkit-appearance: none;
			  -moz-appearance: none;
			  -ms-appearance: none;
			  -o-appearance: none;
			  appearance: none;
		  cursor: pointer;
		  color: #2C75A9;
		  border-bottom: 6px rgba(0, 0, 0, 0.1) solid;
		  background: url("resources/tpl/viewer/icons/Fleche.png") 95% / 7% no-repeat #E6E6E0;
		  -o-transition: all .2s ease-in-out;
		  -ms-transition: all .2s ease-in-out;
		  -moz-transition: all .2s ease-in-out;
		  -webkit-transition: all .2s ease-in-out;
		  transition: all .2s ease-in-out;
	  }
	  
	  #searchBar{
		  height: 3em;
		  width: 325px;
		  font-size: 10pt;
		  margin-top: 5px;
		  padding: 0 50pt 0 10pt;
		  cursor: text;
		  color: #2C75A9;
		  border-bottom: 6px rgba(0, 0, 0, 0.1) solid;
		  -o-transition: all .2s ease-in-out;
		  -ms-transition: all .2s ease-in-out;
		  -moz-transition: all .2s ease-in-out;
		  -webkit-transition: all .2s ease-in-out;
		  transition: all .2s ease-in-out;
		  background-color: #E6E6E0;
	  }
	  .select::-ms-expand { 
		  display: none; / *Removing standard arrow on IE* /
	  }
	  .select:hover {
		  background: url("resources/tpl/viewer/icons/Fleche.png") 95% / 7% no-repeat #E6E6E0;
		  border-bottom: 6px rgba(0, 0, 0, 0.2) solid;
	  }
	  */
  
  /* Option */
	  .select option {
		  border: none;
		  background-color: rgb(65,150,212);
		  color: #fff;
	  }
	  .select option:hover {
		  background-color: rgba(44,152,222,0.8);
	  }
	  .select option:checked {
		  background-color: rgba(44,152,222,0.8);
	  }
  
  
  /* Panneau de gauche*/
	  #paneleft{
		  position: relative;
		  z-index: 1;
	  }
	  
  /* titre fiche panneau de gauche*/
	  .detailFeatureTitle{
		  word-wrap: none;
	  }
  
  /* barre des themes */
	  #nav-bar{
		  background-color: rgb(44,117,169) !important;
		  position: relative;
		  z-index: 1;
	  }
  /* Partie contenant la map et la fenetre de gauche */
	  #contentPanel{
		  border-top: 10px solid rgba(44,152,222,0.8) !important;
	  }

	  @media (min-width: 700px){
		#contentPanel{
			display: flex;
			justify-content: start;
			align-items: flex-start;
			flex-direction: row;
			border-top: 10px solid rgba(44,152,222,0.8) !important;
			height: 100vh !important;
		}
	  }
  
  /* Pop Up*/
	  #Affichepopup{
		  display: none;
		  height: 80%;
		  position: fixed;
		  text-align: center;
		  top: 0;
		  left: 0;
		  width: 100%;
		  z-index: 99;
	  }
	  #Affichepopup .helper{
		  display:inline-block;
		  height:100%;
		  vertical-align:middle;
	  }
	  #Affichepopup > div {
		  background-color: #fff;
		  box-shadow: 10px 10px 60px #E6E6E0;
		  display: inline-block;
		  height: 100%;
		  vertical-align: middle;
		  position: relative;
		  border-radius: 8px;
		  max-width: 900px;
		  width: 80%;
		  top: 10%;
  
	  }
	  
  /* boutton pour fermer popup */
	  .popupCloseButton {
		  background-color: #fff;
		  border: 3px solid rgb(44,117,169);
		  border-radius: 50px;
		  cursor: pointer;
		  display: inline-block;
		  font-weight: bold;
		  position: absolute;
		  top: -20px;
		  right: -20px;
		  width: 30px;
		  height: 30px;
		  text-align: center;
		  font-size: 25px !important;
		  line-height: 25px;
	  }
	  .popupCloseButton {
		  top: 1%;
		  left: 92%;
	  }
	  .popupCloseButton:hover {
		  background-color: #E6E6E0;
	  }
	  #diviframe{
		  -webkit-overflow-scrolling:touch;
		  overflow:visible;
	  }
	  #iframePopup{
		  width: 100%;
		  height: 100%;
	  }
  
  /* Liste des resultats en dessous de la barre de recherche */
	  #result{
		  display: block;
		  position: fixed;
		  z-index: 999;
		  padding: 0;
		  width: 325px;
	  }
	  #result li{
		  height: 3em;
		  line-height: 3em;
		  font-size: 10pt;
		  padding: 0 60pt 0 10pt;
		  cursor: pointer;
		  color: #2C75A9;
		  border-bottom: 6px rgba(0, 0, 0, 0.1) solid;
		  display: block;
		  background-color: #E6E6E0;
	  }
	  #result li:hover{
		  background-color: #2C75A9;
		  color: #E6E6E0;
	  }
	  #result li .selected{
		  background-color: #2C75A9;
		  color: #E6E6E0;
	  }
	  #result a{
		  text-decoration: none;
		  color: #2C75A9;
	  }
	  #result li:hover > a{
		  color: #E6E6E0;
	  }
	  @media (max-width: 1180px) {
		  #header{
			  height: 230px !important;
		  }
	  }
	  
	  
/* -- Ajout encartInfo pour COVID ----------------------- */

.encartInfo {
    font-family: Raleway;
    position: relative;
    padding: 15px 15px 15px 80px;
    border: 1px solid rgba(104,0,104,0.2);
    background: url(../_img/bloc-info.png) no-repeat 20px 20px, url(../_img/bg-info.png) repeat-y 16px 10px;
    color: rgb(104,0,104);
    font-size: 14px;
    line-height: 180%;
    z-index: 0;
    clear: both;
}

.encartInfo:before {
	content: "";
	background: #fff;
	width: 98%;
	height: 16px;
	position: absolute;
	left: 0px;
	top: -1px;
	margin: 0 1%;
}
.encartInfo:after {
	content: "";
	background: #fff;
	width: 98%;
	height: 16px;
	position: absolute;
	left: 0px;
	bottom: -1px;
	margin: 0 1%;
}

.encartInfo p {
/* 	margin: 0 10px; */
	/* color:rgb(104,0,104); 
	text-align:left; */
	color:inherit;
	font-size:inherit;
}

.encartInfo p:last-child {
    margin-bottom: 0;
}
.encartInfo p:first-child {
    margin-top: 0;
}

/* ------------------------------------------------------ */ 	  

	  
			  
  /* Responsive Mobile */
	  @media (max-width: 768px) {
		  /* pas de header pour mobile */
		  #header{
			  display: none !important;
		  }
  
		  #LegendeLogo img {
			  width: 275px;
			  vertical-align:top;
		  }
  
		  /* Partie contenant la map et la fenetre de gauche */
		  #contentPanel{
			  border-top: none !important;
		  }
  
		  /* pop-up*/
		  #Affichepopup{
			  height:100%;
		  }
		  #Affichepopup > div {
			  height: 90%;
			  width: 90%;
			  top: 0;
		  }
		  .popupCloseButton {
			  top: 1%;
			  left: 85%;
		  }
		  #diviframe{
			  -webkit-overflow-scrolling:touch;
			  overflow-y:scroll;
		  }
  
		  /* marge en dessous du lien moreinfo/fichedetaille pour pouvoir y acceder sur mobile*/
		  .website{
			  margin-bottom: 60px;
		  }
	  }
  
  /* Responsive tablette */
	  @media (min-width: 950px){
		  /* select et barre de recherche */
		  select{
			  /* margin-top: 10px; */
		  }
		  .select{
			  /* font-size: 15pt; */
		  }
		  #searchBar{
			  /* font-size: 15pt; */
		  }
		  /* Resultats recherche */
		  #result li{
			  /* font-size: 15pt; */
		  }
	  }
  
	  @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
	  @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
	  @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
	  @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
	  @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  
	  @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
	  @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
	  @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
	  @-ms-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
	  @-o-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } }
  
	  #loadingOverlay.fadeOut {
		  -webkit-animation: fadeout 0s;
		  -moz-animation: fadeout 0s;
		  -ms-animation: fadeout 0s;
		  -o-animation: fadeout 0s;
		  animation: fadeout 0s;
		  -webkit-animation-fill-mode:forwards;
		  -moz-animation-fill-mode:forwards;
		  animation-fill-mode:forwards;
	  }
  
	  #loadingIndicator {
		  width: min-content;
		  height: min-content;
		  margin: auto;
	  }
  
  /*
   * Inlining of resources/tpl/viewer/font/font/css/fontello.css and animation.css
   */
	  @font-face{font-family:'fontello';src:url(resources/tpl/viewer/font/font/fontello.eot?22851922);src:url(resources/tpl/viewer/font/font/fontello.eot?22851922#iefix) format("embedded-opentype"),url(resources/tpl/viewer/font/font/fontello.woff?22851922) format("woff"),url(resources/tpl/viewer/font/font/fontello.ttf?22851922) format("truetype"),url(resources/tpl/viewer/font/font/fontello.svg?22851922#fontello) format("svg");font-weight:400;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.icon-spin1:before{content:'\e800'}.icon-link:before{content:'\e801'}.icon-facebook-squared:before{content:'\e802'}.icon-twitter:before{content:'\e803'}.animate-spin{-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;display:inline-block}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}