@CHARSET "UTF-8";
#LoadingImage{
  width: 50px;
}
.deltable,
.modifTable ,
.rottable {
    background: #f5fdf5;
    margin: 2px;
}
.deltable:hover ,
.modifTable:hover ,
.rottable:hover {
    background-color: #fdefef;
}

.deltable {
    background-image: url("../../images/icons/pdt_delete.png");

    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
}
.modifTable {
    background-image: url("../../images/icons/pdt_edit.png");
    width: 40px;
    height: 40px;
    top: 0px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
}
.rottable {
    background-image: url("../../images/icons/pdt_rotate.png");
    width: 40px;
    height: 40px;
    top: 0px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
}
.rotinverse {
    background-image: url("../../images/icons/pdt_rotate_left.png");
}


/*---------------------nappeover pour les bouton--------------------------------*/
.rud {
    position: relative;
    width: 132px;
}

.overnappe {
    background: #f5fdf5;
    position: absolute;
    z-index: -1;
    border: solid 1px;
    border-radius: 5px;
}


/*---------------- taille des table rectangle---------------------------------------*/
.overnappe,
.rud{
    display: none;
}

.table:hover .overnappe,
.table:hover .rud{
    display: block;
}

.msmain .table:hover .overnappe,
.msmain .table:hover .rud{
    display:none;
}



.tableRH6 .rud ,
.tableRH8 .rud ,
.tableRH10 .rud ,
.tableRH12 .rud ,
.tableRH14 .rud ,
.tableRH16 .rud ,
.tableRH20 .rud {
    top: -115px;
    left: 42px;
}

.tableRH6 .overnappe ,
.tableRH8 .overnappe ,
.tableRH10 .overnappe ,
.tableRH12 .overnappe ,
.tableRH14 .overnappe ,
.tableRH16 .overnappe ,
.tableRH20 .overnappe {
    width: 176px;
    height: 154px;
    top: -20px;
    left: -13px;
}
.tableRH8 .overnappe {
    width: 219px;
}
.tableRH8 .rud {
    left: 92px;
}
.tableRH10 .overnappe {
    width: 266px;
}
.tableRH10 .rud {
    left: 132px;
}
.tableRH12  .overnappe {
    width: 326px;
}
.tableRH12 .rud {
    left: 192px;
}
.tableRH14 .overnappe {
    width: 362px;
}
.tableRH14 .rud {
    left: 228px;
}
.tableRH16  .overnappe {
    width: 410px;
}
.tableRH16 .rud {
    left: 276px;
}
.tableRH20  .overnappe {
    width: 506px;
}
.tableRH20 .rud {
    left: 372px;
}



.tableRV6 .rud ,
.tableRV8 .rud ,
.tableRV10 .rud ,
.tableRV12 .rud ,
.tableRV14 .rud ,
.tableRV16 .rud ,
.tableRV20 .rud {
    top: -84px;
    left: -19px;
}

.tableRV6 .overnappe ,
.tableRV8 .overnappe ,
.tableRV10 .overnappe ,
.tableRV12 .overnappe ,
.tableRV14 .overnappe ,
.tableRV16 .overnappe ,
.tableRV20 .overnappe {
    width: 156px;
    height: 169px;
    top: -20px;
    left: -16px;
}

/***************table banc**********************/

.tableBH3 .overnappe,
.tableBH4 .overnappe,
.tableBH5 .overnappe,
.tableBH6 .overnappe,
.tableBH7 .overnappe,
.tableBH8 .overnappe,
.tableBH9 .overnappe,
.tableBH10 .overnappe{
    width: 170px;
    height: 118px;
    top: -20px;
    left: -13px;
}
.tableBH3 .rud,
.tableBH4 .rud,
.tableBH5 .rud,
.tableBH6 .rud,
.tableBH7 .rud,
.tableBH8 .rud,
.tableBH9 .rud,
.tableBH10 .rud{
    top: -115px;
    left: 36px;
}

.tableBH4 .overnappe{
    width: 219px;
}
.tableBH4 .rud{
    left: 90px;
}
.tableBH5 .overnappe{
    width: 266px;
}
.tableBH5 .rud{
    left: 136px;
}
.tableBH6 .overnappe{
    width: 315px;
}
.tableBH6 .rud{
    left: 181px;
}
.tableBH8 .overnappe{
    width: 411px;
}
.tableBH8 .rud{
    left: 277px;
}
.tableBH10 .overnappe{
    width: 506px;
}
.tableBH10 .rud{
    left: 372px;
}




.tableBB3 .overnappe,
.tableBB4 .overnappe,
.tableBB5 .overnappe,
.tableBB6 .overnappe,
.tableBB8 .overnappe,
.tableBB10 .overnappe{
    width: 170px;
    height: 116px;
    top: -20px;
    left: -13px;
}
.tableBB3 .rud,
.tableBB4 .rud,
.tableBB5 .rud,
.tableBB6 .rud,
.tableBB8 .rud,
.tableBB10 .rud{
    top: -79px;
    left: 36px;
}
.tableBB4 .overnappe{
    width: 218px;
}
.tableBB4 .rud{
    left: 84px;
}
.tableBB5 .overnappe{
    width: 266px;
}
.tableBB5 .rud{
    left: 132px;
}
.tableBB6 .overnappe{
    width: 314px;
}
.tableBB6 .rud{
    left: 180px;
}
.tableBB8 .overnappe{
    width: 410px;
}
.tableBB8 .rud{
    left: 276px;
}
.tableBB10 .overnappe{
    width: 506px;
}
.tableBB10 .rud{
    left: 372px;
}


