html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
  color:#252525;
}
body {
	line-height: 1;
  background: #ffffff;
  font-family: 'Arial';
  font-size:12px;
  margin: 0;
  scrollbar-face-color: #000000;
scrollbar-shadow-color: #2D2C4D;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #7D7E94;
scrollbar-darkshadow-color: #2D2C4D;
scrollbar-track-color: #7D7E94;
scrollbar-arrow-color: #C1C1D1;
}
#big-container{
  width:100%;
}
.header{
  width: 100%;
  height: 92px;
  background-color: #e0e0e0;
}
.header-top{
  width: 100%;
  height: 30px;
  text-align:right;
}
.header-top p{
  padding: 0.6em 2em;
  color: #ababab; 
  text-transform: uppercase; 
}
.header-top span{
  color: #ababab; 
  text-transform: uppercase; 
}
.logo{
  float: left;
  width: 390px;
  background: url('img/bg-header.png') repeat-x;
}
.titlebar{
  float: left;
  /*line-height: 92px;*/
  height: 92px;
  text-align:center;
  width: 400px;
}
.titlebarLog{
  float: left;
  line-height: 92px;
  height: 92px;
  text-align:center;
  background: url('img/bg-header.png') repeat-x;
}
.userbar{
  float: right;
  width: 220px;
  text-align:left;
  line-height: 92px;
  height: 92px;
}
.userbar table{
  padding-top:10px;
}
.userbar td{
  line-height: 1.3em;
}
.titlebar h2{
  text-transform: uppercase;
  font-weight:bold;
  font-size: 1.5em;
  color:#252525;
  text-align:center;
}
.titlebarLog h2{
  text-transform: uppercase;
  font-weight:bold;
  font-size: 1.5em;
  color:#252525;
  text-align:center;
}
#map_container{
    margin: auto;
    position: relative;
}
#map_container log{
    margin: 0 auto;
    padding-top: 50px;
}

