/* -----------------------------------------------------------------------

   Momindum CSS
   http://www.momindum.com

=Header
  =Logo
  =MenuModules
  =MenuTopModules
  =SubMenu
  =Announce
=Content
  =Tables
  =Tagline
  =Quotation
  =Fiches
  =Listes
=Buttons
  =ButtonsUse
    =Standard
    =Positive
    =Negative
  =Buttons size
  =Buttons310
  =block Get Timecoder
  =block Get Studio
  =block Get Kbase
  =block Watch Cbox3
=Footer

note: .media is defined by media.jquery.js
----------------------------------------------------------------------- */

/*=general style*/
*{
	font-family:Arial, Helvetica, sans-serif;
}

body {
  background-color: #ffffff;
}

/*new link colors*/
a {color:#404040;text-decoration:underline;}
a:hover {color:#FF6600;text-decoration:underline;}

/******************************HEADER****************************************/

/*=Header*/
#bg_header{
width:100%;
height:100px;
margin-bottom:25px;
background-color:#f4f3f3;
}

#border_menu_top{
background-image: url(/images/common/border_menu_top.gif);
background-repeat:repeat-x;
display:block;
height:2px;
width:100%;
position: absolute;
top:67px;
left:0;
}
#border_menu_bottom{
background-image: url(/images/common/border_menu_bottom.gif);
background-repeat:repeat-x;
display:block;
height:4px;
width:100%;
position: absolute;
top:100px;
left:0;
}

li.accountMenuTop{
	font-family:Arial, Helvetica, sans-serif;
}

li.contact_us{
	font-family:Arial, Helvetica, sans-serif;
	background-color: #d9d8d8;
	height:21px;
	width:inherit;
	text-align:left;
	border-bottom: 1px solid #c1c1c1;
	text-align:center;
}

div#menuTop ul li#contactLink{
	padding-right:6px;
	padding-left:0;
	margin-left:6px;
}

div#menuTop ul li#phoneNumber{
	padding-left:6px;
	padding-right:2px;
}

div#menuTop ul li#phoneNumberFr{
	padding-left:6px;
	padding-right:6px;
}

div#menuTop ul li#gotoEnglish{
	padding-left:6px;
	padding-right:2px;
	padding-top:1px;
	height:20px;
}


a#contact_link{
	  background-image: url(/images/common/contact_icon.gif);
	  background-position:left top;
	  background-repeat:no-repeat;
	  padding-left:20px;
	  padding-bottom: 1px;
}

a#contact_link:hover{
	background-position:left bottom;
}


#logo {
  margin:0;
  width:175px;
  display:inline;
  height:31px;
  position:relative;
  margin-top: 17px;
}

/****top menu****/

#menuTop {
  	display:block;
    font-size: 12px;
    /*height:65px;*/
    height:27px;
    width: 775px;    
}


    
#menuTop ul {
    list-style: inside none none;
    float:right;
  	margin:0;
  	text-align:right;
}

#menuTop ul li {
    float: left;
}

#menuTop ul li a:link, #menuTop ul li a:visited {
    color: #404040;
    text-decoration:none;
}
    
#menuTop ul li a:hover{
    color:#ff6600;
    text-decoration:underline;
}

/****middle menu (links) ***/

#menuMiddle {
  	display:block;
    font-size: 12px;
    /*height:65px;*/
    height: 37px; 
    padding-top: 5px;
    width: 772px;
}

#menuMiddle ul {
    float: right;
    margin:0;
    list-style: inside none none;
}

#menuMiddle ul li {
    float: left;
    text-align: center;
    padding: 0 4px 0 4px;
}


#menuMiddle ul li#li_borders {
    border-left:1px solid #bbbbbb;
    border-right:1px solid #bbbbbb;
}


#menuMiddle ul li a{
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}
#menuMiddle ul li a:hover{
	text-decoration:underline;
}


#menuMiddle a#demo_link{
 background-image: url("/images/common/watch.gif");
}

#menuMiddle a#download_link{
 background-image: url("/images/common/download.gif");
}

#menuMiddle a#pilot_link{
 background-image: url("/images/common/pilot.gif");
}

#menuMiddle a{
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 background-repeat: no-repeat;
 background-position:right top;
 padding-right: 20px;
}

#menuMiddle a#demo_link:hover, #menuMiddle a#download_link:hover, #menuMiddle a#pilot_link:hover{
background-position:right bottom;
}

  
  div#header div.span-24 div#menu {
  /*margin:10px;*/
  height:32px;
  width:764px;
 /* position:absolute !important;
  float:right;*/
  text-align:left;
 /* display:inline;*/
  }
  
  
  div#header div.span-24 div#menu ul li.mainli{
  background-image: url(/images/common/bg_menu.gif); 
  background-repeat: no-repeat;
  }
  
  /*last li on menu*/
  div#header div.span-24 div#menu ul#about li.mainli{
  background-image: url(/images/common/bg_menu_last.gif); 
  background-repeat: no-repeat;
  width: 129px;
  }
  
  div#header div.span-24 div#menu h2 {
  margin-bottom:0;
  }
  
  div#header div.span-24 div#menu h2 a {
  font: normal 15px arial, helvetica, sans-serif;
  display: block;
  width: 127px;
  padding: 8px 0;
  }

  div#header div.span-24 div#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display:block;
  float: left;
  }
  
  /*change apparences when page is opened*/
  div#header div.span-24 div#menu ul.selectedMenu li.mainli h2 a,
  div#leftmenu li.selectedMenu a{
  	color:#ff6600;
  	font-weight: bold;
  }
  
  /**MAIN MENU**/
  /* BUTTONS */
  /*div#header div.span-24 div#menu ul#products li.mainli { 
  background-position: 0 0; 
  width:158px;
  height:39px;
  }
  div#header div.span-24 div#menu ul#solutions li.mainli, div#header div.span-24 div#menu ul#services li.mainli, div#header div.span-24 div#menu ul#downloads li.mainli   { 
  background-position: -158px 0; 
  width:150px;
  height:39px;
  }
  div#header div.span-24 div#menu ul#about li.mainli { 
  background-position: -609px 0; 
  width:158px;
  height:39px;
  }
  */
  
  
  /**SUBMENU**/
  /*
  div#header div.span-24 div#menu{
  z-index:5000;
  }
  */
  /*
  div#header div.span-24 div#menu ul li ul{
  background-position: 0 -82px;
  }
  */
  /*
  div#header div.span-24 div#menu ul#products li.mainli h2 a,div#header div.span-24 div#menu ul#solutions li.mainli h2 a, div#header div.span-24 div#menu ul#services li.mainli h2 a, 
  div#header div.span-24 div#menu ul#downloads li.mainli h2 a,div#header div.span-24 div#menu ul#about li.mainli h2 a{
  display:block;
  width: 127px;
  }
  */
  

  
  
  
  div#header div.span-24 div#menu h2 {
  text-align:center;
  }
  
  div#header div.span-24 div#menu a {
  color: #000;
  text-decoration: none;
  }
  
  
  
  /*
  div.corner {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding; 
    background:transparent url(/images/common/MenuBG.gif) no-repeat scroll -8px -85px;
    bottom:-7px;    
    padding:0;
    position:absolute;   
    width:127px;
    height:9px;
    z-index:32;
    left: 0px;
    margin:0;
  }
  */
  
  /*special position for product menu*/
  /*
  ul#products div.fullsbmenu {
  margin-left:8px;
  }
  */
  
  /*HOVER STATE*/
  
