@charset "utf-8";
/* CSS Document */

#header {
			width: 100%;
			height: 150px;
			background-color: #17406D;
			margin-bottom: 20px;
            }
    .fondMap{
		background-color: #17406D;
		border-bottom: solid #7CCA62 8px;
		}        
         .fondNav{
		
		background-color: #17406D;
		}    
            
            #page {
			margin: 0;
            }
            
            #logo {
			width: 45%;
			float: left;
			padding: 10px;
            }
            
            #logoIcade {
			width: 45%;
			float: right;
			text-align: right;
			padding: 10px;
            }
            
            body {
			margin: 0px;
            }
			
			#accordion .ui-accordion-header {
				font-size:14px;
			font-weight:bold;
			color:#FFF;
			background-color: #389abe;
			background-image: -moz-linear-gradient(top,  #389abe 0%, #2a7b99 100%); /* FF3.6+ */
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#389abe), color-stop(100%,#2a7b99)); /* Chrome,Safari4+ */
			background-image: -webkit-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* Chrome10+,Safari5.1+ */
			background-image: -o-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* Opera 11.10+ */
			background-image: -ms-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* IE10+ */
			background-image: linear-gradient(to bottom,  #389abe 0%,#2a7b99 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389abe', endColorstr='#2a7b99',GradientType=0 ); /* IE6-9 */
			text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
			text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
			border-right: 1px solid rgba(0, 0, 0, .2);
			border-left: 1px solid rgba(0, 0, 0, .2);
			border-bottom: 1px solid rgba(0, 0, 0, .2);
			border-top: 1px solid rgba(250, 250, 250, .2);
			}
			
			.panel-container {
			display: flex;
			flex-direction: row;
			border: 1px solid silver;
			overflow: hidden;
			
			
			/* avoid browser level touch actions */
			xtouch-action: none;
			}
			
			.panel-left {
			flex: 0 0 auto;
			/* only manually resize */
			padding: 10px;
			width: 690px;
			min-height: 500px;
			min-width: 560px;
			white-space: nowrap;
			
			color: white;
			}
			
			.splitter {
			flex: 0 0 auto;
			width: 10px;  
			background: url(images/vsizegrip.png) repeat-y #09F;
			min-height: 200px;
			}
			
			.splitter img {
			height:100%
			
			}
			
			.panel-right {
			flex: 1 1 auto;
			/* resizable */
			padding: 10px;
			width: 100%;
			min-height: 800px;
			/*height:1200px;*/
			min-width: 200px;
			align-self:baseline;
			}
			
			#recherche{
			height:50px;
			}
			.my_polyline { 
 				
			  stroke-dasharray: 10; 
			  
}
			
	.fondCarte {
		
	
	

background-color:#3D99C5;
	
	 /* Full height */
  height: 100%;

}

.wrapper{ width: 350px; padding: 20px; 
		}
		
		
		.vAlign{
			  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
			  min-height: 100vh; /* These two lines are counted as one 🙂       */
			  display: flex;
			  align-items: center;
			}
			
			
			@font-face {
  font-family: "Scion W01 650R Bold";
  src: url("../scion/7fe38ce0afe62f3507788e6c3d4a736b.eot"); /* IE9*/
  src: url("..scion/7fe38ce0afe62f3507788e6c3d4a736b.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../scion/7fe38ce0afe62f3507788e6c3d4a736b.woff2") format("woff2"), /* chrome、firefox */
  url("../scion/7fe38ce0afe62f3507788e6c3d4a736b.woff") format("woff"), /* chrome、firefox */
  url("../scion/7fe38ce0afe62f3507788e6c3d4a736b.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../scion/7fe38ce0afe62f3507788e6c3d4a736b.svg#Scion W01 650R Bold") format("svg"); /* iOS 4.1- */
}

.scion{
    font-family:"Scion W01 650R Bold" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
	
	.ui-tabs .ui-tabs-nav li a {font-size:0.9em !important;}
	
.navbar{
	border-bottom: solid #7CCA62 8px !important ;
}