#popupZoom{display:none}
.aide{ display: inline-block !important; 
    background-image: url("/Portal_Java/jquery-ui-1.10.4/css/start/images/ui-icons_cccccc_256x240.png")!important; /* pour afficher sur fond blanc ! */
}
.up, .down{ display: inline-block ; margin-left:5px;
    background-image: url("/Portal_Java/jquery-ui-1.10.4/css/start/images/ui-icons_cccccc_256x240.png")!important; /* pour afficher sur fond blanc ! */
}
.ui-icon-clipboard, .ui-icon-pencil ,.ui-icon-help, #ArtDiag .ui-icon-disk, #ArtDiag .ui-icon-cancel    {
    background-image: url("/Portal_Java/jquery-ui-1.10.4/css/start/images/ui-icons_cccccc_256x240.png")!important; /* pour afficher sur fond blanc ! */
}


#content{overflow-x:auto;z-index:1;position:relative;min-height:800px}
#content h1,#content h2,#content h3{padding:10px}
#colmenu{width:246px;position:absolute; top:0; left:-240px; z-index:99999; padding:5px}
#colmenu h6{text-align:right;margin:0; padding:0;}
#colmenu ul.ui-widget-content, #colmenu ul.ui-widget-content ul  {list-style:none; background:#fff; margin:0; padding:0}
#colmenu ul ul {position:absolute;}
#colmenu li {position:relative; text-align:left; margin:0; min-width:200px; white-space:nowrap;}
#colmenu li a{display:block; padding:8px 0; }
#colmenu .ui-state-active, #colmenu .ui-widget-content .ui-state-active, #colmenu .ui-widget-header .ui-state-active{border:1px solid #fff;color:rgba(0,0,0,0.8) !important;}
#colmenu  .ui-icon{display:inline-block; position:relative; margin-right:10px;
    background-image: url(/portal_java/jquery-ui-1.10.4/css/images/ui-icons_777620_256x240.png);}
/*.ui-dialog{z-index:999999;}*/
a .ui-icon, button .ui-icon{display:inline-block; 
    width: 18px;
    height: 13px;}
.ui-datepicker-header a .ui-icon{ width: 17px;height: 15px;}
/*.ui-datepicker-calendar td{padding:2px}
.ui-datepicker-calendar td a{display:block;text-align:center; }
.ui-datepicker {width:12em;background:#fff;}

.ui-datepicker-header{position:relative; background:#2191c0;}
.ui-datepicker-prev{position:absolute;left:3px; cursor:pointer}
.ui-datepicker-next{position:absolute;right:3px; cursor:pointer}
.ui-datepicker-title{clear:both; display:block; text-align:center; height:24px;}
.ui-dialog-titlebar{position:relative;padding:5px }
.ui-dialog-buttonset {text-align:center;}
.ui-dialog-buttonset button{margin:5px 20px;}
.ui-dialog .ui-dialog-titlebar-close{
    height: 20px;
    margin: -10px 0 0;
    padding: 1px;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text{display:none;}
.ui-resizable-handle{float:right;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:inherit;}
.ui-widget-content {border:none!important;}
.ui-dialog-buttonset button[type=button]{background-color:#fff!important}*/
#colmenu  span.ui-icon-carat-1-e {display:none!important}
#dialog p{padding:10px; margin:0;}