div#header div.span-24 div#menu ul li.mainli:hover h2 a
  {
  color: #ff6600;
  /*width:150px;*/
  }
  
  
  /*div#header div.span-24 div#menu ul#products li.mainli:hover {
    background: url(/images/common/bg_menu.gif) 0px -41px no-repeat;
    height:39px;
    width:158px;
  }
  
  div#header div.span-24 div#menu ul#solutions li.mainli:hover, div#header div.span-24 div#menu ul#services li.mainli:hover, div#header div.span-24 div#menu ul#downloads li.mainli:hover {
    background: url(/images/common/bg_menu.gif) -8px -41px no-repeat;
    height:39px;
    width:150px;
  }
  
  div#header div.span-24 div#menu ul#about li.mainli:hover{
  background: url(/images/common/bg_menu.gif) -10px -41px no-repeat;
  height:39px;
  width:158px;
  }
  
  */
  
  
  
  /*style*/
  /*.fullsbmenu{
    font-size:12px;
    color:#fffff;
  }
  
  .fullsbmenu ul li{
    padding: 5px 2px 5px 2px;
    margin:0 1px 0 1px;
    width: 144px;
  }*/
  /*
  div#header div.span-24 div#menu div.fullsbmenu ul li a {
  color: #ffffff;
  }
  
  div#header div.span-24 div#menu div.fullsbmenu ul li:hover a{
  color: #ff6600;
  }
  
  div#header div.span-24 div#menu div.fullsbmenu ul li:hover{
  background-color:#535353;
  }
  
  
  .fullsbmenu ul li.lvl-1{
  font-weight:bold;
  margin-top:5px;
  padding-bottom:3px;
  }
  
  .fullsbmenu ul li.lvl-2{
  font-style:italic;
  padding:2px 2px 2px 2px;
  font-size:11px;
  }
  
  .fullsbmenu ul li.lvl-0{
  font-weight:bold;
  margin-top:5px;
  }*/

/************end dropdown menu******************/