#sidebar{
    position: absolute;
    width: 390px;
    border-right: 0px solid #9d9d9d;
    z-index:10000;
}
#map_canvas{

    margin-left: 390px;
    min-height: 500px;
} 
.footer{
    background-color: #ecb90e;
    width: 100%;
    height: 22px;
    line-height: 22px;
    text-align:center;
    z-index: 100000;
}
.footerLogin{
    background-color: #ecb90e;
    width: 100%;
    height: 22px;
    line-height: 22px;
    text-align:center;
    z-index: 100000;
    position: absolute;
    bottom: 0;
    left: 0;
}
.footer span,.footerLogin span{
    line-height: 22px;
    color:#fff;
    font-size: 0.8em;
    font-weight:bold;
}
.sidebarh{
    padding: 1.5em 0.8em 1em 2em;
    font-size: 0.9em;
    text-decoration: italic;
    line-height: 1.3em;
}
.sidebarh p{
    padding-bottom: 1em;
    font-style: italic;
}
.sidebarb{
    padding: 0em 0.8em 3em 2em;
    font-size: 0.9em;
    text-decoration: italic;
    line-height: 1.3em;
}
.sidebarb p{
    padding-bottom: 1em;
    font-style: italic;
}
.sidebarm{
    background: url('img/top2.png') no-repeat top right;
    padding: 1.5em 0.8em 0em 2em;
    line-height: 1.3em;

}
.in{
    padding: 0 1em 0 1.3em;
    line-height: 1.3em;
    /*border-bottom: 2px solid #edb90d;*/
    border-bottom: 2px solid #edb90d;
}
.in h2{
    padding-bottom: 0.5em;
}
.in p, .in td{
    padding-bottom: 0.5em;
    font-size: 0.9em;
}
.inpdm{
    padding: 0 1em 0 1.3em;
    line-height: 1.3em;
    /*border-bottom: 2px solid #edb90d;*/
}
.inpdm h2{
    padding: 0 0 0.5em 2em;
    color: #FFF;
}
.inpdm p{
    padding: 0 0 0.5em 2.2em;
    font-size: 1em;
    color: #FFF;
}
.inpdm span{
    font-size: 1.1em;
    color: #FFF;
    font-weight:bold;
}
.sidebarm2{
    background: url('img/top2.png') no-repeat top right;
    padding: 1.5em 0.8em 0em 2em;
    line-height: 1.3em;

}
.sidebarm3{
    background: url('img/top3.png') no-repeat top right;
    padding: 1.5em 0.8em 0em 2em;
    line-height: 1.3em;

}
.sidebarm1-5{
    background: url('img/top3.png') no-repeat top right;
    padding: 1.5em 0.8em 0em 2em;
    line-height: 1.3em;
    display:none;
}
.in2{
    padding: 0 1em 0 1.3em;
    line-height: 1.3em;
    border-bottom: 2px solid #edb90d;
}
.last{
    border-bottom: 0px solid #edb90d;
}
.last p{
    padding-bottom: 1em;;
}
.in2 h2{
    padding-bottom: 0.2em;
}
.in2 p,.in2 td{
    padding-bottom: 0.9em;
    font-size: 0.9em;
    line-height: 1.1em;
}
select {
font-size: 0.9em;
}
.boutonBas {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/PIE.htc);
    background-color: #1a1a1a;
    width: 200px;
    margin: 0 auto;
    position: absolute;
    padding: 1em;
    font-weight:bold;
    display:bolck;
    line-height:1.3em;
    font-size: 0.9em;
    text-decoration:none;

    top: 17px;
    left: 475px;
    z-index: 0.5;
}
.boutonBas a{
  text-decoration:none;
  outline:none;
}
#legende{
    position: absolute;
    bottom: 25px;
    right: 10px;
    width: 270px;
    height: 100px;
    z-index: 0.5;
    background-color:#FFF;
    border: 1px solid #c7c3c2;
}
#legende td{
  font-size: 0.9em;
  font-weight: bold;
}
.legendein{
  padding: 1em 1.5em;
}
.legendein h2{
  padding-bottom: 1em;
}
#connectDiv{
  width: 800px;
  margin:0 auto;
  background-color: #f8f6f7;
  height: 200px;
} 
#waitingDiv{
  width: 800px;
  margin:0 auto;
  padding-top: 80px;
}
#browserDiv{
  width: 800px;
  margin:0 auto;
  background-color: #f8f6f7;
}
#mapcontainerdiv{
  padding-top: 150px;
  width: 800px;
  margin:0 auto;

}
#onglets
{
    position : absolute;
    /*border : 1px solid transparent;*/
    padding: 50px 0 0 0;
    list-style-type : none;
    margin-bottom : 0;
}
#onglets li
{
  float : left;
  height : 35px;
  margin: 5px 0 0 0;
   /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
  /* margin : 2px 2px 0 0 !important;  /* Pour les navigateurs autre que IE */
  /* margin : 1px 2px 0 0;  /* Pour IE  */
}
#onglets li.active
{
  height : 40px;
  border-bottom: 0px solid #fff;
  margin: 0;
}
#onglets li.red
{
  background: url('img/bg_red.png') repeat-x;
  border : 1px solid #a20a0a;
}
#onglets li.yellow
{
  background: url('img/bg_yellow.png') repeat-x;
  border : 1px solid #e7b743;
}
#onglets li.green
{
  background: url('img/bg_green.png') repeat-x;
  border : 1px solid #7c9754;
}
#onglets li.blue
{
  background: url('img/bg_blue.png') repeat-x;
  border : 1px solid #4e627c;
}
#onglets li.grey
{
  background: url('img/bg_grey.png') repeat-x;
  border : 1px solid #aaafbb;
  border-bottom: 0px solid #fff;
}
.red a,.yellow a, .green a, .blue a
{
  color: #fff;
}
.grey a
{
  color: #9297a2;
}
#sidebarPDM
{
  height:30px;
  padding: 15px 0;

}
#sidebarPDM.red{background-color:#a20a0a;}
#sidebarPDM.yellow{background-color:#e7b743;}
#sidebarPDM.green{background-color:#7c9754;}

#map_canvas.red{border: 3px solid #a20a0a;}
#map_canvas.yellow{border: 3px solid #e7b743;}
#map_canvas.green{border: 3px solid #7c9754;}
#map_canvas.blue{border: 3px solid #4e627c;}

#onglets a
{
  font-weight:bold;
  display : block;
  text-decoration : none;
  padding : 15px 30px;
}
#onglets li:hover
{
  margin: 0;
  height : 40px;
}
#tbl_Infobulle p{
  font-size:0.9em;
  font-weight: bold;
}

/**====================================================================================*/
/** sépcifique vue développement **/
/**====================================================================================*/

/* classes globales */
.clean
{
  clear: both;
}

.invisible_input
{
   border: medium none;
    margin-top: 4px;
    margin-left: 20px;
    width: 222px;
}

.cap
{
  text-transform: uppercase;
}
h2.cap
{
  padding-bottom: 3px;
  padding-top: 0px;
}
.dev_table_td
{
  width:150px;
}

.dev_table_td_nb
{
  width:30px;
  text-align: right;
}
.dev_table_tr
{
  height:25px;
}

.dev_bassin_table
{
  margin-top:4px;
}


.map21_icone_orange
{
  position:absolute;
  margin-left: -54px;
  margin-top:-5px;
}



