body {background:#FFFFFF url(../images/implantation/fond_orange.jpg) no-repeat scroll 50% top; }
#debug { position:relative; float: left;top:5px; width: 995px; min-height: 60px; border:#FF0000 1px solid;}
.couleur{ border:#FF0000 1px solid;}
.titre_page{float:left; width:568px; height:65px;font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#777; font-weight:bold; text-align:left;}
.div_bt_suivant{  float:left; width:240px; height:65px;text-align:right;vertical-align:bottom;}
.div_a_complaiter{ position:absolute;top:3px; left:572px; width:178px; height:50px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#FF0000;}
.trait_titre{float:right; background:#FFDD00; width:160px; height:2px; margin:10px; font-size:1px;}
.trait_aide{float:right;  width:160px; height:9px; margin: 0 0 0 10px; font-size:9px; text-align:right;}


.ui-helper-reset { margin: 0; padding: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }


#page { margin:0 auto; width: 995px;}
#apli { position:relative; float: left; width: 995px; height: 610px; min-height: 600px;}
#ombre { float: left;  width:15px; height:610px;  padding:0; margin:0; border:0; background:#FFF url(../images/implantation/ombre_vertical.jpg) right center no-repeat; }
#commande { float: left;  width:288px; height:610px;  padding:0; margin:0; border:0; background:#FFF; }
#boite_a_outils{float: left; width: 288px; height: 450px;  overflow: auto; background:#FFF;} 

.terrain { float: left;  width:680px; height:600px;  padding: 5px; margin:0; background:#FFF; border:#ABABAB 1px dashed; }
.terrain { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777;}
.terrain.custom-state-active { background: #e0e; }
/*.terrain h4 { line-height: 16px; margin: 0 0 1px; }
.terrain h4 .ui-icon { float: left; }
.terrain li a.ui-icon-zoomin { float: left; }*/
.terrain ul { list-style-type: none;}
.terrain li { float: left; width: 45px; padding: 1px; margin: 0 1px 1px 0; text-align: center; }
.terrain li h5 { margin: 0 0 2px; cursor: move; }
.terrain li a { float: right; }
.terrain li img {  cursor: move; }
.terrain li .titre { font-size:16px; }

.terrain li .ui-widget-header{ visibility:hidden; display:none;}
.terrain li.b_batiment{ width: 156px; height:86px;}
.terrain li.b_liaison{ width: 30px; height:45px;}
.terrain li.b_camera{ width: 45px; height:45px;}
.terrain li.b_obstacle{ width: 45px; height:45px; background:none;}
.terrain li.nom_aide{ width: 645px; text-align:left; font-size:11px; z-index:1000;}


#parametre { float: left; width: 273px; min-height:116px; padding:38px 0px 0px 15px; background:#FFF url(../images/implantation/caracteristiques.jpg) left top no-repeat; }
#parametre {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555; text-align:left;}
#parametre input.longueur { width:40px;}
#parametre #valide_param{ float:right; margin-right:15px;}

.txt_distance { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; font-weight:bold; text-align:left;}

#conteneur_camera { float: left; width: 260px; min-height:50px; padding: 5px;}
#conteneur_camera h4 { line-height: 16px; margin: 0 0 1px; }
#conteneur_camera ul { list-style-type: none;}
#conteneur_camera li { float: left; width: 120px; padding: 0px; margin: 1px; text-align: center; }
#conteneur_camera li h5 { float:left; width:72px; margin: 5px 0 1px 3px; cursor: move; }
#conteneur_camera li h5 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; font-weight:bold; text-align:left;}
#conteneur_camera li img { width: 45px; height: 45px; cursor: move; float:left; }
#conteneur_camera li a { display:none; }


#conteneur_liaison { float: left; width: 260px; min-height:50px; padding: 5px;}
#conteneur_liaison h4 { line-height: 16px; margin: 0 0 1px; }
#conteneur_liaison li { float: left; width: 120px; padding: 1px; margin: 0 1px 1px 0; text-align: center; }
#conteneur_liaison li h5 { float:left; width:72px; margin: 5px 0 1px 3px; cursor: move; }
#conteneur_liaison li h5 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; font-weight:bold; text-align:left;}
#conteneur_liaison li img { width: 30px; height: 45px; cursor: move;  float:left;}
#conteneur_liaison li a { display:none; }
#conteneur_liaison li.iconcable { float: left; width: 60px; padding: 1px; margin: 10px 1px 1px 0; text-align: center; }
#conteneur_liaison li.txtcable { float: left; width: 190px; padding: 1px; margin: 0 1px 1px 0; text-align: center; }



#conteneur_reception { float: left; width: 260px; min-height:50px; padding: 5px;}
#conteneur_reception h4 { line-height: 16px; margin: 0 0 1px;}
#conteneur_reception li { float: left; width: 120px; padding: 1px; margin: 0 1px 1px 0; text-align: center; }
#conteneur_reception li h5 { float:left; width:72px; margin: 5px 0 1px 3px; cursor: move; }
#conteneur_reception li h5 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; font-weight:bold; text-align:left;}
#conteneur_reception li img { width: 45px; height: 45px; cursor: move;  float:left;}
#conteneur_reception li a { display:none; }

#conteneur_obstacle { float: left; width: 260px; min-height:50px; padding: 5px;}
#conteneur_obstacle h4 { line-height: 16px; margin: 0 0 1px;}
#conteneur_obstacle li { float: left; width: 80px; padding: 1px; margin: 0 1px 1px 0; text-align: center; }
#conteneur_obstacle li h5 { margin: 0 0 1px; cursor: move; }
#conteneur_obstacle li h5 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; font-weight:bold; text-align:center;}
#conteneur_obstacle li img { width: 45px; height: 45px; cursor: move; }
#conteneur_obstacle li a { display:none; }

#conteneur_batiment { float: left; width: 260px; min-height:50px; padding: 5px;}
#conteneur_batiment h4 { line-height: 16px; margin: 0 0 1px; }
#conteneur_batiment li { float: left; width: 110px; padding: 1px; margin: 0 1px 1px 0; text-align: center; }
#conteneur_batiment li h5 { margin: 0 0 1px; cursor: move; }
 #conteneur_batiment li img { width: 45px; height: 45px; cursor: move; }
#conteneur_batiment li a { display:none; }
#conteneur_batiment li ul { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; font-weight:bold; text-align:center;}
#conteneur_batiment li .titre { font-size:10px;  margin: 0; padding:0; }


#conteneur_distance { float: left; width: 260px; min-height:50px; padding: 5px;}
#conteneur_distance h4 { line-height: 16px; margin: 0 0 1px;}
#conteneur_distance li.icondistance { float: left; width: 60px; padding: 1px; margin: 10px 1px 1px 0; text-align: center; }
#conteneur_distance li.txtdistance { float: left; width: 190px; padding: 1px; margin: 0 1px 1px 0; text-align: center; }
#conteneur_distance li h5 { margin: 0 0 1px; cursor: auto; }
#conteneur_distance li h5 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#777; font-weight:bold; text-align:center;}
#conteneur_distance li img { width: 45px; height: 45px; cursor: auto; }
#conteneur_distance li a { display:none; }



.batiment { width:100%; height:100%;   }
.batiment.custom-state-active { background: #e0e; }

.batiment_conteneur_m{ background:#FFFFFF; margin:5px; border:#D6D6D6 1px solid; width:84px; height:45px;}
.batiment_conteneur_b{ background:#D6D6D6; margin:5px; border:#D6D6D6 1px solid; width:84px; height:45px;}
.batiment_conteneur_m_fond{background:#D6D6D6; margin:5px auto; width:90%; height:90%; cursor: move;}
.batiment_conteneur_b_fond{background:#FFFFFF; margin:5px auto; width:90%; height:90%; cursor: move;}


#conteneur_liaison li.no-drag img { width: 45px; height: 45px; cursor:auto; float:left;}
#conteneur_camera li.no-drag img { width: 45px; height: 45px; cursor:auto; float:left;}
#conteneur_reception li.no-drag img { width: 45px; height: 45px; cursor:auto; float:left;}
#conteneur_distance li.no-drag img { width: 45px; height: 45px; cursor:auto; float:left;}

.distance { height: 12px;}
.terrain li.distance{ width:105px;  float: left;  padding: 2px; margin:1px; text-align: center; }
.terrain li.distance span {float: left;  padding: 0; margin:0;  white-space: nowrap;}
.terrain li.distance a {float: left;  padding: 0; margin:0;}


.nom_aide { border: 1px solid #dddddd; background: #eeeeee url(css/ui-lightness/../images/implantation/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
._ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(css/ui-lightness/../images/implantation/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
._ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(css/ui-lightness/../images/implantation/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
._ui-widget-content { background: #FFF; }
.ui-widget-header_conteneur { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666; font-weight: bold;}
.ui-widget-header_conteneur a { color: #ffffff; }


.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(../images/implantation/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }

.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }

.cacher{ visibility: hidden;}
.encadre{border:#FF0000 1px solid;}


/* Icons
----------------------------------*/

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../css/ui-lightness/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(../css/ui-lightness/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(../css/ui-lightness/images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../css/ui-lightness/images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../css/ui-lightness/images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(../css/ui-lightness/images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(../css/ui-lightness/images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../css/ui-lightness/images/ui-icons_ffd27a_256x240.png); }


.ui-icon-poubelle { position:absolute; top:-16px; left:16px; background-position: -176px -96px; }
.ui-icon-poubelle2 { position:absolute; top:-16px; left:16px; background-position: -176px -96px; }
.ui-icon-distance { background-position: -176px -96px; }
.ui-icon-param { position:absolute; top:-16px; left:0px; background-position: -176px -112px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }


.ui-draggable-dragging h5{  display:none;visibility: hidden;}