.tableBG3 .rud,
.tableBG4 .rud,
.tableBG5 .rud,
.tableBG6 .rud,
.tableBG8 .rud,
.tableBG10 .rud{
    top: -84px;
    left: -58px;

}
.tableBD3 .rud,
.tableBD4 .rud,
.tableBD5 .rud,
.tableBD6 .rud,
.tableBD8 .rud,
.tableBD10 .rud{
    top: -84px;
    left: -18px;
}
.tableBG3 .overnappe,
.tableBG4 .overnappe,
.tableBG5 .overnappe,
.tableBG6 .overnappe,
.tableBG8 .overnappe,
.tableBG10 .overnappe{
    width: 115px;
    height: 176px;
    top: -20px;
    left: -52px;
}
.tableBD3 .overnappe,
.tableBD4 .overnappe,
.tableBD5 .overnappe,
.tableBD6 .overnappe,
.tableBD8 .overnappe,
.tableBD10 .overnappe{
    width: 115px;
    height: 176px;
    top: -20px;
    left: 25px;
}

.tableBD4 .overnappe ,
.tableBG4 .overnappe ,
.tableRV8 .overnappe {
    height: 214px;
}
.tableBD5 .overnappe ,
.tableBG5 .overnappe ,
.tableRV10 .overnappe {
    height: 256px;
}
.tableBD6 .overnappe ,
.tableBG6 .overnappe ,
.tableRV12 .overnappe {
    height: 302px;
}
.tableBD7 .overnappe ,
.tableBG7 .overnappe ,
.tableRV14 .overnappe {
    height: 346px;
}
.tableBD8 .overnappe ,
.tableBG8 .overnappe ,
.tableRV16 .overnappe {
    height: 393px;
}
.tableBD10 .overnappe ,
.tableBG10 .overnappe ,
.tableRV20 .overnappe {
    height: 481px;
}

.tableH6  .overnappe {
    width: 200px;
    height: 180px;
    top: -28px;
    left: -23px;
}
.tableH8  .overnappe {
    width: 200px;
    height: 180px;
    top: -28px;
    left: -23px;
}
.tableH10  .overnappe {
    width: 200px;
    height: 180px;
    top: -28px;
    left: -23px;
}


/*---------------- CSs des table vertical----------------------------------------*/
.tableBG3 .nappe,
.tableBD3 .nappe {
    height: 143px;
    width: 50px;
}

.tableBG4 .nappe,
.tableBD4 .nappe {
    height: 181px;
    width: 50px;
}

.tableBG5 .nappe,
.tableBD5 .nappe {
    height: 225px;
    width: 50px;
}

.tableBG6 .nappe,
.tableBD6 .nappe {
    height: 270px;
    width: 50px;
}

.tableBG8 .nappe,
.tableBD8 .nappe {
    height: 360px;
    width: 50px;
}

.tableBG10 .nappe,
.tableBD10 .nappe {
    height: 450px;
    width: 50px;
}
/***deltable***/
.tableRV6 .deltable,
.tableBD3 .deltable,
.tableBG3 .deltable {
    top: 0px;
    left: 0px;
}

.tableRV8 .deltable,
.tableBD4 .deltable,
.tableBG4 .deltable {
    top: 0px;
    left: 0px;
}

.tableRV10 .deltable,
.tableBD5 .deltable,
.tableBG5 .deltable {
    top: 0px;
    left: 0px;
}

.tableRV12 .deltable {
    top: 0px;
    left: 0px;
}

.tableRV14 .deltable {
    top: 0px;
    left: 0px;
}

.tableRV16 .deltable {
    top: 0px;
    left: 0px;
}

.tableRV20 .deltable {
    top: 0px;
    left: 0px;
}

.tableBD6 .deltable,
.tableBG6 .deltable {
    top: 0px;
    left: 0px;
}

.tableBD8 .deltable,
.tableBG8 .deltable {
    top: 0px;
    left: 0px;
}

.tableBD10 .deltable,
.tableBG10 .deltable {
    top: 0px;
    left: 0px;
}

/*---------------- Ronde a 6----------------------------------------*/
.rond8 .rud ,
.rond10 .rud ,
.rond12 .rud ,
.rond6 .rud {
    top: -118px;
    left: 32px;
}
.rond8 .overnappe ,
.rond10 .overnappe ,
.rond12 .overnappe ,
.rond6 .overnappe {
    width: 200px;
    height: 183px;
    top: -8px;
    left: -49px;
}
.rond6 .deltable {
    top:0px;
}

/*---------------- Ronde a 8----------------------------------------*/
.rond8 .rud {
    left: 44px;
}
.rond8 .overnappe {
    width: 214px;
    height: 204px;
}
.rond8 .deltable {
    top: 0px;
}

/*---------------- Ronde a 10----------------------------------------*/
.rond10 .rud {
    left: 80px;
}
.rond10 .overnappe {
    width: 250px;
    height: 245px;
}
.rond10 .deltable {
    top: 0px;
}

/*---------------- Ronde a 12----------------------------------------*/
.rond12 .rud {
    left: 110px;
}
.rond12 .overnappe {
    width: 280px;
    height: 268px;
}
.rond12 .deltable {
    top: 0px;
}


/*--------------------------------------------------------------*/
/*---------------- carre a 8----------------------------------------*/
.carre12 .overnappe ,
.carre8 .overnappe {
    width: 208px;
    height: 210px;
    top: -25px;
    left: -50px;
}
.carre12 .rud ,
.carre8 .rud {
    top: -134px;
    left: 37px;
}

.carre8 .deltable {
    top: 0px;
}
/*---------------- carre a 12----------------------------------------*/
.carre12 .overnappe {
    width: 258px;
    height: 256px;
}
.carre12 .rud {
    left: 87px;
}
.carre12 .deltable {
    top: 0px;
}