.info_tooltip
{
  vertical-align: text-bottom;
  cursor:pointer;
}


/**  partie recherche **/

.sidebar_dev_Research
{
  margin-left: 64px;
  margin-right: 43px;
  
}
.sidebar_dev
{
  margin-left: 42px;
  padding-right: 43px;
}
.sidebar_dev_search
{
   margin-left: 63px;
  
}


/*** PARTIE 2 **/

#dev_part_1_container,#dev_part_2_container,#dev_natio_infos_container
{
  margin-left:20px;
  background-color:#f8f7f7;
  padding-right: 20px;
}
/* sous rubrique*/
#SearchPart
{
  padding-left: 0;
  margin-top:5px;
}

#seachDiv
{
  width:280px;
  border:1px solid #cac8c9 ;
  height: 30px;
}

#search_picto
{
  float:right;
  margin-top: 2px;
  cursor:pointer;
}

#search_radio_div
{
  font-size: 10px;
}

/**  titre partie potentiel de transaction**/

.sidebar_dev_PT
{
  padding-top:10px;
}
.sidenarh_dev
{
  padding-left: 4em;
}

/*  SOUS partie 1 : bassins non maillés */

.sidebar_dev_BNM
{
  border-bottom: 1px solid #444444;
  padding: 20px;
  padding-left:36px;
  margin-top:15px;
}

/* Sous partie 2 : bassins à développer */
.sidebar_dev_BAD
{
  border-bottom: 1px solid #eecb53;
  padding: 20px;
  padding-left:36px;
  margin-top:15px;
}


/** LEGENDE**/

.dev_legend_box
{
  display: block;
  float:left;
  width:22px;
  height:15px;
}


#dev_legend_box_zone_potentiel_ss_angence
{
  background-color: #444444;
}

#box_ns
{
    background-color: #777777;
}

#dev_legend_box_zone_potentiel_peu_pr
{
  background-color: #eecb52;
}

#dev_legend_div_lvl1_haute
{
 /* background-color: #596482;*/
}

#dev_legend_div_lvl1_middle
{
 /* background-color:#7e9cda;*/
}

#dev_legend_div_lvl1_basse
{
  /*background-color: #a2a2a0;*/
}

#dev_legend_div_lvl1_micro_bassin
{
  /*border:1px dashed #333333;*/
   border: 1px solid #333333;
}

#legend_level1{
    bottom: 22px;
    right: 10px;
    width: 223px;
    height: 213px;
    z-index: 0.5;
    background-color:#FFF;
    border: 1px solid #c7c3c2;
  padding:17px;
  padding-bottom: 10px;
  position:fixed;
}

#legend_level0
{
    bottom: 10px;
    right: 10px;
    width: 400px;
    height: 153px;
    z-index: 0.5;
    background-color:#FFF;
    border: 1px solid #c7c3c2;
  padding:5px;
  position:fixed;
}
#epr_legend_level0{
    bottom: 10px;
    right: 10px;
    width: 400px;
    height: 116px;
    z-index: 0.5;
    background-color:#FFF;
    border: 1px solid #c7c3c2;
	padding:5px;
	position:fixed;
}
#transaction_seuils
{
  margin-left:5px;
}
#epr_legend_level1{
    bottom: 10px;
    right: 10px;
    width: 240px;
    height: 200px;
    z-index: 0.5;
    background-color:#FFF;
    border: 1px solid #c7c3c2;
	padding:10px;
	position:fixed;
}
/**
 INFO WINDOW
*/

.infowindow_bassin
{
  width:350px;
  padding: 5px;
}

.infoWindow_iris
{
  width:350px;
  height: 75px;
  padding: 5px;
  padding-bottom: 20px;
}

table.infowindow_bassin_body_table, table.infowindow_iris_body_table
{
  margin-top:20px;
}
table.infowindow_bassin_body_table tr td:first-child
{
  padding-right: 10px;
  font-weight: bold;
}

.infowindow_bassin_title,.infowindow_iris_title
{
  font-weight: bold;
}

.infowindow_bassin_linkBassin
{
  text-align: right;
  float:right;
  margin-right: 30px;
}

.agenceInfos_table
{
  text-transform: none;
}

.infowindow_bassin_title
{
  color:#ecb90e; /* titre orange */
}

.infowindow_bassin_link
{
  color:#0e7cec; /* lien bleu */
}

.infowindow_bassin_delta
{
  color:#b12909; /* rouge car négatif */
}

.sidebar_dev_CALCPOT
{
  padding-top: 15px;
  padding-bottom:15px;
}

.sidebar_dev_2PBV
{
  padding-top: 15px;
}

.ascenceur
{
  max-height:120px;
  width: 320px;
  overflow-y:scroll;
}

