h1
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top:0px;
	text-shadow: 1px 1px 2px #ccc;
}

h3
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	font-style:italic;
}

#performance_box, #marche_box
{
	width: 330px; /* 360-  padding */
	height: 50px;  /* 80px-  padding */
	padding: 15px 15px 0 15px;
/*	margin-top:25px;*/
}
#performance_data,#donnee_marche_data
{
	text-align: right;
	font-size: 21px;
	margin-top: -21px;
}

.ss_box
{
	background-color: #000000;
	width: 328px; /* 360 - padding - border */
	max-height: 80px;
	padding: 12px 15px 0 15px;
	color:#ffffff;
	font-family: 'Inconsolata';
	font-size: 13px;
	overflow:scroll;
}

.ss_box4
{
	margin-top:5px;
	background-color: #000000;
	width: 328px; /* 360 - padding - border */
	padding: 12px 15px 0 15px;
	color:#ffffff;
	font-family: 'Inconsolata';
	font-size: 13px;
}

.jaune {
color:#efbf17;
}

.ss_box2
{
	margin-top:5px;
	border: 1px solid #ccc;
	background-color: #ececec;
	width: 330px; /* 360 - padding - border */
	padding: 10px;
	color:#000;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:bold;
}

.pdm, .tri
{
	margin-top:5px;
	border: 1px solid #ccc;
	background-color: #be1323;
	width: 310px; /* 360 - padding - border */
	padding: 10px;
	color:#fff;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:bold;
	box-shadow: 2px 2px 2px #777;
}

.transac, .transac_hhlm, .transaca
{
	margin-top:5px;
	border: 1px solid #ccc;
	background-color: #be1323;
	width: 310px; /* 360 - padding - border */
	padding: 10px;
	color:#fff;
	font-size: 12px;
}

.acte_auth
{
	margin-top:5px;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 310px; /* 360 - padding - border */
	padding: 10px;
	color:#000;
	font-size: 12px;
}

.pression
{
	margin-top:5px;
	border: 1px solid #ccc;
	background-color: #434242;
	width: 310px; /* 360 - padding - border */
	padding: 10px;
	color:#fff;
	font-size: 12px;
}

.ss_box3
{
	margin-top:5px;
	border: 1px solid #ebebec;
	background-color: #000000;
	width: 328px; /* 360 - padding - border */
	padding: 12px 15px 12px 15px;
	color:#ffffff;
	font-family: 'Inconsolata';
	font-size: 13px;
	text-transform:uppercase;
}


.separateur
{
	background-color: #cccccc;
	border-bottom:solid 1px #ddd;
	height:1px;
	margin-top:20px;
	margin-bottom:20px;
}

#legend_box
{
	position: absolute;
	right: 10px;
	width: 135px;
	padding: 10px;
	background-color: white;
	z-index: 100;
}

#legend_title
{
	text-transform: uppercase;
	font-size:11px;
	font-weight: bold;
	float: left;
	padding : 5px 0px 5px 0px;
	color:#fff;
	max-width:150px;


}


.legend_color
{
 border: 1px solid #000;
 padding:10px;
 float: left;
 display: block;
 margin-left: 10px;
 color:#fff;
 font-size:11px;
 text-shadow: 1px 1px 2px #000000;
}

.legend_legend
{
	height: 15px;
	display: block;
	float: left;
	padding-top: 5px;
}

.infowin_cp
{
	font-family:arial;
}

table.infowin_cp tr td
{
	padding: 2px;
}

table.infowin_cp tr:nth-child(odd)
{
  background-color: white;
}
  
table.infowin_cp tr:nth-child(even) 
{
  background-color: #DDD;
}


#progress
{
	background: rgba(255, 255, 255, .8);
	text-align: center;
	padding: 30px;
	border:solid 1px #cccccc;
}



#territoiresList
{
margin-top:5px;
width:220px;
}

#rayon
{
margin-top:5px;
}

#rechercher {
	color:#fff;
	background-color:#008cc8;
	padding:4px;
	display: block;
	width:auto;
	float:right;
	font-weight:bold;
	border:solid 1px #ccc;
	margin-left:5px;
	margin-top:5px;
	cursor:pointer;
}



.infowin_marker img
{
	vertical-align: middle;
}

.infowin_marker
{
	font-family:arial;
}

#bloc_4_color
{
	background-color: #d2d2d2;
}

#calclulateur_pot
{
	text-align: left;
	width : 100%;
}

.calc_tr_item {
height:20px;
}

.calc_potentiel, .calc_total_data {
text-align:right;
}

.sepa, .sepa2 {
height:15px;
}

tr.calc_no_entry
{
	text-align: center;
	font-style: italic;
}



#calclulateur_pot tr :nth-child(1)
{
	
}