#An_admin { }
#An_Boutons{clear:both;padding:20px 0px}
#loading{position:absolute; left:0px; top:0px; z-index:9999;width:-webkit-fill-available;height:-webkit-fill-available;display:none;padding:200px 0px;}
#loading .info{text-align:center;width:200px;padding:10px; margin:0px auto}
button:hover{cursor:pointer;}
h2{margin:10px 0px;}
fieldset{margin:0 0 40px 0;  z-index:1;}
.tb-lay{width:100%; max-width:660px; float:left; position:relative; z-index:1;}
table.tb-lay {float:none; margin:20px 0;}
.tb-lay th,.tb-lay td{padding:5px;}
.tb-lay .libelle{float:left; clear:left; padding-right:3px;}
.tb-lay .reponse {float:left;  }
.tb-lay label {display:inline-block; width:auto; min-width:100px; }
.tb-lay .check {width:20px; overflow:hidden;}
.tb-lay .check label,.tb-lay .civilite label,.tb-lay .col5 label{display:inline;}
.tb-lay .check .ui-icon{display:block;}
.total{text-align:right}
.google{width:180px;text-align:center;margin:10px 0px 10px 0px}
.libelle,.reponse {position:relative; }
.reponse textarea , .reponse input[type=text] {width:99%; z-index: 0;position: relative;}
.champ{position: relative;z-index: 1;}
.libelle p{margin:5px 0px}
.proposition-ville{display:none;position:absolute; z-index:999999; padding:5px; }
.adminformbuttons{padding:20px 0;clear:both;}
.adminformbuttons button{float:left; margin:0 20px 20px 0;}
button.del{float:right; }
ul.tools{margin:0px 0px;padding:0;list-style:none}
ul.tools li{margin:10px 20px;padding:0;float:left}

h3.ui-accordion-header {background-image:none !important;}
h3.ui-accordion-header .libelle{padding-left:20px;}
/* .ui-widget .ui-state-active, .ui-widget-header .ui-state-active{background:none;} */

/*Float Box*/
.floatbox{width:40%;max-width:280px;float:right;clear:right;padding:10px;margin:0 10px 30px 10px}
.floatbox .libelle{float:none;padding:5px 0;}
.floatbox .pourcentage{text-align:center;}
.floatbtn{max-width:280px;float:right;clear:right;padding:10px;margin:0 10px 30px 10px}

/* MENU */
#FicheMenu{ position: relative; margin:5px 0px; padding:0px; z-index:999;}
#FicheMenu ul{margin:0px; padding:10px}
#FicheMenu ul.racine{height:18px}
#FicheMenu.navigation a{   padding:5px 10px;}
#FicheMenu.navigation li {display:inline-block;float:left;padding:0; margin:0 5px;}
#FicheMenu ul.subitem{ display:none; position: absolute;  top: 26px;  z-index: 1000;padding:2px;  z-index:99999;}
#FicheMenu ul.subitem li a{ display: block; padding: 5px 10px;white-space: nowrap;}
#FicheMenu ul.subitem li{ display: block; float:none;  text-align: left; padding: 5px 0px;position:relative; z-index:1;}
#FicheMenu li.logout{float:right;}

/* MENU Tableau Bord*/
.menu-tab-bord li {margin:10px 0 0 0 !important;}
.menu-tab-bord li a, .menu-tab-bord li a:hover{width:170px; height:auto; margin-right:5px; padding: 110px 10px 10px 10px;}
.btncarousel{position:absolute; z-index:10;bottom:15px;}
.btncarousel.precedent{left:5px;padding:3px 5px}
.btncarousel.suivant{right:5px;padding:3px 5px}

/* PHOTOS */
ul#photos-menu{position:absolute; top:100px; right:60px; z-index:100;list-style:none}
ul#photos-menu li{padding:0px;margin:5px 0px}
ul#photos-menu li a, a.btn{padding:5px 10px;display:block; width:auto;max-width:250px;}
ul#photos-menu li a.selected, a.btn{  text-decortation:none}
#PhotosListes th{padding:10px;}
#PhotosListes td{padding:20px 10px;}
div#ListePhotos .fldimage{padding:3px}
div#ListePhotos .fldimage label{display:inline-block;width:60px}