.module_gauche
{
  width: 320px;
  border-bottom: 1px solid #eecb53;
  margin-bottom:10px;
  padding-bottom:10px;
}

#console
{
  margin-top:30px;
}

.dev_bassin_table td
{
  padding:2px;
}
#dev_bassin_potentiel
{
  width:95%;
}
#dev_bassin_potentiel td
{
  text-align: left;
}
.dev_table_td_bassin
{
  text-align: left;
}
/*
.dev_table_td_agence_tran ,.dev_table_td_agence_pot
{
  text-align: center;
}
*/

.calc_td
{
  text-align: right,
}

.txtclass {
text-align:left;
position:absolute;
margin-left:20px;
display:none;
border:solid 1px #999999;
width:210px;
background-color:#FFFFFF;
padding:10px;
}

/*modifier l'apparence des scrollbars*/
::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

::-webkit-scrollbar-track {
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;}

#titre_bassin
{
  margin-top: 25px;
  margin-left:40px;
} 

div.graph_container
{
  width:70px;
  height:12px;
  border:1px solid black;
}


div.graph_pdm_chal
{
  height:12px;
david  background-color: #eecb52;
}

div.graph_pdm_bass
{
  height:12px;
  background-color: #eecb52;
}

div.graph_pot
{
  background-color:#4E627C;
  margin: auto;
/*  position:absolute;
  bottom: 50px;
  margin-left: 31px;*/
}

div.pdm_agence_div
{
  color:white;
  width:70px;
  height:50px;
  text-align: center;
  padding-top: 15px;
  position: absolute;
   top: 41px;
  right: 45px;

}


span.white
{
  color:white;
}

.big_text
{
  font-size: 18px;
}

.graph_signatures
{
  background-color: #151515;
  margin:auto;
 /* position: absolute;
  bottom: 50px;
  margin-left:24px;*/
}
.popup_agence_title
{
  font-style: italic;
}

td.border_td
{
  border-right: 1px dotted grey;
}
a.link_street
{
  text-decoration: underline;
  text-transform: capitalize;
}

#directionsPanel_container
{
  width:370px;
  background-color: white;
  height:430px;
  overflow: scroll;
  top: 0px;
  left: 0px;/*391px;*/
  position: absolute;
  padding: 10px;
  z-index: 100000;
}

#direction_closeDiv
{
  text-align: right;
  padding-right: 10px;
  cursor: pointer;
  margin-bottom: 20px;
}

#div_calculateur
{
  margin-bottom: 20px;
  margin-top:20px;
}

#agence_immo_table
{
  text-transform: lowercase;
}

#div_export
{
  padding: 2px;
  text-align: center;
}

/******************* VUE EPR *********************************/


#hide_legend_levl1
{
    position: absolute;
    cursor: pointer;
    margin-top: -127px;
    margin-left:-11px;
    padding: 2px;
}

#hide_legend_levl0
{
    position: absolute;
    cursor: pointer;
    margin-top: -97px;
    margin-left: -6px;
    padding: 2px;
}

          
td.Agence_ifw p
{
  margin-bottom:5px;
}


a.ifw_agence_link_street
{
  position: absolute;
  margin-top: -50px;
  margin-left: 150px;
}

.infowindow_Agence
{
  width :460px;
}

#infoWIndow_MicroBassin
{
  overflow: hidden;
}

.ui-dialog-titlebar
{
    background-image: none;
    background-color: white;
    border:none;
}

.ui-widget
{
    font-family: inherit;
    font-size: inherit;
}

.epr_micro_name
{
    cursor: pointer;
}


#search_div
{
  position: absolute;
  top: 0px;
  right: 121px;
  vertical-align: middle;
}
#search_div a img
{
  vertical-align: middle;
  height: 25px;
  margin-top: -2px;
}

#tabs_container
{
  position: absolute;
  top: -91px;
  left: 389px;
  width: 400px;
}

#searchTextField
{
  width:330px;
}


/*
a img
{
  vertical-align: middle;
}

#tabs_container
{
  height:30px;
  width:350px;
  position: absolute;
  top: 63px;
  left: 385px;
}

#tabs_container .ui-tabs-nav 
{
  background: transparent;
  border: none;
}
.ui-tabs-nav li a
{
  height:40px;
  display: block;
  width:130px;

}

ul.ui-tabs-nav li.ui-state-default
{
  background-image: none;
}

#tabs
{
  background: transparent;
  border: none;
}

#onglets
{
  padding-top: 0;
}*/

td.calc_table_trans
{
  text-align: right;
}

td.calc_table_link
{
  text-align: right;
}

#progress
{
  background-color: white;
  padding: 10px;
  text-align: center;
  width:100px;
}