/**
 * Cette feuille de style contient le style de base qui est completement
 * generique. Il a pour but de n'etre modifie que dans le framework pour
 * servir de base commune aux applications.
 *
 */

/* GENERAL */
* 
{ margin:0; padding:0; }
body { font-size:11px; font-family:Verdana,Arial,sans-serif; background-color:#f3f3f3; }
body.wait, input.wait { cursor: wait !important; }
img { border: 0 none; }
.imghover:hover { cursor:pointer; } /* deprecated use hoverpointer */
.elempointer:hover { cursor:pointer; } /* deprecated use hoverpointer */
a, a:active, a:visited { text-decoration:none; outline: none; }
a:hover { text-decoration:underline; outline: none; }
.visualClear { clear: both; }
.hiddenStructure { background: none repeat scroll 0 0 transparent; border: medium none; display: block; height: 1px; margin: -1px 0 0 -1px; overflow: hidden; padding: 0; width: 1px; }
.both { clear:both; }

/* IE6 & IE7 Fix */
* html img { behavior: url('../js/iepngfix.htc'); }
* html .ie6pngfix { position: relative; }
* html form { margin: 0; }
*:first-child+html form { margin: 0; }

/* STRUCTURE HTML */
#header { position: fixed; clear:both;height:50px; min-width:99%; padding:5px; font-weight:bold; z-index: 9995;}
/* #header { clear:both; height:50px; min-width: 780px; padding:5px; font-weight:bold;} */
#header-linked { clear:both; height:20px; padding:5px; font-weight:bold;}
#logo { float:left; text-align:left; }
#actions { float: right; text-align: right; height:25px; }
#actions img { vertical-align: middle; }
#actions a.actions-password, #actions a.actions-logout { padding:1px 0 1px 19px; background:transparent none no-repeat left center; }
#actions a.actions-password { background-image:url('../img/password-16x16.png'); }
#actions a.actions-logout { background-image:url('../img/logout-16x16.png'); }
#shortlinks { float: right; text-align: right; clear: right; height:25px; }
#shortlinks img { vertical-align: middle; }
#content { padding:10px; position: relative; }
#content, #footer { margin:5px 5px 5px 180px; min-width: 605px; }
#content a, #content a:active, #content a:visited { text-decoration:none; cursor:pointer;}
#content a:hover { text-decoration:underline; }
.content-with-menu { top: 55px; }
#footer { position: relative; top: 52px; padding:5px; text-align:center; font-weight:bold; }
#footer span { padding:2px 5px ; }
#seePj {z-index : 100002;}
#whoisthere { float: left; text-align: right; height:25px; }
#whoisthere:hover { cursor: pointer; }
#whoisthere img { vertical-align: middle; }

/* STRUCTURE HTML SPECIFIC */
body.login #content, body.login #footer { margin: 5px 5px 5px 5px; min-width:0; }
body.htmlonly #content { margin: 5px 5px 5px 5px; min-width: 100px; }
body.login #menu { display: none; }

/* MESSAGE */
div.message, #message { padding:10px 20px; margin:5px 0; }
div.message .ui-icon, #message .ui-icon { float:left; margin-right:0.3em; }
div.message .text, #message .text { display:block; padding-left: 22px; }

/*  */
#title { padding:3px 10px; margin-bottom:10px; color: #2e6e9; }
#title h2 { margin:0; font-size:13px; color: #2e6e9; }
.subtitle { padding:3px 10px; margin-bottom:10px; }
.subtitle h3 { margin:0; font-size:12px; }
#title h2 img, .subtitle h3 img { vertical-align:bottom; }
.pageDescription { margin:5px 0; }
.pageDescription p { text-align:justify; }
#help { float:right; text-align:right; padding:5px 10px; }
#dialog { display: none; }

/* LINK JS CLOSE WINDOW */
#content p.linkjsclosewindow:hover a { text-decoration:none; }
p.linkjsclosewindow a { background:transparent url('../img/close-16x16.png') no-repeat left center; padding:5px 0 5px 20px; }
div.instructions { margin-bottom: 10px; }

/* LOCALISATION */
#localisation-draggable { width:10px; height:10px; position:absolute; display:block; right:0; bottom:0; background-color:#bcd5e6; text-align:center; }

/* RVB */
#palette { float:left; width:100px; }
#boites { float:right; width:150px; padding:8px; }

/* TABLE */
div.tab-pagination { float:left; -moz-border-radius:4px 4px 0px 0px; height:30px; border:1px solid #CCCCCC; margin: 0 10px; border-bottom:0 none; background-color: #efefef; }
div.tab-pagination .pagination-nb { float:left; padding: 7px; }
div.tab-pagination .pagination-select { float:right; padding: 2px; }
div.tab-pagination .pagination-text { float:left; padding:0 3px; }
div.tab-pagination .pagination-prev { float:left; padding:0 3px; }
div.tab-pagination .pagination-next { float:right; padding:0 3px; }
* html div.tab-pagination { width: 50%; }
* html div.tab-pagination .pagination-nb { width: 300px; }
*+html div.tab-pagination { width: 50%; }
*+html div.tab-pagination .pagination-nb { width: 300px; }
div.tab-search { float: right; clear: both; padding: 1px 5px; vertical-align: top;}
div.tab-edition { clear: right; float: right; margin: 0 0 0 10px; padding: 5px;}
div.tab-filters { float: right; padding: 1px 5px; vertical-align: top;}
table.tab-tab { -moz-border-radius:4px; border-collapse:separate; width:100%; border: 1px solid #EFEFEF;  clear:both;  }
table.tab-tab tr.tab-title { background-color:#F2F2F2; padding:3px; }
table.tab-tab tr.tab-title th { font-weight:bold; height:30px; text-align:center; }
table.tab-tab tr.tab-title th.title { text-align:left; }
table.tab-tab tr.tab-title th.title .ui-icon { float:left; }
table.tab-tab tr.tab-title th.title .searchable { background:transparent url("../img/searchable.png") no-repeat left center; height:16px; position:absolute; width:16px; }
table.tab-tab tr.tab-title th a, table.tab-tab tr.tab-title th a:visited { text-decoration:none; }
table.tab-tab tr.tab-title th a:hover { text-decoration:none; }
table.tab-tab tr.tab-data { border:1px solid #CCCCCC; border-collapse:separate; }
table.tab-tab tr.tab-data td { padding:2px; text-align:center; vertical-align:top; }
table.tab-tab tr.tab-data td.icons { border-left:0 none; border-right:0 none; vertical-align: middle; }
table.tab-tab tr.tab-data td span.ui-icon { float:left; }
tr.even td.icons { vertical-align: middle; }
td.icon { width:20px; }
td.right { text-align:right !important; }
td.left { text-align:left !important; }
div.icon-carto { float: right; margin: 0 0 0 10px; padding: 5px;}
/* FORM */
#recherchedyn, .tab-search input { margin:5px; background: #ffffff url("../img/searchable.png") no-repeat left center; padding: 0 0 0 18px; }
a.retour { background: url("../img/retour.png") no-repeat left center transparent; font-weight:bold; margin:5px; padding:5px 0 5px 28px; }
a.ajouter { background: url("../img/suivant.png") no-repeat left center transparent; font-weight:bold; margin:5px; padding:5px 0 5px 28px; }
.formEntete img { vertical-align:middle; }
.formEntete { margin:0; width:100%; border:1px solid #cdcdcd; background-color:#ffffff; padding:10px; }
div.formControls { padding:5px 0; }
#formulaire form a:focus { outline: 1px dotted; }

/* FIELDSET */
fieldset { padding:10px 15px; margin:0 0 2px 0; }
fieldset legend { padding:5px; border: 1px solid #79b7e7 !important; font-weight: bold !important; color: #e17009 !important; }
fieldset.collapsed { padding: 0 15px !important; }
legend { background-image: url('../img/legend.png') !important; background-position:left center !important; background-repeat: no-repeat !important; padding:5px 5px 5px 24px !important; }
legend.collapsible { background-image: url('../img/legend-collapsible.png') !important; cursor: pointer; }
legend.collapsed { background-image: url('../img/legend-collapsed.png') !important; cursor: pointer; }

/* LIST */
div.choice { float:left; width:220px; margin:5px; padding:5px 10px;}
div.choice img { vertical-align: middle; }

/* MENU */
#menu { position: fixed; left:0; top: 71px; width:170px; margin:5px; z-index: 9995; }
.ui-accordion .ui-accordion-content { margin: 0; padding: 0; }
#menu div.rubrik { margin:0; padding:0 0 3px 0; background: #fafafa url("../img/bg-menu.gif") repeat-y scroll left center; }
#menu ul.rubrik { padding:0; margin:0; list-style-type:none; overflow:hidden; }
#menu li.elem { font-size: 11px; padding:0; margin:0; display:block; }
#menu li.elem:hover, #menu li.hr { background-color:#999999; }
#menu li.hr { border-bottom: 1px solid #cdcdcd; }
#menu li.elem a { display:block; color:#434343; padding:2px 2px 2px 21px; margin:0px 1px 0px 3px; background-repeat: no-repeat; background-position: left center; }
#menu li.elem a:hover, #menu li.elem:hover a { color:#ffffff; text-decoration:none; }
#menu h3 a { margin-left: 22px; background-repeat: no-repeat; background-position: left center;  padding-left: 22px;}
#menu h3 a:hover { color: #2e6e9e; }

/* DIVERS */
.om-icon { float:left; text-indent:-99999px; background-repeat: no-repeat; display:block; }
.om-icon-25 { width:25px; height:25px; }
.om-icon-16 { width:16px; height:16px;margin:1px; }
.print-25 { background-image: url('../img/print-25x25.png'); }
.histog-25 { background-image: url('../img/histo.png'); }
.export-25 { background-image: url('../img/document.png'); }
.help-25 { background-image: url('../img/help-25x25.png'); }
.gen-supprimer { background-image: url('../img/gen-supprimer.png'); }
.gen-generer { background-image: url('../img/gen-generer.png'); }
.prev-icon { background-image: url('../img/puce-16x16.png'); background-position:left center; background-repeat: no-repeat; padding:1px 0 1px 19px; }
.both { clear:both; }
.text-red { color:red; }
.text-green { color:green; }



ins {color:green;background:#dfd;text-decoration:none}
del {margin-right:5px; color:red;background:#fdd;text-decoration:line-through}

.text-left,table.text-left tr.tab-data td { text-align: left;}
.text-center { text-align:center;}
.marquage {
	border: 1px solid black;
	width: 700px;
	height: 750px;
}

.hidden { display: none; visibility: hidden;}

.fieldset_rue {
	border: none;
	margin: 0;
	padding: 0;
}

#content div.info_tba span a {
	text-decoration: underline;
	font-weight: bold;
}

.statistiques  {
	font-size: 20px;
}

.well.odd {
	background-color: #C5DBEC;
	background-color: white;
}

#content .statistiques .carre_rue {
	background-color: rgb(253,230,187);
	color: inherit;
}

ul.result_stats li{
	float: left;
	width: 49%;
	display: block;
	height: 80px;
	border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}

ul.result_stats li.last_right {
    border-right: 0 none;
}

ul.result_stats li.last_bottom {
	padding-top: 20px;
    border-bottom: 0 none;
}

ul.result_stats li strong{
	font-size: 1.5em;
	display: block;
}

ul.liste_ul li strong { 
	font-size: 1.2em;
}

#content .synthese_activite .span4 ul.to_center li div label{
	width:auto;
}

ul.to_center li div{
	padding-left:5px;
}

#content ul.to_center li{
	height: 40px;
}


ul.result_stats li span, ul.liste_ul li span, .carre_rue ul li span {
	font-size: 0.7em;
	color: black;
}

#content .statistiques, #content .statistiques a {
	color: #0088CC;
}

#content .statistiques .titre strong {
	font-size: 1.5em;
}

#content .statistiques .titre a, #content .statistiques .titre strong{
	padding: 0 5px;
	color: #E17009;
}

#content .span3 .icons-ul{
	margin-left: 1em;
}

#content .statistiques .carre_rue.span12 {
	margin-left: 0;
}

