#content{
    background-image:url(../img/bg-green-field.png);
    background-repeat: no-repeat;
}

#box-wrapper {
    -moz-transform: scale(1,0.5) rotate(-45deg);
    -webkit-transform: scale(1,0.5) rotate(-45deg);
    -ms-transform: scale(1,0.5) rotate(-45deg);
    transform: scale(1,0.5) rotate(-45deg);
    margin:225px 0 0 -419px;
    width:1500px;
}
.box{
    height:70.71px;
    width:70.71px;
    //border:1px solid #FFFFFF;
    float:left;
}
.box.odd{
//    background-color:#5eb839;
}
.box.even{
//    background-color:#67c734;
}
.box.hover{
    background-color:Silver;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    /* IE 5-7 */
    filter: alpha(opacity=50);

    /* Netscape */
    -moz-opacity: 0.5;

    /* Safari 1.x */
    -khtml-opacity: 0.5;

    /* Good browsers */
    opacity: 0.5;
} 
.clear-box{
    clear:both;
}
.pole,.ss,.at{
    width:50px;
    height:100px;
    position:absolute;
}
.pole-strup-right,.pole-strdown-left{background-image:url(../img/poteau-monte.png);}
.pole-strdown-right,.pole-strup-left{background-image:url(../img/poteau-descend.png);}
.pole-up-right,.pole-up-left{background-image:url(../img/poteau-descend-monte.png);}
.pole-right-down,.pole-right-up{background-image:url(../img/poteau-droite.png);}
.pole-left-up,.pole-left-down{background-image:url(../img/poteau-gauche.png);}
.pole-down-left,.pole-down-right{background-image:url(../img/poteau-monte-descend.png);}

.ss1-left{background-image:url(../img/ss1-2.png);}
.ss1-right{background-image:url(../img/ss1-4.png);}
.ss1-up{background-image:url(../img/ss1-3.png);}
.ss1-down{background-image:url(../img/ss1-1.png);}

.ss1-down-left,.ss1-down-right{background-image:url(../img/ss1-3-4.png);}
.ss1-strup-left,.ss1-strdown-right{background-image:url(../img/ss1-1-3.png);}
.ss1-right-up,.ss1-right-down{background-image:url(../img/ss1-2-3.png);}
.ss1-strup-left-left,.ss1-left-up-down,.ss1-strdown-right-right{background-image:url(../img/ss1-1-3-4.png);}
.ss1-strup-left-right,.ss1-strdown-right-left,.ss1-right-down-up{background-image:url(../img/ss1-1-2-3.png);}
.ss1-down-left-up,.ss1-strup-right-right,.ss1-strdown-left-left{background-image:url(../img/ss1-2-3-4.png);}
.ss1-left-up,.ss1-left-down{background-image:url(../img/ss1-1-4.png);}
.ss1-strup-right,.ss1-strdown-left{background-image:url(../img/ss1-2-4.png);}
.ss1-strup-right-left,.ss1-up-right-down,.ss1-strdown-left-right{background-image:url(../img/ss1-1-2-4.png);}
.ss1-up-right,.ss1-up-left{background-image:url(../img/ss1-1-2.png);}

#obj-wrapper{
    pointer-events: none;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
}
#start{
    width:150px;
    height:100px;
    position:absolute;
}
#start.off{background-image:url(../img/depart-0.png);}
#start.on{background-image:url(../img/depart-1.png);}

#panel{
    position:absolute;
    left:0px;
    top:10px;
}
#panel div{
    width:222px;
    height:41px;
    display:block;
}
#panel-pole.off{background-image:url(../img/pylone-off.png);}
#panel-pole.on{background-image:url(../img/pylone-on.png);}
#panel-ss1.off{background-image:url(../img/ss1-off.png);}
#panel-ss1.on{background-image:url(../img/ss1-on.png);}
#panel-ss2.off{background-image:url(../img/ss2-off.png);}
#panel-ss2.on{background-image:url(../img/ss2-on.png);}
#panel-at.off{background-image:url(../img/autotransfo-off.png);}
#panel-at.on{background-image:url(../img/autotransfo-on.png);}

#panel .selector{
    width:185px;
    float:left;
}
#panel .help{
    width:30px;
    float:right;
}


.ss2-up{background-image:url(../img/ss2-4.png);}
.ss2-right{background-image:url(../img/ss2-3.png);}
.ss2-down{background-image:url(../img/ss2-1.png);}
.ss2-left{background-image:url(../img/ss2-2.png);}

#rails{
    background-image: url(../img/rails.png);
    width:756px;
    height:379px;
    top:0;
    left:0;
    position:absolute;
}
#catenaires{
    background-image: url(../img/catenaires.png);
    width:771px;
    height:376px;
    top:0;
    left:0;
    position:absolute;
}
#train{
    background-image: url(../img/train.png);
    width:315px;
    height:161px;
    top:-121px;
    left:649px;
    position:absolute;
}
#fumee{
    background-image: url(../img/fumee.gif);
    width:200px;
    height:100px;
    top:-38px;
    left:690px;
    position:absolute;
    opacity:0.8;
    display:none;
}

#cables{

    width:771px;
    height:376px;
    left:-15px;
    top:-8px;
    position:absolute;
    background-repeat:no-repeat;
}
#cables.red{
    background-image: url(../img/cable-rouge.png);
}
#cables.green{
    background-image: url(../img/cable-vert.gif);
}
#cables.greenA{
    background-image: url(../img/cable-vert-cote-a.gif);
}
#cables.greenB{
    background-image: url(../img/cable-vert-cote-b.gif);
}
#cables.greenAB{
    background-image: url(../img/cable-vert-cote-a-b.gif);
}

.at{background-image:url(../img/autotransfo.png);}

#picto-pole{background-image:url(../img/picto-poteau.jpg);}
#picto-ss1{background-image:url(../img/picto-ss1.jpg);}
#picto-ss2{background-image:url(../img/picto-ss2.jpg);}
#picto-at{background-image:url(../img/picto-autotransfo.jpg);}



#dialog-pole-help .dialog-help-left{
    background-image:url(../img/illus-pylone.jpg);
}
#dialog-ss1-help .dialog-help-left{
    background-image:url(../img/illus-sousstation-grosse.jpg);
}
#dialog-ss2-help .dialog-help-left{
    background-image:url(../img/illus-sousstation-petite.jpg);
}
#dialog-at-help .dialog-help-left{
    background-image:url(../img/illus-autotransfo.jpg);
}

#bottom div{
    display:block;
}

#recommencer{
    height:50px;
    width:110px;
    background-image:url(../img/recommencer.png);
    position:absolute;
    right:230px;
    cursor:pointer;
}
#tester{
    height:50px;
    width:160px;
    background-image:url(../img/tester.png);
    position:absolute;
    right:40px;
    cursor:pointer;
}
.ui-dialog.red, .ui-dialog.red .ui-dialog-titlebar{
    background:#fe3c3c!important;
}
.ui-dialog.green, .ui-dialog.green .ui-dialog-titlebar{
    background:8dd567!important;
}
.ui-dialog.orange, .ui-dialog.orange .ui-dialog-titlebar{
    background:ffac3c!important;
}

#imprimer{
    display:block;
    height:50px;
    width:152px;
    background-image:url(../img/imprimer.jpg);
    position:absolute;
    right:40px;
    cursor:pointer;
}