/******************************************end header menu**********************************************************/
  
  
/*****************************************content******************************************************************/
/*=general content*/
  #content {
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #content .container {
    background-color: #FFF;
  }
  
  #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-family: Lucida Grande, Arial, Helvetica, sans-serif;}
  #content h1 {font-size:2.2em;color:#ff6600;}
  #content h2 {font-size:1.8em;color:#4f4b54;margin-bottom:0.5em;}
  #content h3 {font-size:1.5em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
  #content h4 {font-size:1.2em;font-weight:bold;margin-bottom:1.5em; text-transform:uppercase;color:#444;}
  #content h5 {font-size:1.1em;font-weight:bold;}
  /*=Tables */
  th {
    font-weight:bold;
    color:#222222;
    background-color:#CCCCCC;
  }
  .borderTop {
    border-top: 1px solid #609;
    margin: 0.5em 0;
  }
  /*=Tagline */
  .tagline {
    /*font: normal normal bold 1.8em normal "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;*/
    font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.8em; 
     
    height: 162px;
    color:#FFF;
    margin-bottom: 0;
  }
  .tagline p {
    margin-bottom: 0;
    padding: 0.9em 0 0 0.5em;
  }
  
  .subtagline {
  color:#FFF;
  margin-bottom: 1em;
  font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  font-size: 15px;
  padding: 0.9em 0 0 1em;
  }
  
  /*=Quotation */
  .quotation {
  color: #000000;
  font-size:13px;
  line-height:27px;
  text-align:left;
  text-transform:none;
  font-style: italic;
  font-weight: normal;
  }
  
  .quotation img{
  margin-top:5px;
  
  }
  .quotation b {
    font-family:"Times New Roman", Times, serif;
    font-size: 2.1em;
    line-height:0.1em;
  }
  .quotation div {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  color:#898b8d;
  letter-spacing:0;
  text-transform:none;
  font-size: 11px;
  padding-top: 5px;
  line-height: 140%;
  }
  .quotation div+div {
    border-top:0;
    font-size: 0.85em;
    font-style:italic;
    font-weight: normal;
    color:#999;
    padding-bottom: 0.5em;
  }
  /*=Fiche*/
  #fiche {
  background: transparent url(/images/common/bgFiche.jpg) no-repeat scroll 0 0px;
  padding: 18px;
  min-height: 300px;
  margin-top:10px;
  }
  
  #fiche h4 {font-size:1.2em;font-weight:bold;margin-bottom:0.5em; text-transform:uppercase;color:#444;}
  
  /*=Listes */
  ul.puceArrowBigOrange {
    list-style-image: url(/images/common/puceArrowBigOrange.png);
  }
  ul.puceArrowBigPurple {
    list-style-image: url(/images/common/puceArrowBigPurple.png);
  }
  ul.puceArrowSmallGreen {
    list-style-image: url(/images/common/puceArrowSmallGreen.png);
  }
  ul.puceArrowSmallGrey {
    list-style-image: url(/images/common/puceArrowSmallGrey.png);
  }
  ul.puceArrowSmallOrange {
    list-style-image: url(/images/common/puceArrowSmallOrange.png);
  }
  ul.puceArrowSmallPurple {
    list-style-image: url(/images/common/puceArrowSmallPurple.png);
  }
  ul.puceTickGreen {
    list-style-image: url(/images/common/puceTickGreen.png);
  }
  ul.puceTickOrange {
    list-style-image: url(/images/common/puceTickOrange.png);
  }
  ul.puceTickPurple {
    list-style-image: url(/images/common/puceTickPurple.png);
  }
  /*=Tarifs */
  .tarifs {
  color: #777;
}
/*=Buttons */
  .buttons a, .buttons button, a.buttons, input.buttons {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    /*font-size:100%;*/
    line-height:130%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:4px 10px 3px 7px; /* Links */
  }
  .buttons button, a.buttons {
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
  }
  .buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
  }
  *:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
  }
  .buttons button img, .buttons a img, a.buttons img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
  }
  /*=ButtonsUse */
    /*=Standard */
    button:hover, .buttons a:hover, a:hover.buttons {
      background-color:#ffdfc3;
      border:1px solid #ffc999;
      color:#ff6600;
    }
    .buttons a:active, a:active.buttons {
      background-color:#ed7100;
      border:1px solid #ed7100;
      color:#fff;
    }
    /*=Positive */
    button.positive, .buttons a.positive, a.positive {
      /*color:#529214;*/
    }
    .buttons a.positive:hover, button.positive:hover, a.positive:hover, input.positive:hover{
      background-color:#ffe0cc;
      border:1px solid #C6D880;
      color:#FF6600;
    }
    .buttons a.positive:active,  a.positive:active{
      background-color:#529214;
      border:1px solid #529214;
      color:#fff;
    }
    /*=Negative */
    .buttons a.negative, button.negative, a.negative{
      color:#d12f19;
    }
    .buttons a.negative:hover, button.negative:hover, a.negative:hover{
      background:#fbe3e4;
      border:1px solid #fbc2c4;
      color:#d12f19;
    }
    .buttons a.negative:active, a.negative:active{
      background-color:#d12f19;
      border:1px solid #d12f19;
      color:#fff;
    }
    /*=Buy */
    a.buy { background: #000 url(/images/common/btnBuy.gif) top right no-repeat; }
    a.buy:hover{  background: #000 url(/images/common/btnBuy.gif) bottom right no-repeat; }
    
    /*=Dl */
    a.dl { background: #000 url(/images/common/btnDL.gif) top right no-repeat; }
    a.dl:hover{ background: #000 url(/images/common/btnDL.gif) bottom right no-repeat; }
    /*=Contact */
    a.contact { background: #000 url(/images/common/btnContact.gif) top right no-repeat; }
    a.contact:hover{ background: #000 url(/images/common/btnContact.gif) bottom right no-repeat; }
    /*=Watch */
    a.watch { background: url(/images/common/btnWatch.gif) top right no-repeat; }
    a.watch:hover{ background: url(/images/common/btnWatch.gif) bottom right no-repeat; }

    /*=block Get Timecoder */
    a.blockGetTimecoder:link, a.blockGetTimecoder:visited {
      font: normal normal bold 15px "Trebuchet MS", Arial, sans-serif;
      text-decoration: none;
      color: #404040;
      padding: 90px 20px 32px 84px;
      display: block;
      width: 206px;
      height: 40px;
      background: url(/images/common/dl_timecoderFR.gif) 0px 0px no-repeat;
    }
    a.blockGetTimecoder:hover {
      color: #f60;
      background: url(/images/common/dl_timecoderFR.gif) 0px -162px no-repeat;
    }
        a.blockGetTimecoderEN:link, a.blockGetTimecoderEN:visited {
      font: normal normal bold 15px "Trebuchet MS", Arial, sans-serif;
      text-decoration: none;
      color: #404040;
      padding: 90px 20px 32px 84px;
      display: block;
      width: 206px;
      height: 40px;
      background: url(/images/common/dl_timecoderEN.gif) 0px 0px no-repeat;
    }
    a.blockGetTimecoderEN:hover {
      color: #f60;
      background: url(/images/common/dl_timecoderEN.gif) 0px -162px no-repeat;
    }
    a.blockGetTimecoder span, a.blockGetTimecoderEN span {
      font-size: 10px;
      font-weight: bold;
      text-transform: uppercase;
    }
    /*=block Get Studio */
    a.blockGetStudio:link, a.blockGetStudio:visited {
      font: normal normal bold 16px "Trebuchet MS", Arial, sans-serif;
      text-decoration: none;
      color: #404040;
      padding: 90px 20px 32px 84px;
      display: block;
      width: 206px;
      height: 40px;
      background: url(/images/common/dl_studioFR.gif) 0px 0px no-repeat;
    }
    a.blockGetStudioEN:link, a.blockGetStudioEN:visited {
      font: normal normal bold 16px "Trebuchet MS", Arial, sans-serif;
      text-decoration: none;
      color: #404040;
      padding: 90px 20px 32px 84px;
      display: block;
      width: 206px;
      height: 40px;
      background: url(/images/common/dl_studioEN.gif) 0px 0px no-repeat;
    }
    
    
    a.blockGetStudio:hover {
      color: #ff6600;
      background: url(/images/common/dl_studioFR.gif) 0px -162px no-repeat;
    }
    
    a.blockGetStudioEN:hover {
      color: #ff6600;
      background: url(/images/common/dl_studioEN.gif) 0px -162px no-repeat;
    }
    
    a.blockGetStudio span, a.blockGetStudioEN span {
      font-size: 10px;
      font-weight: bold;
      text-transform: uppercase;
    }
    /*=block Get Kbase */
    a.blockGetKbase:link, a.blockGetKbase:visited {
      font: normal normal bold 16px "Trebuchet MS", Arial, sans-serif;
      text-decoration: none;
      color: #404040;
      padding: 90px 20px 32px 84px;
      display: block;
      width: 206px;
      height: 40px;
      background: url(/images/common/dl_kbase.gif) 0px 0px no-repeat;
    }
    a.blockGetKbase:hover {
      color: #ff6600;
      background: url(/images/common/dl_kbase.gif) 0px -162px no-repeat;
    }
    a.blockGetKbase span {
      font-size: 10px;
      font-weight: bold;
      text-transform: uppercase;
    }
    /*=block Watch Cbox3 */
    a.blockWatchCbox3:link, a.blockWatchCbox3:visited {
      font: normal normal bold 16px Arial, sans-serif;
      text-decoration: none;
      color: #404040;
      padding: 90px 20px 32px 35px;
      display: block;
      width: 264px;
      height: 40px;
      background: url(/images/common/dl_cbox.gif) 0px 0px no-repeat;
    }
    a.blockWatchCbox3:hover {
      color: #f60;
      background: url(/images/common/dl_cbox.gif) 0px -162px no-repeat;
    }
    a.blockWatchCbox3 span {
      font-size: 0.7em;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing:0.1em;
    }

  /*=ButtonsColor */
    /*=Orange */
    a.orange {
      font-size:15.6px;
      color:#FFF;
      border:1px solid #cc6600;
      padding-left: 1em;
      padding-right: 2.6em;
    }
    a.orange:hover{
      color:#016100;
      border:1px solid #AA5500;
    }
    a.orange:active{
      background-color:#d12f19;
      border:1px solid #d12f19;
      color:#fff;
    }
    /*=Grey */
    a.grey {
      font-size:15.6px;
      color:#FFF;
      border:1px solid #777;
      padding-left: 1em;
      padding-right: 2.6em;
    }
    a.grey:hover{
      color:#333;
      border:1px solid #777;
    }
    a.grey:active{
      background-color:#d12f19;
      border:1px solid #d12f19;
      color:#fff;
    }
    
      /*=TO be Deleted:*/
    a.pricing_goto {
      background: url(/images/common/btnWatch.gif) top right no-repeat;
      border-left: 1px solid #c1c1c1;
      text-decoration:none;
      font-size:14px;
      font-weight:normal;
      color:#404040;
      padding:5px 39px 4px 6px;
      height:25px;
    }
    a.pricing_goto:hover{
      background: url(/images/common/btnWatch.gif) bottom right no-repeat;
      color:#ff6600;
    }
    a.pricing_goto:active{
      color:#ff6600;
    }
    
    /*=Purple need to be changed by:*/
    a.classic_goto {
      background: url(/images/common/btnWatch.gif) top right no-repeat;
      border-left: 1px solid #c1c1c1;
      text-decoration:none;
      font-size:14px;
      font-weight:normal;
      color:#404040;
      padding:5px 39px 4px 6px;
      height:25px;
    }
    a.classic_goto:hover{
      background: url(/images/common/btnWatch.gif) bottom right no-repeat;
      color:#ff6600;
    }
    a.classic_goto:active{
      color:#ff6600;
    }
    
          /*=orange need to be changed by:*/
    a.download_goto {
      background: url(/images/common/btnDL.gif) top right no-repeat;
      border-left: 1px solid #ff6600;
      text-decoration:none;
      font-size:14px;
      font-weight:normal;
      color:#404040;
      padding:5px 39px 4px 6px;
      height:25px;
      margin-right:8px;
    }
    a.download_goto:hover{
      background: url(/images/common/btnDL.gif) bottom right no-repeat;
      color:#ff6600;
    }
    a.download_goto:active{
      color:#ff6600;
    }
    
    /*=buy need to be changed by:*/
    .buy_goto{
      background: url(/images/common/btnBuy.gif) top right no-repeat;
      border-left: 1px solid #c1c1c1;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      -moz-border-radius-bottomleft: 5px;
      -webkit-border-radius: 5px 0px 0px 5px;
      border-radius: 5px 0px 0px 5px; 
      text-decoration:none;
      font-size:14px;
      font-weight:normal;
      color:#404040;
      padding:5px 39px 4px 6px;
      height:25px;
      margin-right:8px;
    }
    a.buy_goto:hover{
      background: url(/images/common/btnBuy.gif) bottom right no-repeat;
      color:#ff6600;
    }
    a.buy_goto:active{
      color:#ff6600;
    }
    
  /*=Buttons size */
    .xl {
    font-size: 2em;
  }
  .l {
    font-size: 1.40em;
  }
  .s {
    font-size: 0.8em;
  }
  
  .centre {
    text-align: center;
  }
/*=Footer */
  #footer {
    font-family: Arial, Helvetica, sans-serif;
  }
  
  
  #nav{
    font-size: 13px;
    margin-top: 22px;
    margin-bottom:22px;
    border-top:#cccccc solid 1px;
    
  }
  #nav ul {
    color: #404040;
    list-style-type: none;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
    margin-left:0;
    margin-right:0;
  }
  
  #footer .container #nav ul li{
    float:left;
    /*margin-right:69px;*/
    margin-right:91px;  /*change with one more menu*/
    color: #404040;
  }
  
  /* internationalization of the CSS rule 
  Override container class (container in en, containerMarginFr in fr)*/
  #footer .containerMarginFr #nav ul li{
    /*margin-right:62px;*/
    margin-right:85px;  /*change with one more menu*/
  }
    /* bookmark*/
  div#bookmark{
    text-transform: uppercase;
    }
  
  /*new footer*/
  div.newFooter {
  	    background-color: #efefef;	
  	    margin-top:37px;
  	    padding-top: 6px;
  }
  div.newFooter  div#nav{
    margin-top: 0;
    margin-bottom:22px;
    border-style: none;
  }
  
  div.footerSeparator{
  	background: url(/images/common/footer_separator.gif) 0 0 repeat-x;
  	display:block;
  	width:100%;
  	height: 2px;
  }
  
  div.newFooter div div.joinUs{
	float:right;
  }
  
  div.newFooter div div.joinUs p, div.newFooter div div.joinUs img{
	  float:left;
	  margin-right: 16px;
  }
  
  div.newFooter div div.joinUs p{
	  font-size:18px;
	  color: #404040;
  }
  
  div.newFooter div div#bookmark{
	float:right;
	text-transform:none;
  }
  
  div.newFooter div div#bookmark img, div.newFooter div div#bookmark p{
	float:left;
  }
  
  /*adjust images position*/
  div.newFooter div div#bookmark img {
	padding-top: 2px;
  }
  div.newFooter div div.joinUs img{
	padding-top: 3px;
  }
  
