/*for all content*/
*
{
    font-family: arial,arial Narrow;
    font-size: 11px;
    color: #000000;
}


span.tscolor
{
    font-weight: bold;
    color: rgb(157,1,48);
}
a.linkunder
{
    text-decoration: underline;
}
.txtMini
{
    font-size: 10px;
}

#TopBlock, #Block
{
    margin-top: 20px;
   
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
}

.TopBlockTS
{
    padding-top: 20px;
}

#Block
{
    max-width: 800px;
}
#TopBlock
{
    width: 850px;
}

.topblock, .TopBlock
{
    top: 40px;
    position: relative;
    background-image: url(../../files/-/img/content/bkgrd_Box.jpg);
    background-repeat: repeat-x;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #ebebeb;
    margin-bottom: 15px;
    text-indent: 15px;
}


.colorTS
{
    color: #700229;
}

.TopTitle, .TitleAgenda
{
    background-color: #6e012a;
    background-repeat: repeat-x;
    right: 0;
    display: block;
    font-family: calibri;
    width: 100%;
    font-size: 16px;
    font-variant: small-caps;
    text-indent: 5px;
    color: #ffffff;
    font-weight: 700;
}

.TopTitle
{
    width: 100%;
}

.bkgrdTop, .bkgrdTopActu
{
    background-color: #F8F8F8;
    top: 0;
    position: relative;
    display: block;
    max-height: 100%;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    background-repeat: repeat;
    border-bottom: 1px solid #a8959b;
}

.bkgrdTop
{
    height: 255px;
}

.bkgrdTopActu
{
    height: auto;
}