[class^="icon-"],[class*=" icon-"], #content .statistiques .titre a,#content .statistiques .titre strong, ul.result_stats li strong {
	text-shadow: 3px 3px 3px rgba(127, 127, 127, 0.3);
}

ul.sortable { list-style-type: none; }
.sortable { margin: 5px; padding: 5px;}
.sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; cursor: move; }
.sortable li span { display: inline-block; }

.activite_globale  {
	height: 500px;
}

.synthese_activite  div.row div label:nth-child(1), .synthese_activite .multi_label label{
	width: 65px;
	text-align:right;
	float:left;
	padding-right: 5px;
}

#content table.tab_synthese caption {
	padding: 10px;
}

#content table.tab_synthese caption strong {
	font-size: 1.3em;
}

#content table.tab_synthese caption div strong.excel {
	color: green !important;
}

#content table.tab_synthese caption div strong.pdf {
	color: red !important;
}

#cartographie {	height: 400px; }
#carto_dem { height: 500px; width: 900px;  }

#sep_f_print { display: none; }

.tab-attach, .tab-detach {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.tab-detach tr:hover { background-color: #FDFDE3; }
.tab-attach tr:hover { background-color: #EAFCD8; }

.tab-attach th, .tab-detach th {
	border-top: 1px solid #98C0DE;
	border-bottom: 1px solid #E7E7E7;
	color: white;
	text-align: center;
	padding: 8px;
	font-weight: bold;
}
.tab-detach th {
	border-left: 1px solid #98C0DE;
	border-right: 1px solid #98C0DE;
	background-color: #98C0DE;
}
.tab-attach th {
	border-left: 1px solid #91EE33;
	border-right: 1px solid #91EE33;
	background-color: #91EE33;
}

.tab-detach tbody td {
	border: 1px solid #E7E7E7;
	padding: 5px;
}
.tab-attach tbody td {
	border: 1px solid white;
	padding: 5px;
	background-color: #CEF8A5;
}

.lib_in_fform { color: #959595; }

td.td_coche_fform {
	padding: 5px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
} 
.tab-detach td.td_coche_fform {
	border: 1px solid #E7E7E7;
	color: #4991C5;
}
.tab-detach td.td_coche_fform:hover { background-color: #FCE8A9; }

.tab-attach td.td_coche_fform {
	border: 1px solid white;
	color: white;
	background-color: #91EE33;
}
.tab-attach td.td_coche_fform:hover { background-color: #78DE12; }

#version
{
    font: normal 105% Tahoma, sans-serif;
    padding: 7px;
}
.linkversion:link {color:black;}      /* unvisited link */
.linkversion:visited {color:black;}  /* visited link */
.linkversion:hover {color:black;}  /* mouse over link */
.linkversion:active {color:black;}  /* selected link */

.working{background:url('../img/indicator.gif') no-repeat right center;}

.listTab { display: block; text-indent: -99999px; overflow: hidden; background-color: no-repeat; }
.listTab { width: 75px; height: 13px; background-image: url('../img/list.png'); }
.listTabAR { width: 95%; overflow: hidden; margin-bottom: 5px; padding: 5px; }
.listTabAR:hover { border: 1px solid !important; }
.listTabMdp { width: 95%; padding: 15px; overflow: hidden;  margin-bottom: 5px;padding: 5px; }
.changemypassword { max-width: 600px; margin: auto; } 
.afterMsg { 
	height: 20px;
	float: right;
	padding: 4px 6px 6px 4px;
	line-height: 20px;
	vertical-align: middle;
}
.bandeaumsg, .bandeauimgtopdf, .bandeaumsgcourrier {
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
					  transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
					  transparent 75%, transparent);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	width: 50px;
	border: 1px solid;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	animation: animate-bg 5s linear infinite;
	background-color: #de4343;
	border-color: #c43d3d;
}
.bandeaumsg {
	background-size: 40px 40px;
	padding: 15px;
	position: absolute;
	z-index: 100000;
}
.bandeaumsgcourrier {
	width: 200px;
	padding: 15px;
	position: absolute;
	z-index: 100000;
}
.bandeauimgtopdf{
    background-size: 200px 20px ;
	padding: 5px;
	position: relative;
}
.ui-dialog { z-index: 100000 !important ; }
.ui-widget-overlay {
   position: fixed !important;
   z-index: 10000;
}
.divoverlay { background:white; border: 1px solid #D0D0D0; padding: 0.5em 0.5em 0.5em 0.5em; z-index: 100009 !important; }
.div-as-dialog {
	background:white;
	border: 1px solid #D0D0D0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	z-index: 99999;
	position: absolute;
}
.div-filter-agents {
	background:white;
	border: 1px solid #D0D0D0;
	padding: 0.5em 0.5em 0.5em 0.5em;
	z-index: 100000;
	position: absolute;
}
.sCiblesPub { color: #2e6e9e; }
.dtsel { position: absolute; }
/* for plugin multiselect */
.ms-container { background: transparent url('../img/switch.png') no-repeat 50% 50%; width: 370px; }
.ms-container:after { 
  content: "."; 
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}
.ms-container .ms-selectable, .ms-container .ms-selection{
  background: #fff;
  color: #555555;
  float: left;
  width: 45%;
}
.ms-container .ms-selection { float: right; }
.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}
.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}
.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}
.ms-container .ms-optgroup-container { width: 100%; }
.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
  background-color: #eee;
  color: #aaa;
  cursor: text;
}

#onglets_publi { width: 780px; }
#modele_publi_container { position: relative; }
#div-accordeon {
        overflow: auto;
        height: 1000px;
        width: 1550px;
        position: absolute;
        z-index:1000;
}
.divaddzone {
    background:white;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-150px;
    margin-left:-150px;
    border: 2px solid #D0D0D0;
}
span.tag {
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	background-color: #dfeffc;
	border-color: rgb(153, 153, 153);
	border-collapse: separate;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	padding: .4em .4em .4em .4em;
	margin: .2em;
}
div.zone-tags { min-height: 18px; }
div.zone-tags-wrapper { padding-top: 5px; }
img.sup-tag-zone { width: 10px;	cursor: pointer; }
img.map-tag-zone { cursor: pointer; }
td.control-bt {	cursor: pointer; }
td.control-bt.td-rue-activee { cursor: pointer; }
td.ruezones-colname { cursor: pointer; } 
td.ruezones-colname:hover { border: 2px solid #2e6e9e !important; }
td.datatable-clickable { cursor: pointer; } 
td.datatable-clickable:hover { border: 1px solid #2e6e9e !important; }
#btToggleRuesActives { float: right; }
#btAddRue { float: left; }

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .40;
	z-index: 1000000;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 1000001;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
	cursor: pointer;
}
.ui-datepicker-today { background: red !important; }
img.img-up-left-corner {
	cursor: pointer;
	float: left;
	margin: 8px 0 0 0;
}
.tableNoBorder { 
	border: 1px solid white;
}

/** datatTables without Jquery UI */
div.dataTables_info {
    min-width: 40%;
    height: 20px;
    padding: 5px;
}
 
.dataTables_paginate {
    width: 400px;
    height: 20px;
}
 
div.dataTables_paginate a.paginate_button,
    div.dataTables_paginate a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}
.indSearchField { font-size: 10px !important; padding: 0px !important; }
.hoverpointer { cursor: pointer !important; }
span.form-actions { float: right; }
.link-in-dt { color: #3A7ACC !important; }

.choosePageFormat { height: 50px; padding-top: 25px; font-size: x-large; }
.choosePageFormat:hover { cursor: pointer; box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); }
 #divUserConfig { text-align: center; }
.editinput { cursor: pointer; } /* deprecated use .hoverpointer */
.likeCKE{ color: #999; border-radius: 2px 0 0 2px; -webkit-border-radius: 2px; border: 1px solid #cfd1cf; }
.likeCKE:hover { background-color: #cfd1cf; }
.width250 { width: 250px; }
.fontWnormal :hover { font-weight: normal !important; }
.fontCol2E6E9D :hover { color: #2E6E9D !important; }