/*keep footer at the bottom of the page*/
html,
body {
   height:100%;
}

div#siteContainer{
min-height: 100%;
}

div#content{

	overflow:auto;
	padding-bottom: 159px;  /* must be same height as the footer */
	 
}

div#footerContainer {
  
   position: relative;
	margin-top: -159px; /* negative value of footer height */
	height: 159px;
	clear:both;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


/*END keep footer at the bottom*/
  
  /*end new footer*/
  
  #nav ul li a:link, #nav ul li a:visited {
    text-decoration: none;
    color: #404040;
    
  }
  
  #nav ul li a:hover {
    text-decoration: underline;
    color: #FF6600;
  }

    
  div.newFooter div#footertext{
    border-style:none;
  }
  div#footertext{
    border-bottom:#cccccc solid 1px;
  }
  div#copyright{
    text-align:right;
    color: #404040;
  }
  div#copyrightContainer{
  height: 18px;
  }
  /*=Edit*/
  .edit {
    color:#888;
    font-size: 0.8em;
  }
  .edit a:link, .edit a:visited {
    color:#888;
  }
  .edit a:hover {
    color: #F89A24;
  }
  /*=Copyright */
  .address {
    font-size: 12px;
  }
  .address p {
    margin-left: 6px;
  }
  .address p span {
    font-weight:bold;
  }
  