/* COUPONS */
#admincoupons div#entete{margin:5px 0px; padding : 5px;background:#fefefe; width:650px}
#admincoupons .libelle{width:auto;margin-top:10px}
#admincoupons   input[id=nom]{padding:5px }
#admincoupons  td.visuel img{padding:5px 0px}
#admincoupons .vignette{float:right;margin:20px 0;}
.preview{margin:20px 0;}
table#FileTB{margin:50px 0px 20px 0px;}
#Coupon_options label{min-width:200px}
#Coupon_options .reponse label{min-width:40px}
#Coupon_visuel div.visuel{width:400px}
#admincoupons .codebarre ,#listing   .codebarre{ text-align:center;padding-bottom:10px; }
#admincoupons .codebarre span,#listing   .codebarre span{padding:0px 5px;}
#eCouponFiltres li{padding:5px 10px;}
#eCouponFiltres li label{display:inline-block;padding:0 10px;}
#eCouponFiltres li.btnfiltre{display:block; clear:both;}
/* TPE */
#listing{clear:both;}
#listing li{position:relative;width:250px; float:left; margin:10px; padding:10px 10px 25px 10px; z-index:1;}
#listing li:hover{opacity:0.6;filter:alpha(60);}
#listing li div{padding:3px 0;}
#listing li label{display:inline-block;width:90px;}
#listing li input[type=text]{width:150px;}
#listing .usertools{display:none; position:absolute;bottom:0; z-index:999; right:3px;}
#listing .contratTPE{ padding:5px;}
#listing  li .vignette{float:right;}
	
/* PAGE ADMIN */
.f-ADM .tb-lay{max-width:500px;}
.f-ADM .floatbox{max-width:400px;}
.f-ADM .admincss{clear:both; padding:20px 0;}

/*GEOLOCALISATION*/
ol>li{padding:20px 0}
.aideGM{width:auto;height:auto;max-width:180px;display:inline-block; float:right; margin:0 0 0 30px ;}
input.analyse{width:550px; border:0; padding:5px; }
#URLGM{margin:10px0}

/*STATS*/
.StatTB td{padding:5px;}
.stat_tablo td,.stat_tablo th{padding:5px;}
.stat_total td{text-align:right!important;}
.boxrechStat fieldset{min-height:100px!important;}
.floatboxStat{width:40%;max-width:280px;float:right;clear:right;padding:10px;margin:0 10px 30px 10px}

#CarteStats{width:100%;height:350px;}
/*LISTE FICHES*/
#Message{text-align:center;color:red;font-size:14px;margin:5px;}
#FiltersBox li{margin:5px 0;}
#LettersFilterTb li{margin:2px; text-align:center; width:50px;}
#Letters A{display:block;}
#Letters A:active, #Letters A:hover{}
#LettersBox{width:35%}
.boxrech{float:left; margin:0 10px 0 0;}
.boxrech fieldset {min-height:200px; position:relative; z-index:1;}
.boxrech button{ bottom:10px;}
.tb-list{width:97%;margin:20px 0;} 
.tb-list th,.tb-list td{padding:5px; vertical-align:middle;} 
.tb-list td.numero{width:50px;} 
.AP_pagination{width:80%}
.AP_pagination, .AP_resultat{display:block;}
.AP_pagination a.btn{display:inline-block!important;}

/*ETAT TPE*/
#ListingTPE h3{padding:3px;}
#ListingTPE h4{padding:3px;}
#ListingTPE .details{margin-bottom:30px; position:relative; z-index:1;}
#ListingTPE .details li{padding:10px;}
#ListingTPE .details .tpes .box{padding:5px; margin:5px;}
#ListingTPE .details .tpes .box div{font: bold 16px arial; }
#ListingTPE .details .tpes .box div label{display:inline-block; min-width:130px; }
#ListingTPE .adresse{float:left;width:45%}
#ListingTPE .Contacts{float:right;width:45%}
#ListingTPE #carteGM{width:100%; height:600px; margin-left:0}

/*Config*/
#configComercea fieldset{width:46%; margin-right:5px; float:left;}
@media print{    
    #menu, #SelectProfil, #footer-main    {        display: none !important;    }
}