.twooline
{
    display: block;
    position: relative;
    height: 25px;
    margin-bottom: 2px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.Maintain
{
    position: relative;
    padding: 0;
    margin: 0;
    top: 0;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
    height: auto;
    min-height: 450px;
    background-color: #efefef;
    background-repeat: repeat;
}


/*pbx b2b*/

#Block .Maintain, .MaintainOneStep, .MaintainTwooStep, .MaintainTreeStep, .Maintain2Box
{
    position: relative;
    padding: 5px;
    margin: 0; min-height: 130px;
    top: 0;
    text-align: left;
background-color: #fff;
}

.MaintainOneStep, .MaintainTwooStep, .MaintainTreeStep{position: absolute; top: 0; width:230px; background-color:#CFDDE7; height: 100%;  margin: 0; padding: 0; padding-bottom:19px; }
 
.MaintainTwooStep{left: 270px; }
.MaintainTreeStep{left: 540px;}

.Maintain2BoxLeft{color: #000; margin: 0;  left: 10px; height: 100%; border:1px solid #CFDDE7;}
.Maintain2BoxRight{position: absolute; top: 0;  left: 400px; height: 100%;  border:1px solid #CFDDE7; }
.Maintain2BoxLeft, .Maintain2BoxRight {margin: 0; padding: 0px 10px 0px 10px;   width:365px; border:1px solid #CFDDE7; }


.paddingBlock{display: block; width: 99%; padding-left: 15px; }

.MaintainTwoBlock, .MaintainTwoBlockB2B, .MaintainTwoBlockLR
{
    position: relative;
    padding: 0;
    
    margin-bottom: 0;margin-top: 0;
    text-align: left;
    max-width: 850px;
}

.MaintainTwoBlockLR
{
    height: 220px; margin-bottom: 15px; left: -10px; right:-10px; clear: left;  
}

.MaintainTwoBlockB2B
{
    height: 280px; margin-bottom: 15px;
}

/*doc pbx*/
#Block .MaintainTwoBlock{border-bottom: 1px solid #fbfbfb; margin: 0; padding: 0; }

.LeftBlock, .RightBlock{padding: 0;    top: 0;    text-align: left;    height: 100%;
    bottom: 0; width: 400px; margin-left: 5px; left: 0;}


.LeftBlock{position: relative; margin-left: 5px; clear: right;}
.RightBlock{position: absolute; margin-left: 400px; }

/*AvoncA*/

.LeftContent
{
    top: 0;
    display: block;
    clear: right;
    width: 70%;
    min-width: 400px;
    max-width: 1024px;
    padding-bottom: 0px;
    position: relative;
}


.av_BlockTxt
{
    background-image: url(../../files/-/img/content/bkgrd_Box.jpg);
    background-position: bottom;
    margin-bottom: 0;
    display: block;
}

.av_BlockTxtLong
{
    background-color: #f7f7f7;
}


.av_BlockTxtLong ul li, .av_BlockTxtLong p
{
    margin-left: 5px;
}

.av_BlockTxt, .av_BlockTxtLong
{
    border-left: 1px dashed #efefef;
    border-top: 0px;
    border-right: 1px dashed #efefef;
    border-bottom: 1px solid #a8959b;
    padding-bottom: 5px;
}


.av_BlockTxt p, .av_BlockTxt ul.bullet li
{
    padding-left: 9px;
}

/*Right Info*/
.RightContent
{
    float: right;
    position: absolute;
    right: 0px;
    top: 5px;
    bottom: 0px;
    padding-bottom: 10px;
    display: block;
    width: 220px;
    border: 1px solid #990033;
    background-color: White;
    z-index: 0;
}

.title
{
    display: block;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    margin-top: 10px;
    background-image: url(../../files/-/img/Layout/menuLeft/title_mnu.jpg);
    background-repeat: repeat-x;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #f0f0f0;
    height: 16px;
}

.boxTargetRight
{
    display: block;
    width: 178px;
    border-left: 2px solid #E2DED8;
    border-right: 2px solid #E2DED8;
    background-color: #f7f7f7;
    margin-top: 0px;
        bottom: 0px;
}


img.RightContent_Header
{
    top: 0;
    margin-left: 0px;
    display: block;
    width: 220px;
    height: auto;
}


.RightContent .txt
{
    white-space: normal;
    display: block;
    width: 220px;
    font-size: 11px;
    padding-left: 25px;
    padding-right: 5px;
    line-height: 16pt;
    text-align: justify;
}

.RightContent .txt p
{
    line-height: 13pt;
    text-align: justify;
}

.RightContent_Footer
{
    background-image: url(../../files/-/img/avonca_img/bkgrd_bottomRight.gif);
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 220px;
    height: 13px;
}

.BoxTop /*Box right AvoncA for Goto*/
{
    background-image: url(../../files/-/img/content/BoxtargetRight.jpg);
    background-repeat: no-repeat;
    width: 182px;
    padding-left: 25px;  padding-top: 3px; 
}

.TS_MCP
{
    margin-top: 10px;
    border-top: 1px solid #E2DED8;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 15px;
    text-align: center;
    padding-right: 15px;
}



/*New galerie img Avonca*/

.screenShot {
    width: 100%;
    text-align: left;
    margin: 0;
min-height:550px; 
margin-bottom: 45px; 
margin-top: 0; 
}
 
.screenShot ul.tab {padding:0; margin:0; list-style:none; width:800px; height:auto; position:relative; z-index:10;}
 
 
.screenShot ul.tab li 
{display: block;
 width: auto;
 height: 150px;
 float: left; 
background-color: white; 
 }
 
 

 .screenShot ul.tab li a img
{clear: left; }




 
 /*
 .imgempty{display: block; width: 200px; height: 200px;  }
*/
 
.screenShot ul.tab a.set
{
    display:block; font-size:11px; width:120px; 
    height:30px; text-align:center;  background: #8c0638;
line-height:30px; color:#fff; text-decoration:none; 
border-right: 2px solid #fff;
    }
 
.screenShot ul.tab li a ul, 
.screenShot ul.tab li ul 
{display:none;}
 
.screenShot ul.tab li.select a
{ color: #fff; background: #6e012a;}
 
 
.screenShot ul.tab li a:hover,
.screenShot ul.tab li:hover a
{color: #fff; z-index: 500; background: #6e012a;}

.screenShot ul.tab li.select ul
{
display: block;
    position: absolute;
    left: 0;list-style:none; 
    top: 30px;
    padding: 0;
    margin: 0;
    height: auto;
    min-height: 500px;
    background: #ebebeb;
    border: 1px solid #8c0638;
    width: 100%;
    padding: 10px 10px;
    z-index: 1;

}


 
.screenShot ul.tab li a:hover ul, 
.screenShot ul.tab li:hover ul
{
  display: block;
    position: absolute;
    left: 0;
    top: 30px;
    list-style:none; 
    padding: 0;
    margin: 0;
    height: auto;
    min-height: 500px;
    background: #ebebeb;
    border: 1px solid #8c0638;
    width: 800px;
    padding: 10px 10px;
    z-index: 100;
       background: none;
    z-index: 100;
  }
 
.screenShot ul.tab li ul li
{   display: inline;
    width: 140px;
    height: 170px;
     padding: 5px;
    background-color: white;
   border: 1px solid #CCCCCC;
    float: left;
    margin: 10px 10px 45px 10px;}
    

.screenShot ul.tab li ul li.ResolveBug
{
z-index: 100; 
display: block;
width: 140px;height: 168px;
background-color: #ebebeb;
border: 2px solid #ebebeb;
margin: 0px; padding: 0; 

}


.emptyCase{display: block; width: 200px; height: 200px; background-color: #ebebeb; }
    

span.txtgallery
{
    text-align: left;
    position: relative; 
    display: inline-block; 
    margin-top: 2px; 
    white-space: normal;
   background-color: White; 
    color: #6E012A;
}

 
.screenShot ul.tab li ul li a
{background:#ebebeb; 
 display: block;
    width: 110px;
    cursor: default;
    float: left;
    text-decoration: none;
    
 }
 
.screenShot ul.tab li ul li a img
{
   display: block;
    width: 140px;
    height: 125px;
margin-top: 0; 
border: 1px solid #CCC;
clear: left; 
 
 }
 
.screenShot ul.tab li a:hover ul li a:hover, 
.screenShot ul.tab li:hover ul li a:hover
{  white-space: normal;    position: relative; }
  
  
  
.screenShot ul.tab li a:hover ul li a:hover img, 
.screenShot ul.tab li:hover ul li a:hover img, 
.screenShot ul.tab li a:hover ul li a.RightimgHover:hover img, 
.screenShot ul.tab li:hover ul li a.RightimgHover:hover img 
{
   position: absolute;
    z-index: 250; 
    width: auto;    top: 0px;
    height: auto;
    border: 1px solid #6e012a;
    padding: 5px;
    background-color: #f0f0f0;
    }
 
.screenShot ul.tab li a:hover ul li a:hover img, 
.screenShot ul.tab li:hover ul li a:hover img 
{    left: 0px;    }


/*RightimgHover*/
.screenShot ul.tab li a:hover ul li a.RightimgHover:hover img, 
.screenShot ul.tab li:hover ul li a.RightimgHover:hover img 
{  left: -225px; float: left; }



/* printscreen down ---add pbxnsip */
.screenShot ul.tab li a:hover ul li a.Down:hover img, 
.screenShot ul.tab li:hover ul li a.Down:hover img 
{  left: 0px; top: -480px; }

/*title pbxnsip*/


.TitleGallery{position: absolute; float: left; font-size: 120%; font-weight: 700; left: 10px; margin-top: 20px;  color: #666; }

.screenShot ul.tab li ul li a:hover
{background-color: transparent!important;   }

/*for Top System/quisommesnous*/


/*bock info ts*/
.BoxDown
{
    padding: 0px;
    position: relative;
    top: 0px;
    text-align: left;
}

img.imgTopsys
{
    display: block;
    clear: right;
    position: relative;
    left: 10px;
    width: 252px;
    height: 171px;
}


.bkgrdTop img.imgTopsys
{
    top: 40px;
}

/*for actu*/
.bkgrdTopActu img.imgTopsys
{
    padding-top: 15px;
}

img.TScertif
{
    display: block;
    clear: right;
    position: absolute;
    margin-top: 25px;
    margin-left: 5px;
    width: 119px;
}
.pmeBkgrd
{
    left: 0px;
    width: 200px;
    height: 60px;
    background-image: url(../../files/-/img/content/PME_new.gif);
    background-position: bottom;
    background-repeat: no-repeat;
}
.txt_topsysFirstCertif
{
    position: absolute;
    margin-left: 10px;
    margin-top: 8px;
    width: 50%;
    margin-right: 5px;
    clear: right;
}


/*txt logo pbxnsip
B{font-weight: bolder; color: #000000; }
span.nsip{font-weight: bolder; color: #0084CB; }
*/

.txtBox{width: 168px;  margin-left: 10px; }

.txtBox a{line-height: 14pt; margin-left: 15px; }


/*bullet for home actualité*/

ul#Homeactu
{
    margin: 0;
    padding: 0;
    margin-top: 5px;
}
ul#Homeactu li
{
    background-image: url(../../files/-/img/news_bullet.gif);
    background-repeat: no-repeat;
    background-position: 5px 3px;
    padding-left: 32px;
    text-align: justify;
    line-height: 16pt;
    padding-right: 15px;
    margin-bottom: 3px;
}


B
{
    color: #000;
}

ul#Homeactu li a
{
    color: #2200CC;
    text-decoration: underline;
}


img.logoAccueil
{
    position: relative;
    border: 0;
    bottom: 0px;
    margin-left: 200px;
    padding-top: 10px;
}

.txt_topsysYellow, .txt_topsysActu
{
    position: absolute;
    background-color: #FFFFFF;
    padding: 3px;
    border: 1px solid #CCC;
    bottom: 0px;
}



.txt_topsysYellow
{
    top: 10px;
    margin-left: 260px;
    width: 68%;
    height: 100%;
        min-height: 250px;
}

.txt_topsysActu
{
    top: 10px;
    right: 5px;
    background-color: #FFFFFF;
    width: 67%;
    margin-left: 50px;
    padding: 5px;
    bottom: 0px;
    font-size: 110%;
}

.txtFirst
{
    clear: right;
    left: 10px;
    width: 250px;
    padding-bottom: 10px;
    top: 10px;
}

.txtFirst P, .txt_topsysTwo P
{
    color: #666666;
}

.txt_topsysTwo P
{
    margin-top: 0px;
    text-align: left;
}


/*
.txt_topsysTwo ul#bullet{margin-top: 8px; }
*/

.txt_topsysFirstCertif
{
    color: #cecece;
}


.txt_topsysYellow span
{
    padding: 5px;
}

.txt_topsysYellow span, .txtFirst, .txt_topsysFirst, .txt_topsysTwo, .txt_topsysTwoContact, .txt_topsysFirstContact, .txt_topsysTree, .txt_topsysTwoMCP, .txt_topsysFirstCertif
{
    text-align: justify;
    display: block;
    white-space: normal;
    color: #666666;
    line-height: 11pt;
}

.txt_topsysFirst
{
    margin-bottom: 0;
    margin-right: 5px;
}
.txt_topsysTwoMCP
{
    top: 10px;
    padding-left: 20px;
    right: 10px;
    width: 360px;
}

.txt_topsysTwo ul#bullet li
{
    color: #666666;
}

.txtFirst, .txt_topsysTwo, .txt_topsysTwoMCP, .txt_topsysTwoContact, .txt_topsysFirstContact, .txt_topsysTwoMCP, .txt_topsysTree
{
    position: absolute;
}

.txt_topsysFirst
{
    margin-top: 10px;
    width: 33%;
    clear: right;
    margin-left: 270px;
}
.txt_topsysTwo, .txt_topsysTwoContact
{
    top: 10px;
    width: 270px;
    right: 10px;
    margin-bottom: 10px;
}

.txt_topsysTwoContact
{
    border: 1px solid gray;
    display: block;
    margin-bottom: 15px;
    padding: 5px 2px 5px 2px;
    background-color: rgb(240,240,240);
}


.txt_topsysTree
{
    position: absolute;
    top: 10px;
    width: 290px;
    margin-left: 235px;
    border: rgb(235,235,235) 1px solid;
    margin-bottom: 3px;
    padding-right: 2px;
    display: block;
    padding-left: 2px;
    padding-bottom: 60px;
    padding-top: 5px;
    background-color: rgb(240,240,240);
}


/*not use
img.txt_topsysLogo{float:right; position: absolute; right: 1%; margin-top: 82px; }
*/

/*4block down*/

.maintainDown
{
    padding: 0px;
    position: relative;
    text-align: left;
    width: 100%;
    top: 0px;
}

.BoxOneDown, .BoxTwoDown, .BoxThreeDown, .BoxFourDown
{
    background-image: url(../../files/-/img/content/bkgrd_FourBoxBlue.jpg);
    background-repeat: repeat-x;
    height: 440px;
    background-position: bottom left;
    margin-bottom: 0;
    display: block;
    width: 200px;
    border: 1px solid #a8959b;
    border-bottom: 0px;
    clear: right;
}


.BoxOneDown .txtBox{margin-top: -15px;}

.BoxTwoDown, .BoxThreeDown, .BoxFourDown
{
    position: absolute;
    top: 0;
    margin: 0 auto;
}


.BoxOneDown
{
    margin-left: 3px;
}



.BoxTwoDown
{
    margin-left: 25%;
}


.BoxThreeDown
{
    margin-left: 50%;
}
.BoxThreeDown
{
    margin-left: 50%;
}
.BoxFourDown
{
    right: 5px;
}

.bkgrd_titleDown
{
    background-color: #bc90a1;
    display: block;
    min-width: 200px;
    width: 100%;
    text-align: justify;
    font-family: calibri;
    font-size: 16px;
    text-indent: 5px;
    margin-bottom: 0px;
    color: #000000;
}


.Blockimg
{
    top: 0px;
    height: 75px;
    width: 200px;
    margin-bottom: 0px;
    border-bottom: 1px solid #A696A0;
}
.boxTargetRight .txtBox
{
    white-space: normal;
    line-height: 12pt;
    padding-left: 5px;
    padding-right: 2px;
    height: auto; 
    text-align: left; 
    max-width: 210px; 
}

.boxTargetRight .txtBox .linksLine
{margin-left: 37px; }

.BoxOneDown .txtBox
{
    padding-top: 15px;
}


.BordBottom{height: 5px; display: block; border-bottom: 1px solid #CCC; background-color: #fbfbfb; position: relative; bottom: 0; width: 178px;  }


/*list*/
.blockUL
{
    white-space: normal;
    position: absolute;
    width: 195px;
    text-align: left;
    line-height: 18px;
    top: 100px;
    left: 0px;
}
.blockFirstUl
{
    text-align: left;
    display: block;
    position: relative;
    left: 0px;
    top: 0px;
}

.blockUL ul#bullet, ul#bullet, ul#ok, #block ul#pbxB2B, #Block ul#pbxStar
{
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
}



ul#bullet li
{
    background-image: url(../../files/-/img/content/bullet.gif);
    background-repeat: no-repeat;
    margin-bottom: 3px;
    background-position: 0 .5em;
    padding-left: 15px;
    padding-top: 3px;
}

ul#ok li
{
    background-image: url(../../files/-/img/content/website/ok.gif);
    background-repeat: no-repeat;
    
margin-bottom: 3px;
    background-position: 0 .5em;
    padding-left: 15px;
    padding-top: 5px;
}



/*bullet for avonca option modules etc*/
.av_BlockTxtLong ul#bullet, .av_BlockTxt ul#bullet{ padding-left: 5px;    margin-top: 10px;}
.av_BlockTxtLong ul#bullet li, .av_BlockTxt ul#bullet li{ margin-left: 10px; }




/*For list-style-type: none; view css folder in the root */
/*sublist*/

ul#bullet ul li
{
    margin: 0;
    padding: 0;
    background-image: none;
    text-align: justify;
}


ul#bullet ul li
{
    list-style-type: circle;
    line-height: 13pt;
    text-align: justify;
   }

ul#bullet ul#SubList ul
{
    margin-left: 25px;
    list-style-type: none;
}

/*subliste level3*/
ul#bullet ul#SubList ul#SubListLeveltree li, ul#tiret li
{
    background-image: url(../../files/-/img/content/sub_Bullet.gif);
    background-repeat: no-repeat;
    margin-bottom: 3px;
    background-position: 0 .5em;
    background-repeat: no-repeat;
    margin-bottom: 3px;
    background-position: 2% 1em;
    padding-left: 20px;
    padding-top: 3px;
}


img.imgBox, img.imgVS
{
    position: relative;
    top: -10px;
    margin-bottom: 2px;
    left: -5px;
    margin-right: -20px; /*clear: both; */
}

.BoxREA, .BoxREANl
{
    display: block;
    position: relative;
    width: 200px;
    top: 0px;
    margin-bottom: 8px;
    background-color: #FFFFFF;
    border-top: 1px solid #a8959b;
    border-bottom: 1px solid #a8959b;
}

.BoxREANl
{
    height: 20%;
}
.BoxREA
{
    height: 18%;
}

.txtAssudis
{
    width: 100px;
    top: 10px;
    left: 96px;
    right: 0px;
    line-height: 15pt;
}
.txtAssudisNl
{
    width: 114px;
    top: 14px;
    left: 80px;
    right: 0;
    line-height: 14pt;
}

.txtAssutop
{
    width: 114px;
    top: 1px;
    right: 0px;
    line-height: 14pt;
}

.txtAvonca
{
    width: 90px;
    top: 7px;
    right: 1px;
}


.txtAssudis, .txtAssutop, .txtAvonca, .txtAssudisNl, .txtAssutopNl
{
    position: absolute;
    text-align: right;
    display: block;
    font-size: 11px;
}

.LAvonca
{
    top: 10px;
    left: 2px;
}
.LAssudis
{
    width: 95px;
    height: 54px;
    top: 10px;
    left: 5px;
}
.LAssutop
{
    float: left;
    top: 17px;
    left: 0px;
    clear: right;
    width: 101px;
}
.LAvonca, .LAssudis, .LAssutop
{
    position: relative;
    clear: right;
}




.maintainTL
{
    position: relative;
    display: block;
    width: 190px;
    height: 80px;
    margin-bottom: 3px;
}
.txtTL
{
    clear: right;
    position: relative;
    padding-top: 8px;
    width: 100px;
    text-align: justify;
}
.LinkLogoTL img
{
    position: absolute;
    top: 0;
    width: 72px;
    margin-left: 110px;
    border: 0;
    vertical-align: middle;
}
.TSCertif
{
    display: block;
    margin: 0;
    padding: 0;
    width: auto;
    white-space: nowrap;
    margin-left: 0px;
    margin-top: 45px;
}


/*for Contact*/

a.contactlineOne
{
    bottom: 5px;
    position: relative;
}

.imglineTwoo
{
    margin-left: 45px;
    position: relative;
    top: -25px;
}
.LinkSTIB
{
    margin-bottom: -15px;
    position: relative;
    top: -15px;
}

img.HouseTopsys
{
    display: block;
    clear: right;
    position: relative;
    top: 15px;
    left: 10px;
    width: 291px;
    height: 312px;
    z-index: -10;
}
img.HouseTopsysma
{
    display: block;
    clear: right;
    margin-top: 15px;
    margin-left: 22px;
    width: 267px;
    height: 354px;
    padding-bottom: 10px;
}
img.logoTSMA
{
    margin-top: 5px;
    margin-bottom: auto;
    width: 122px;
    height: 113px;
    clear: right;
}


P.imgCenter
{
    margin-left: 20px;
    vertical-align: middle;
}

.BlockFirstContact, .BlockFirstContactMA
{
    background-image: url(../../files/-/img/content/box.gif);
    width: 209px;
    height: 122px;
    padding-left: 10px;
    z-index: 0;
    background-repeat: no-repeat;
    clear: both;
}

.BlockFirstContact
{
    margin-top: 2px;
    padding-top: 1px;
    margin-left: 10px;
}
.BlockFirstContactMA
{
    position: absolute;
    top: 10px;
    padding-top: 10px;
    left: 10px;
}


.pos100
{
    position: relative;
    width: 100%;
}
.pos100 img
{
    vertical-align: middle;
    z-index: 0;
}

.txt_topsysYellowContact
{
    background-color: #FFFFCC;
    padding: 3px;
    border: 1px solid gray;
    margin-bottom: 2px;
    color: #000000;
}
.txt_topsysFirstContact
{
    top: 10px;
    width: 205px;
    clear: right;
    left: 310px;
}

/*popin plan grd*/

a.infoPlan span, a.infoPlanMA span, div.BE span,div.FR span, div.LU span,div.MA span, a.info span.hiddentxt, a.info span, a.infoWording:hover span
{ z-index: 0;  display:none; cursor: help; background: none;  }   

.BE:hover span, .FR:hover span, .LU:hover span, .MA:hover span, a.info:hover span{ 

      display:block;   
      position:relative;   
        margin-top:356px;    
        left:30px;
      background-color: #f0f0f0; color: #000000; border: 1px solid #CCC; 
      padding: 0px 2px 0px 2px; 
      z-index: 1000; 
      }   
      
      a.info:hover span{ white-space: normal; width:500px; text-decoration: none;  line-height: 14pt;    }   
    a.info{text-decoration: underline;}
    
    
a.infoPlan:hover span{ 
      display:block;   
      position:absolute;   
      top:-202px;    
      right:0px;}   

a.infoPlanMA:hover span, .BE:hover span, .FR:hover span , .LU:hover span, .MA:hover span, a.info:hover span{ 
      display:block;   
      position:absolute;   
      top:-355px;    
      right:0px;   

 }   
 
 
a.infoWording:hover span            /*for wording page*/
 { 
      display:block;   
      position:absolute;   
      top:-220px;    
      left:20px;}   
 /*end*/
 

a.infoPlan, a.infoPlanNl, a.infoPlanMA, a.info, a.infoWording
{
    position: relative;
    z-index: 0;
}
a.infoPlan:hover, a.infoPlanNl:hover, a.infoPlanMA:hover, a.info:hover, a.infoWording:hover
{
    background: none; /* correction d'un bug IE6 */
    z-index: 500;
    cursor: inherit;
}


a.infoPlan span, a.infoPlanNl span, a.infoPlanMA span, div.BE span, div.FR span, div.LU span, div.MA span, a.info span.hiddentxt, a.infoWording span
{
    z-index: 0;
    display: none;
    cursor: help;
    background: none;
}

a.info:hover span{ white-space: normal; width:500px; text-decoration: none;  line-height: 14pt;    }   
   
    

a.info:hover span
{
    white-space: normal;
    width: 500px;
    text-decoration: none;
    line-height: 14pt;
}
a.info
{
    text-decoration: underline;
}


a.infoPlan:hover span, a.infoPlanNl span, a.infoWording:hover span
{
    display: block;
    position: absolute;
    top: -202px;
    right: 0px;
}

a.infoPlanMA:hover span, a.infoPlanNl:hover .BE:hover span, .FR:hover span, .LU:hover span, .MA:hover span, a.info:hover span
{
    display: block;
    position: absolute;
    top: -355px;
    right: 0px;
}

a.infoPlan:hover span, a.infoPlanNl:hover span
{
    width: 599px;
    height: 505px;
    border: 1px solid #666666;
    margin-right: 0px;
}

a.infoPlanNl:hover span
{
    background-image: url(../../files/Nl/img/content/contactPLan_grdNl.gif);
}

a.infoPlan:hover span
{
    background-image: url(../../files/fr/img/content/contactPLan_grd.gif);
}

a.infoPlanMA:hover span
{
    background-image: url(../../files/-/img/content/ts_ma/contactTSMaghrebPLan_grd.gif);
    width: 599px;
    height: 505px;
    border: 1px solid #666666;
    margin-right: 0px;
}


.planMini
{
    background-image: url(../../files/fr/img/content/plan_mini.gif);
}
.planMiniNl
{
    background-image: url(../../files/Nl/img/content/plan_mini_Nl.gif);
}


.planMini, .planMiniNl
{
    position: relative;
    background-repeat: no-repeat;
    z-index: 0;
    width: 151px;
    height: 122px;
    border: 1px solid #666666;
    margin-left: 60px;
    clear: both;
}

.planMiniTSMA
{
    position: relative;
    background-image: url(../../files/-/img/content/ts_ma/TSMaghreb_plan_mini.gif);
    background-repeat: no-repeat;
    z-index: 0;
    width: 151px;
    height: 122px;
    border: 1px solid #666666;
    margin-left: 60px;
    clear: both;
}


.linkautoFirst
{
    position: relative;
    left: -92px;
    top: -15px;
}




/*top system certified*/

#TSBlock
{
    margin-top: 0;
    margin-left: 5px;
    margin-right: 15px;
    border: 1px solid #bebebe;
    max-width: 800px;
    margin-bottom: 15px;
    min-width: 560px;
    min-height: 500px;
}

.Maintainblock, .MaintainPartner
{
    position: relative;
    top: 0px;
    margin-right: 5px;
    font-family: arial;
}

.BlockPadding{padding: 0px 5px 5px 5px;}
.MaintainPartner {/*voir pbxnsip.css*/}

.Maintainblock
{    min-height: 190px;}


#Block .Maintainblock
{
    margin-bottom: 5px;
}

.imgTxtRight
{
    float: left;
    clear: right;
    margin-right: 5px;
    margin-top: 18px;
    padding-top: 4px;
}
.imgTxtRight span
{
    text-align: justify;
    position: relative;
    line-height: 10px;
    padding-top: 5px;
}

img.mcphor, img.mcpvert
{
    display: block;
    clear: right;
    position: relative;
}


img.mcphor
{
    width: 195px;
    height: 162px;
    top: 15px;
    left: 20px;
}
img.mcpvert
{
    width: 162px;
    height: 195px;
    top: 3px;
    left: 38px;
}

.bkgrd_img
{
    background-image: transparent;
    background-repeat: no-repeat;
    width: 240px;
    height: 200px;
    display: block;
}


.titleBox
{
    font-family: calibri;
    font-size: 14px;
    color: #700229;
    text-indent: 5px;
}

.BoxOneMcp .titleBox
{
    margin-top: 15px;
    margin-left: 15px;
}

#blocktxt_flow p, .titleBox p
{
    margin-left: 15px;
    width: 90%;
}
#blocktxt_flow
{
    height: 150px;
    width: 100%;
    padding-top: 5px;
    margin-bottom: 5px;
}
/*for overflow, view in css folder root*/

#blocktxt_flow p
{
    font-family: arial, verdana;
    white-space: pre-line;
    font-size: 11px;
    color: black;
    line-height: 16px;
}
#blocktxt_flow p span.microsoft
{
    font-weight: 700;
    color: #0095f1;
}

.BoxOneMcp
{
    margin-left: 250px;
    position: absolute;
    top: 0px;
    display: block;
    border-left: 1px outset #AB8F99;
    height: 200px;
    right: 0px;
    border-bottom: 1px solid #AB8F99;
    background-image: url(../../files/-/img/content/bkgrd_FourBoxBlue.jpg);
    background-repeat: repeat;
    width: 70%;
}

.fondGray
{
    background-color: #F6F6F6;
    padding-bottom: 20px;
}


/*Top system maghreb*/

.imgMap
{
    cursor: default;
}
.imgBatMA
{
    position: absolute;
    top: 2px;
    float: right;
    right: 1%;
}
.txtTSMa
{
    display: block;
    position: absolute;
    top: -10px;
    left: 200px;
    white-space: normal;
    text-align: justify;
    color: #000000;
    line-height: 13pt;
    margin-top: 12px;
    width: 70%;
    margin-right: 1%;
}
.LogoTSMa
{
    vertical-align: middle;
    clear: right;
}




/*page info news: voir cms.css*/



/*for assutop cms*/



.topboxFR, .topboxNL
{
    width: 242px;
    height: 31px;
    position: absolute;
    z-index: 2;
    background-repeat: no-repeat;
    z-index: 1;
}



.topboxFR
{
    background: url(../../files/fr/img/content/topBox_FR.gif);
}
.topboxNL
{
    background-image: url(../../files/nl/img/content/topbox_NL.gif);
}

.topboxFR, .topboxNL
{
    top: -25px;
    left: -1px;
}

.txtAssutop
{
    padding: 0px 2px 0px 2px;
}
span.imgtxtAssutop
{
    position: relative;
    top: -20px;
    text-align: justify;
    padding-right: 2px;
}


.BoxLeft_TOP
{
    float: left;
    left: 181px;
    position: relative;
    width: 240px;
    top: 60px;
    height: auto;
    background-color: #ffffff;
    border: 0.01em solid gray;
    border-top: 0;
    color: #939598;
    text-align: left;
    padding-top: 30px;
    margin-bottom: 10px;
    font-family: arial, verdana;
    font-size: 11px;
    text-decoration: none;
}


.BlockLinks
{
    width: 90%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    top: -10px;
}

img.CS_TS
{
    float: left;
    clear: left;
    margin-right: 10px;
    display: block;
}


.BlockLinkLeft
{
    display: block;
    margin-left: 20px;
    float: left;
    width: 40%;
    height: auto;
}

.BlockLinkRight
{
    display: block;
    right: 5px;
    width: 40%;
    position: absolute;
}



/*contenu Assutop*/

.imgMapAssutop
{
    float: left;
    left: -5px;
    margin: 0;
    padding: 0;
    clear: right;
    width: 424px;
    height: 455px;
}
span.assutop
{
    color: #93073a;
}

img.logoAssutop
{
    position: absolute;
    left: 50%;
    clear: both;
    margin-left: -165px;
    width: 330px;
    height: 80px;
    z-index: 100; /*for ie6*/
}

.blockLeftLink
{
    position: absolute;
    left: 40px;
    top: 110px;
}
.blockRightLink
{
    position: absolute;
    left: 230px;
    top: 110px;
}

a.BTAssutop
{
    background-image: url(../../files/-/img/button/bt_assutop.gif);
    background-repeat: no-repeat;
    display: block;
    width: 112px;
    height: 16px;
    color: White;
    font-variant: small-caps;
    font-weight: bold;
    vertical-align: middle;
    white-space: normal;
    font-family: verdana;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

a.BTAssutop:hover
{
    color: White;
    text-decoration: none;
    cursor: pointer;
}

.rightAssutop
{
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: justify;
    height: 100%;
    padding: 15px;
    display: block;
    left: 425px;
    white-space: normal;
    background-color: white;
    margin-bottom: 5px;
}


.rightAssutop P{ text-align: left; }

/*Télémaintenance */
img.imgTeamV{float: left; left: 0; bottom: 0px; position: absolute; width: 426px; height:462px; clear: right; border: 0; }
img.titleShareDKTP{left: 0; margin-bottom: 0; margin-left: 0px; position: absolute; margin-top: 20px; z-index: 10;  }

.rightTeamV{position: relative; text-align: justify;  padding: 5px; margin-left: 52%; margin-top: 20px;  margin-right: 5px;  padding: 0; height: auto; width: auto;   }
.pdLeft{padding-left:10px; margin-top: 0;  }

.PlLink{display: block;  width: 100%; margin-left: 0; margin-top: 0px; text-align: center;}

.txtMini{font-size: 90%; }

#Block .rightTeamV .txtMini, #Block .rightTeamV .info{margin-top: 5px; margin-bottom: 10px; margin-left:10%; text-align: left;}

.BoxGray{position: relative; margin-left: 5px; background-color: #fbfbfb; 
    margin-right: -5px; padding: 5px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;  margin-bottom: 20px;}
    
/*page link*/

.title_pgelink
{    background-image: url(../../files/-/img/content/title_pgelink.gif);   background-repeat: no-repeat;
    background-position: left top;    width: 103px;
    height: 23px;
}
.titlelink
{
    margin-left: 120px;
    color: #ffffff;
    position: absolute;
    top: 0px;
    font-size: 120%;
}