/*TO DELETE*/
  /*=Announce */
  #announce .bg {
    background: url(/images/common/bgAnnounce.png) left top repeat-y;
    width: 1018px;
    margin: 0 auto;
    padding: 0.5em 0;
    color: #333;
  }
  #announce span.announce {
    font-weight:bold;
    color: #666;
    font-size: 1.2em;
  }
  .news_color {
    background-color:#ecd3b3;
  
  }
  
  .news_border {
  border: 2px solid #CCC;
  }
  
  .news_title{
    font-weight:bold;
    color: #660099;
    font-size: 1.1em;
  }
  
  #news_img_award{
  /*margin-left:18px;*/
  margin-left:40px;
  }
  
  #news_img_deeptagging{
  margin-top: 6px;
  }
  
 
  
  #background_banner div.container{
    margin-top: 26px;
    background-color:transparent;
  }

  
  #products_banner{ 
    padding: 0 0 90px 0;
    margin: 40px 0 10px 0;
    float:left;
  }
  
  
  #background_banner div.container div#title_bubble{
    font-family: Arial, "Lucida Sans", Helvetica, Arial, sans-serif;
    font-size:2.2em;
    margin-bottom: 10px;    
  }

  

  
  #studio_bubble{
    color:#862a09;
    background: transparent url(/images/common/bubble-studio.png) no-repeat scroll 0 0;
    display:block;
    width:210px; /*210*/
    height:105px; /*125*/
    padding:10px;
    font-weight:bold;
    text-decoration:none;
  }
  
  #studio_bubble:hover{
    background: transparent url(/images/common/bubble-studio.png) no-repeat scroll 0 -129px;
  }
  
  #timecoder_bubble{
    color:#1f545f;
    display:block;
    background: transparent url(/images/common/bubble-timecoder.png) no-repeat scroll 0 0;
    width:210px; /*210*/
    height:105px; /*125*/
    padding:10px;
    font-weight:bold;
    text-decoration:none;
  }
  
  #timecoder_bubble:hover{
    background: transparent url(/images/common/bubble-timecoder.png) no-repeat scroll 0 -129px;
  }
  #kbase_bubble{
    color:#420f5d;
    display:block;
    background: transparent url(/images/common/bubble-kbase.png) no-repeat scroll 0 0;
    width:210px; /*210*/
    height:105px; /*125*/
    padding:10px;
    font-weight:bold;
    text-decoration:none;
  }
  
  #kbase_bubble:hover{
    background: transparent url(/images/common/bubble-kbase.png) no-repeat scroll 0 -129px;
  }
  
  #cbox_bubble{
    color:#0b3664;
    display:block;
    background: transparent url(/images/common/bubble-cbox.png) no-repeat scroll 0 0;
    width:210px; /*210*/
    height:100px; /*125*/
    padding:10px;
    font-weight:bold;
    text-decoration:none;
  }
  #cbox_bubble:hover{
    background: transparent url(/images/common/bubble-cbox.png) no-repeat scroll 0 -126px;
  }
  

  
  /*=right colum formation page ***********blockContact need be changed by blockPres if works in IE6*/
  
  a.blockContact {
    text-decoration: none;
    display: block;
    width: 308px;
    height: 310px;
    margin-top: 5px;
    padding-top: 17px;
    background: url(/images/common/casestudy_formation.jpg) 0px 0px no-repeat;
    margin-bottom: 5px;
  }
  
    
  a.blockContact span{
    padding:0 17px 0 17px;
    color: #ff6600;
    font: normal normal normal 18px Arial, sans-serif;
  }
  
  a.blockContact p{
    padding:0 17px 0 17px;
    color:#000000;  
    font: normal normal normal 12px  Arial, sans-serif;
  }
  
  a.blockPres {
    text-decoration: none;
    display: block;
    width: 275px;
    height: 282px;
    margin-top: 5px;
    padding: 17px;
    background: url(/images/common/casestudy_formation.jpg) 0px 0px no-repeat;
    margin-bottom: 5px;
  }
  
    
  a.blockPres span{
    color: #ff6600;
    font: normal normal normal 18px Arial, sans-serif;
  }
  
  a.blockPres span.tagline_pres {
    color:#000000;  
    font: normal normal normal 12px  Arial, sans-serif;
  }
  

  a.blockContact:hover, a.blockPres:hover {
      background: url(/images/common/casestudy_formation.jpg) 0px -323px no-repeat;
  }
  
  
    a.columButton{
    text-decoration: none;
    display: block;
    width:248px;
    height:45px;
    margin-bottom:20px; 
    padding:30px 0 0 60px;    
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    color:#404040;
    line-height:17px;
    }
  

  a.columButton span{
    font-size:12px;   
    font-weight:normal;
    text-transform:uppercase;
  }
  
  a#demoBt{
    
    background: url(/images/common/demonstration-BT.gif) 0px 0px no-repeat;
    /*padding-bottom:4px;*/
  }
  
  a#demoBt:hover{
    background: url(/images/common/demonstration-BT.gif) 0px -77px no-repeat;
    color:#FF6600;
  }
  
  a#contactBt{
    background: url(/images/common/contact-BT.gif) 0px 0px no-repeat;
    /*padding-bottom:4px;*/
  }
  
  a#contactBt:hover{
    background: url(/images/common/contact-BT.gif) 0px -98px no-repeat;
    color:#FF6600;
  }
  
  .orangetxt{
    color:#ff6600;
  }
  
  .project-list{
  list-style-type:disc;
  padding-left:20px;
  }
  
  #bg_project_mid div ul li.project-list-large {
  margin-top:20px;
  }
  
  h5.project-list-title {
    color:#ff6600;
    margin-bottom:5px;
  }
  
  #bg_project div ul li, #bg_project_large div ul li, #bg_project_mid div ul li{
  margin-top:10px;
  }
  
  #bg_project{
  background: url(/images/common/BG-project.png) no-repeat top left;
  padding: 20px 0px 20px 0px;
  }
  
  #bg_project_large{
  background: url(/images/common/BG-project-large.png) no-repeat top left;
  padding: 20px 0px 20px 0px;
  }
  
  #bg_project_mid{
  background: url(/images/common/BG-project-midsize.png) no-repeat top left;
  padding: 20px 0px 20px 0px;
  }
    
  li.li-italic{
  list-style-type:none;
  font-style:italic;
  }
  
  #bg_project_large div ul li.italic-list ul li{
  list-style-type:none;
  background: url(/images/common/tiret.gif) no-repeat 0px 8px;
  padding-left:10px;
  /*list-style-image:url(/images/common/tiret.gif);*/
  margin-top:2px;
  }
  
  #bg_project_large div ul li.italic-list{
  list-style-type:none;
  font-style:italic;
  margin-top:2px;
  font-size:12px;
  }


  /*=new content (page formation entreprise)*/
  
  #content.new_style {
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .new_style p{
    font-family: Arial, Helvetica, sans-serif;
  }
  
  
  .new_style .tagline{
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    font-size:22px;
    color:#FFFFFF;
    font-weight:bold;
  }
  
  .new_style .subtagline{
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight:normal;
    line-height:20px;
    padding-top:20px;
  }
  
  .new_style h1{
    padding-top:50px; 
  }
  
  /*=contact page*/
  
  div.contactform{
    border:1px solid #BBBBBB;
    padding-right: 8px ;
    margin-left: 30px;
  }
  
  form#formContact h3 {
    color:#FF6600;
  }
  
  div.contactform ol li textarea{
    height:100px;
  }
  
  .contacttxt{
  margin-bottom: 3px;
  }
  
  
  /*= right colum education page*/
  
    a.blockContact-educ {
    text-decoration: none;
    display: block;
    width: 308px;
    height: 310px;
    padding-top: 17px;
    background: url(/images/common/casestudy_education.jpg) 0px 0px no-repeat;
    margin-bottom: 5px;
  }
  
  
    
  a.blockContact-educ span{
    padding:0 17px 0 17px;
    color: #ff6600;
    font: normal normal normal 18px "Myriad pro", Arial, sans-serif;
  }
  
  a.blockContact-educ p{
    padding:0 17px 0 17px;
    color:#000000;  
    font: normal normal normal 12px "Myriad pro", Arial, sans-serif;
  }
  

  a.blockContact-educ:hover {
      background: url(/images/common/casestudy_education.jpg) 0px -323px no-repeat;
  }
  
  /*hide links to home back (search engine optimization)*/
  a.backtohome{
  text-decoration: none;
  cursor: text;
  color:#111111;
  }
  
  .error_list{
  	color:#ff6600;
  	margin:0;
  	padding:0;
  	height:15px;
  	text-align:right;
  	list-style-type:none;
  }