/* PREVIEW BP */
#dialog .coupon {width:auto;   padding:10px; }
#dialog .fichecoupon {max-width:320px;margin:20px auto; }
#dialog .fichecoupon .menufiche {margin:10px 0 0 0;}
#dialog .fichecoupon .menufiche li a{display:block; width:100px; height:50px;    margin-right:6px; text-align:center; padding-top:60px;}
#dialog .fichecoupon .menufiche li:last-child a{margin:0;}
#dialog .fichecoupon .logo{float:right; padding:0; margin:0;}
#dialog .fichecoupon .detail{margin:0;padding:0;}
#dialog .fichecoupon .detail h3{padding:10px;}
#dialog .fichecoupon  div.offreglobale {padding:10px; margin:0;}
#dialog .fichecoupon  div.validite, .fichecoupon  div.offre, .fichecoupon  div.conditions { padding:3px 10px;}
#dialog .fichecoupon  div.offreglobale div{text-align:center;}
#dialog .fichecoupon .codebarre{text-align:center;float:none;margin:0 auto 0px auto;padding:10px; clear:both;margin:0 0 20px 0  }
#dialog .fichecoupon .codebarre label{display:block;margin:0; }
#dialog .fichecoupon .codebarre span{padding:0px 5px;}
#dialog .fichecoupon .logo img{width:auto; max-width:120px;}

/*SS-MENU*/
.ssmenu li{margin-right:20px !important;}
.ssmenu li a.selected{}

/* TABLEAU DE BORD */
.tableaubord  .frm{width:auto; padding:0;margin:20px 0}
.tableaubord   .boxrech button{position:relative;margin:20px 0;}
.tableaubord   .boxrech fieldset{min-height:0px;}
.tableaubord  table th,.tableaubord   table td, #eCouponUsers table th, #eCouponUsers table td{padding:10px 5px; vertical-align:middle;}
.tableaubord  table th, #eCouponUsers table th{white-space:nowrap;text-align:center;}
.tableaubord  table .ui-icon{display:block}
.tableaubord  table td.echeque span{height:auto;min-height:40px;}
.tableaubord  table td.valeur,.tableaubord   table td.montant{text-align:right;}
.tableaubord  table span.echeque  {display:block; width:40px; height:40px;margin:0 auto;}
.tableaubord  table span.ui-icon {display:block; margin:0 auto;}
.tableaubord  table span.valhidden{display:none;}
.tableaubord  .stats .libelle{float:none; white-space:nowrap;}
.tableaubord  .stats .resultat{text-align:right;}
/*messages*/
#MessagesBox{float:left; width:35%;overflow:hidden;position:relative;margin:0 0 0 10px;}
#MessagesBox fieldset{ height:204px;overflow:auto;}
#MessagesBox .carousel{ height:180px;overflow:auto;}
#MessagesBox .carousel li{ height:80px;width:270px;}
.tableaubord  .message {position:relative; padding:10px 3px; }
.tableaubord  .message .datediffusion{position:absolute; bottom:10px ; right:5px; z-index:999; padding:0 0 5px 0;}
.tableaubord  a.liremessage{display:inline-block;}
#Messages-Liste td{white-space:nowrap;}

/*lecture message*/
#dialog .messageouvert{padding:10px;}
#dialog .datediffusion{padding:5px 0;}
#TotalUsers{padding:15px 0; }

/*MESSAGES*/
#Message-content fieldset div{display:block;}
span.msgactif{display:block; width:20px; height:20px; margin:0 auto;  cursor:pointer;}
.action .btnaction span{margin:5px 15px}

.f-H{width:900px}