.bloc_legende 
{
position:absolute;
z-index:100;
margin-top:-53px;
left:400px;
background: rgba(0, 0, 0, .8);
padding:5px;
width:calc(100% - 410px);
border-top : solid 1px #fff;
}

.ponctuels {
float:left;
margin-left:20px;
border:1px solid #000000;
color:#fff;
padding-right:5px;
padding-bottom:2px;
background-color:#191919;
}

.natio, .export {
float:left;
margin-left:20px;
border:1px solid #000000;
color:#fff;
padding :9px;
background-color:#191919;
}

.gm-style {
font-family:Arial !important
}

.onglet, .retour
{
	padding: 10px;
	background-image: url(../img/onglets/bg_onglet.png);
	background-position: 50% ;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px #000000;
	color: white;
	text-align: center;
	cursor: pointer;
	border-right:solid 0.5px #000000;
	font-size:12px;
}

.onglet.active, .retour.active
{
	background-image: url(../img/onglets/bg_onglet_active.png);
}
.rightAlign
{
	text-align: right;
	float: right;
	min-width:90px;
	margin-bottom:5px;
}

.rightAlign2
{
	text-align: right;
	float: right;
	min-width:50px;
	margin-bottom:5px;
	margin-right:50px;
}

h2 {
font-size:14px;
}

.infowin {
width:500px;
height:240px;
font-size:11px:
}

.infowin4 {
width:450px;
height:220px;
font-size:11px:
}

.infowin2 {
width:250px;
height:200px;
font-size:11px:
}

.infowin3 {
width:450px;
height:250px;
font-size:11px:
}


.nom_client {
font-size:14px; 
font-weight:bold;
}

.annulation{
color:#cb0000;
font-style:italic;
font-weight:bold;
}

.zoom_to_iris
{
	color:#fff;
	background-color:#e50009;
	padding:4px;
	display: block;
	width:auto;
	width:120px;
	font-weight:bold;
	border:solid 1px #ccc;
}

#retourn, #retourc
{
	color:#fff;
	background-color:#e50009;
	padding:4px;
	display: block;
	width:80px;
	font-weight:bold;
	border:solid 1px #ccc;
}

.data tr {
height:30px;
}

.data td {
border: solid 1px #000;
}

.bold {
font-weight:bold;
}

#nom_iris {
margin-top:10px;
font-size:14px;
font-weight:bold
}

#menages {
margin-bottom:10px;
font-size:14px;
font-style:italic;
}

.titre {
font-weight:bold;
color:#fff;
background-color:#484848;
}

.freq2 {
background-color: #e3e3e3;}

.freq {
background-color: #f8f8f8;}

.red {
background-color:#c20000;
  width: 20px;
  height: 20px;
  display:inline-block;
  margin-left:10px;
}

.orange {
background-color:#ffa200;
  width: 20px;
  height: 20px;
  display:inline-block;
  margin-left:10px;
}

.green {
background-color:#088600;
  width: 20px;
  height: 20px;
  display:inline-block;
}

.cred {
background-color:#c20000;
color:#fff;
}

.corange {
background-color:#ffa200;
color:#fff;
}

.cgreen {
background-color:#088600;
color:#fff;
}

input[type=checkbox] {
  width: 10px;
  height: 10px;
  cursor: pointer;
}

label {
cursor: pointer;
}

#tool_conc, .info_frame {
width:330px;
background: rgba(255, 255, 255, .7);
border:solid 1px #ddd;
padding:10px 15px 10px 15px;
margin-bottom:10px;
}

.info_frame {
margin-top:10px;
}

.close-animatedModal,.close-animatedModal2, .close-animatedModal3, .close-animatedModal4 {
float:right;
cursor:pointer;
}

.modal-content {
font-size:11px;
padding-top:10px;
}

.btfreq {
display:inline-block;
padding:4px;
background-color:#484848;
color:#fff;
margin-left:5px;
 border-radius: 5px;
 width:30px;
 text-align:center;}
 
 .popup {
 margin-top:10px;}
 
 .prod li {
list-style:none;
margin-bottom:10px;
margin-left:-3px;}

.exportxls {
margin-top:10px;
border:1px solid #ccc;
background-color:#f1f1f1;
padding:5px;}

.calculateur, #bassin_selection_container
{
	position:absolute;
	z-index:100;
	background-color:#FFFFFF;
	top:74px;
	right:0px;
	width:250px;
	padding:10px;
	max-height:calc(100% - 200px);
	overflow:scroll;
	border:solid 1px #cccccc;
}

.calculateur input
{
	background-color:#be1323;
	border:solid 1px #cccccc;
	color:#ffffff;
}

#bassin_selection_container li
{
	list-style:none;
}

.labels {
color:#fff;
font-weight:bold;
font-size:12px;
text-shadow: 1px 1px 2px #000000;
}

.button {
display:inline-block;
padding:5px;
background-color:#ddd;
border: solid 1px #ccc;
font-weight:bold;}