/*--- floating button: resources button----*/
a.resoucesLink{
  	background: url(/images/product/Resources_bt.jpg) 0 0 no-repeat;
  	width:153px;
  	height: 26px;
  	display: block;
  	color:#FFFFFF;
	font-size:11.5px;
	font-weight:bold;
	padding:9px 0 0 11px;
	text-decoration:none;
	text-transform:uppercase;
}

a.resoucesLink_hover{
	background-position: 0 bottom;
    color:#FFFFFF;
    text-decoration:underline;
}
  

div.floatingBt {
	position:absolute;
}

div.floatingMenu {
	position:absolute;
}

div.slide div.floatingBt div.fullResources,div.floatingBt div.fullResources{
	margin:0 !important;
 	display: none; 
}

div.fullResources ul.sbmenu{
	background: url(/images/product/Resources_subbt.jpg) 0 bottom no-repeat;
  	width:152px;
  	height: 97px;
  	display: block;
	list-style-type: none;
	margin:0;
	padding-left: 8px;
}

 div.fullResources ul.sbmenu li{

}

div.fullResources ul.sbmenu li a{
	text-decoration: none;
	display: block;
	padding-top:5px;
	height: 25px;
	width:135px;
	border-bottom:1px solid #BBBBBB;
}



/*-------left menu--------*/