.ig-admin tr.actif td{color:#000; font-weight:bold;}
.ig-admin tr.inactif td{color:#aaa; font-weight:normal;}
#ope-encours {border:1px solid #999;padding:5px;width: 250px;}
#ope-encours>a {text-align:left;padding-left:5px!important}
#content #ope-encours h3{background-color:transparent; text-align:center; color:#000;}


/*CATALOGUE*/

.catalogue a:hover{text-decoration:none}
.catalogue h5, .catalogue h4{margin:0px}
.catalogue th{vertical-align:middle;text-align:center}
.catalogue li.lib_option {margin-top:5px;font-weight:bold;color:#F29400}
.catalogue .labelsupp{margin-left:20px;font-style:italic}
.catalogue .tabloproduit td{padding:5px 5px;}
.tablocmde {width:100%}
.tablocmde td{padding:5px 5px;}
.catalogue .tabloproduit th{white-space: nowrap;}
.catalogue input.tarif{width:40px}
.catalogue input.datedeb{width:65px}
.catalogue input.datefin{width:65px}
.catalogue .val_option td,.catalogue .val_option th, .opt_radio {color:#000;}
.catalogue #listingArtCom{width:100%}
.catalogue #listingArtCom th{vertical-align:middle;text-align:left;white-space: nowrap}
.extranet .catalogue .tablocmde th{white-space: nowrap}
.catalogue .tablocmde th{vertical-align:middle;text-align:left;}
.catalogue #listingArtCom .itemArt:hover, .catalogue .tablocmde tr:hover{cursor: pointer;}
.catalogue #listingArtCom tr.itemArt:hover>td, .catalogue .tablocmde tr:hover>td {background-color:#eaeaea;}
#ArtDiag #Art_infos label {display:block;padding:5px}
#ArtDiag #Art_img {float:left;margin-right:25px}
#ArtDiag #Art_infos {float:left;}
#ArtDiag #Art_infos .aidetext-area {position:absolute;}
#ArtDiag .aide {margin-right:10px;}
#ArtDiag .number {text-align:right;}
.delattribut{display: inline-block!important;}
#ArtDiag .delattribut,#tgt_Art_stock0 .saveattribut,#tgt_Art_stock0 .cancelattribut{
	display: inline-block;
    margin-left: 5px;
    width: 15px;
    padding: 1px;
    height: 15px;
    background-color: #2e75b6!important;
    border-radius: 3px;
	 background-image: url("/Portal_Java/jquery-ui-1.10.4/css/start/images/ui-icons_FFFFFF_256x240.png")!important;
}
/* si button #tgt_Art_stock0 .saveattribut{display:inline-block;margin-left:15px;letter-spacing:initial!important;padding:5px 5px 5px 0px!important;}*/
.newattribut{display:inline-block;letter-spacing:initial!important;padding:5px 5px 5px 0px!important;}
#dialog_del{    position: absolute;    left: 17px;}

#CdeDiag label.error, #ArtDiag label.error {display:none!important}
#CdeDiag textarea.error, #CdeDiag input.error, #ArtDiag textarea.error,#ArtDiag input.error {background-color:red}
#CdeDiag select.error, #ArtDiag select.error {border:solid 1px red;}
.catalogue button[type=submit], .ui-dialog-titlebar button[type=button], .ui-dialog-buttonset button[type=button]{background-color:#2e75b6!important;color:#fff!important;font:bold 12px arial;border:0}
#Art_idimg{width: 110px;}
#ArtDiag .lstfrq{width: 80px;}

input[type="checkbox"].error:before{
  content:'X';
  color: red;
  font-weight: bold;
  margin-left: 2px;
}
th.tablesorter-header{vertical-align:inherit}

.sitemobile #CdeDiag{position: absolute;top: 0;background-color: #fff !important;}
.sitemobile #AppBarCde{text-align: center;margin: 20px;}
.sitemobile #AppComSave{float:left;}
.sitemobile #AppComAnnule{float:right;}
.sitemobile #AppBarCde .ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.sitemobile #AppBarCde .ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.sitemobile #AppBarCde .ui-corner-all,.sitemobile #AppBarCde .ui-corner-bottom,.sitemobile #AppBarCde .ui-corner-right,.sitemobile #AppBarCde .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.sitemobile #AppBarCde .ui-corner-all,.sitemobile #AppBarCde .ui-corner-bottom,.sitemobile #AppBarCde .ui-corner-left,.sitemobile #AppBarCde .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.sitemobile #AppBarCde .ui-corner-all,.sitemobile #AppBarCde .ui-corner-top,.sitemobile #AppBarCde .ui-corner-right,.sitemobile #AppBarCde .ui-corner-tr {
    border-top-right-radius: 3px;
}
.sitemobile #AppBarCde .ui-corner-all,.sitemobile #AppBarCde .ui-corner-top,.sitemobile #AppBarCde .ui-corner-left,.sitemobile #AppBarCde .ui-corner-tl {
    border-top-left-radius: 3px;
}
.sitemobile #CdeDiag, p.sitemobile #CdeDiag label{font-size:14px;text-align:justify}
.sitemobile #CdeDiag h3 a{color:#fff}

#res_conso{margin-left:50px}
.kdolocale_div ol>li{padding:5px 0;}