div#leftmenu div#topCorner{
	background: url(/images/common/left-menu.gif) 0 0 no-repeat;
	display: block;
	width:185px;
	/*height: 9px;*/
	height: 2px; /*remove first line*/
}

div#leftmenu div#bottomCorner{
	background: url(/images/common/left-menu.gif) 0 bottom no-repeat;
	display: block;
	width:185px;
	/*height: 12px;*/
	height: 2px; /*remove last line*/
}




div#leftmenu ul li.menuSelect a{
	background: url(/images/common/left-menu.gif) 0 -9px no-repeat;
	display: block;
	/*width:185px;*/
	width:164px;
	height:24px;
	padding: 8px 0 8px 21px;
	font-size: 15px;
	text-decoration: none;

}

/*remove first line*/
div#leftmenu ul li.menuSelect:first-child a{
	background-position: 0 -11px;
	height:22px;
}

div#leftmenu ul{
	list-style-type:none;
	margin:0;
}

/*********************************************************************slide show for secondary pages (not HP)*****************************************************************/

/************slideslow*************/
div.classicSlideshow{
	position:relative;
}

div.classicSlideshow #slidesContainer {
  margin:0 auto;
  width:950px;
  height:421px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  background:#f5f5f5;
}

div.classicSlideshow #slidesContainer .slide {
  margin:0 auto;
  width:870px; /* reduceto avoid horizontal scroll */
  height:421px;
}

/**
 * Slideshow controls
 */
 
div.classicSlideshow .control {
  display:block;
  width:37px;
  height:37px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index: 5000;
}

div.classicSlideshow #leftControl {
  top:195px;
  left:-19px;
  background:transparent url(/images/home/control_left.png) no-repeat 0 0;
}
div.classicSlideshow #rightControl {
  top:195px;
  right:-19px;
  background:transparent url(/images/home/control_right.png) no-repeat 0 0;
}

/*goto buttons*/

div.classicSlideshow #piano{
	/*background-color: #f4f3f3;*/
	height: 123px;
	background:transparent url(/images/common/page_bg_piano.png) no-repeat 0 0;
}

div.classicSlideshow #gotoContainer{
	margin-left:4px;
	width:auto;
	position: relative;
}
div.classicSlideshow .separator_button {
  float:left;
  border-left:1px solid #aaa;
  border-right: 1px solid #fff;
  height:106px;
  margin:7px 8px 0;
}
div.classicSlideshow .goto_button{
	float:left;
	/*position:relative;*/
	position: static;
	margin: 7px 4px 7px 4px;
	width:105px;
	/*width:139px;*/
	height:106px;
	/*height:102px;*/
	display:inline-block;
	cursor: pointer;
	background:transparent url(/images/common/page_piano_bt.jpg) no-repeat 0 0;
}

div.classicSlideshow .goto_button_hover{
/*
	margin:0;
	margin-top:3px;
	top:-5px;*/
	background-position: 0 -105px;
}
div.classicSlideshow .goto_button_selected{
	/*margin:0;
	margin-top:3px;
	top:-5px;*/
	background-position: left bottom;
}

/*piano arrow (show the position of the slide according to the button)*/

div.classicSlideshow #pianoArrow {
	background:transparent url(/images/home/piano_arrow.png) no-repeat 0 0;
	display:block;
	position: absolute;
	width:24px;
	height: 12px;
	bottom:136px;
	left:0;
	top: -17px;
}
div.classicSlideshow div.goto_button div.text-container{
	padding-left: 7px; padding-top: 3px;
	padding-right: 7px; padding-bottom: 1px;
}
div.classicSlideshow div.goto_button div.text-containerTagline{
	padding-left: 7px; padding-top: 1px;
	padding-right: 7px; padding-bottom: 3px;
	text-align:center;
}
div.classicSlideshow div.goto_button p{
	margin:0;
	padding:0;
}
div.classicSlideshow div.goto_button p.tagLineKey{
	font-size: 14px;
	color:#191919;
	line-height:90%;
}
div.classicSlideshow div.goto_button p.titleKey{
	font-size: 13px;
}
div.classicSlideshow div.goto_button img{
	display: inline;
}
div.classicSlideshow div.img_container{
	width:auto;
	text-align:center;
	margin-top:18px;
	margin-right: 2px;
	margin-left: 2px;
}
div.classicSlideshow div.img_container img{
	margin-left: auto;
	margin-right: auto;
}

/*slide image and texts styles*/

div.classicSlideshow div.slide div{
	margin:33px 0 0 33px;
}
div.classicSlideshow div.slide p{
	font-size:14px;
  line-height: normal;
}
.more_link {
  float:right;
  
}
#content div.classicSlideshow div.slide div p.hometitle {
color:#ff6600;
font-size:24px;
padding-top:0;
/*margin-top: -10px;*/
line-height:100%;
margin-bottom:21px;
font-weight: normal;
}
#content div.slide div h1.productTitle {
color:#ff6600;
font-size:28px;
padding-top:0;
margin-top: -10px;
line-height:100%;
margin-bottom:21px;
font-weight: bold;
}
#content div.slide div p.SlideTagline,
#content div.slide div h2.SlideTagline {
color:#ff6600;
font:normal 18px Arial, Helvetica, sans-serif;
padding-top:0;
line-height:100%;
margin-bottom:11px;
}
#content div.slide div p.smallText{
font-size:13px;
padding-top:0;
line-height:100%;
font-weight: normal;
}
div.slide p.underlinePianoText{
line-height:100%;
font-size:14px;
}
a.pilotBt{
	text-transform:uppercase;
	text-decoration:none;
	font-size:11.5px;
	font-weight:bold;
	color:#ffffff;
	padding: 1px 0 0 11px;
	width: 148px;
	height: 30px;
	background:transparent url(/images/common/pilot_bt.gif) no-repeat 0 0;
	display:block;
}
a.pilotBt:hover{
	background-position: 0 bottom;
}

p.titleInfo{
	font-size:14px;
	font-weight: bold;
	color:#ff6600;
}

div.info{
		margin-top:15px;
		background:transparent url(/images/home/background_info.png) no-repeat 0 0;
		height: 182px;
}

div.infoContainer{
	padding:6px 15px 15px 15px;
}

div.img_news, div.text_news{
	margin-bottom:17px;
}

div.clientLogos .logoclients{
	margin-top:21px;
	margin-right:24px;
}

div.clientLogos .logoclientsLast{
	margin-top:21px;
	margin-right:0;
}

div.clientLogos .firstLogos{
	margin-top:0 !important;
}

div.clients_link{
	text-align: right;
	position:relative;
	top: -35px;
	left:-17px;
}

div#slidesContainer div#intro0 div.media_introPiano{
	margin:0;
	padding:0;
}


/*div#gotoContainer div#pageMore{
	float:right;
	margin-right:8px;
}*/
div.slide div div.resoucesBt{
margin-left: 240px;
margin-top: 0px;
}

.bigtext{
	font-size:21px !important;
}
/**************** new download buttons **************/

a.download_bt{
display: block;
width: 170px;
height: 58px;
margin-left: auto;
margin-right: auto;
}

a.downloadRichcorder_bt{
background:transparent url(/images/common/downloadRichcorder_bt.jpg) no-repeat 0 0;
}
a.downloadRichcorder_beta_bt{
background:transparent url(/images/common/downloadRichcorder_beta_bt.jpg) no-repeat 0 0;
}
a.downloadStudio_beta_bt{
background:transparent url(/images/common/downloadStudio_beta_bt.jpg) no-repeat 0 0;
}
a.downloadStudio_bt{
background:transparent url(/images/common/downloadStudio_bt.jpg) no-repeat 0 0;
}
a.downloadStudio2_bt{
background:transparent url(/images/common/downloadStudio2_bt.jpg) no-repeat 0 0;
}
a.downloadKbase_bt{
background:transparent url(/images/common/downloadKbase_bt.jpg) no-repeat 0 0;
}
a.downloadTimecoder_bt{
background:transparent url(/images/common/downloadTimecoder_bt.jpg) no-repeat 0 0;
}
a.downloadWhitepaper_bt{
background:transparent url(/images/common/downloadWhitepaper_bt.jpg) no-repeat 0 0;
}
a.downloadWhitepaper_btFR{
background:transparent url(/images/common/downloadWhitepaper_btFR.jpg) no-repeat 0 0;
}
a.datasheetRichcoder_bt{
background:transparent url(/images/common/datasheetRichcoder_bt.jpg) no-repeat 0 0;
}
a.datasheetRichcoder_btFR{
background:transparent url(/images/common/datasheetRichcoder_btFR.jpg) no-repeat 0 0;
}
a.datasheetTimecoder_bt{
background:transparent url(/images/common/datasheetTimecoder_bt.jpg) no-repeat 0 0;
}
a.datasheetTimecoder_btFR{
background:transparent url(/images/common/datasheetTimecoder_btFR.jpg) no-repeat 0 0;
}
a.datasheetStudio_bt{
background:transparent url(/images/common/datasheetStudio_bt.jpg) no-repeat 0 0;
}
a.datasheetStudio_btFR{
background:transparent url(/images/common/datasheetStudio_btFR.jpg) no-repeat 0 0;
}
a.datasheetKbase_bt{
background:transparent url(/images/common/datasheetKbase_bt.jpg) no-repeat 0 0;
}
a.datasheetKbase_btFR{
background:transparent url(/images/common/datasheetKbase_btFR.jpg) no-repeat 0 0;
}

a.download_bt:hover{
background-position: 0 bottom;
}

/***submit forms button**/
input.formbuttonsubmit {
	background:url("/images/common/dtn_submit_form.jpg") no-repeat scroll 0 0 transparent;
	color:#fff;
	border:none;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	height:35px;
	text-decoration:none;
	width:120px;
	cursor:pointer;
	text-align:left;
	padding-left: 12px;
	padding-right: 31px;
}

input.formbuttonsubmit:hover {
	background:url("/images/common/dtn_submit_form.jpg") no-repeat scroll 0 bottom transparent;
}

div#breadcrumbs{
	position: relative;
	/*top:-8px;
	height: 15px;*/
}

div#breadcrumbs div.textline{
	position: absolute;
	top:-22px;
}

div#breadcrumbs div.textline a{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	text-decoration: none;
}

/*___________________ tracking _______________________*/
.centeralign, .centeralign h1 {
  text-align:center;
}
#content.tracking {
  overflow:visible;
}
.tracking_container {
  position:relative;
  padding:0 10px;
}
.tracking_list {
  width:auto;
  margin:0 auto;
  border-collapse:collapse;
  font-size:11px;
  line-height:13px;
}
.tracking_list th{
  border:1px solid #ddd;
}
.tracking_list td{
  border:1px solid #ddd;
  border-color:#eee #ddd;
}