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

   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
----------------------------------------------------------------------- */


.container {
  /*border: 1px solid #F00;*/
}
.todo {
  background-color: #00CCFF;
  color: #000000;
}
ul {
  /*border: 1px solid #F00;*/
}
.clearfix {
  border: 1px solid transparent;
}

body {
  /*background: #000 url(/fr/assets/bgBody.jpg) top center no-repeat;*/
  background-color: #fffff;
}

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

/******************************NEW HEADER****************************************/

/*=Header*/

 #header {
 margin-bottom: 26px;
  /* display:block;
    position:relative;
    width: 1018px;
    height:110px;
    margin: 0 auto;
  text-align:left;*/
}


#logo {
  margin:0;
  width:175px;
  display:inline;
  height:41px;
  position:relative;
  top: 4px;margin-top: 35px;
}

/*top shadow page image (bottom header)
#top_page{
  width:950px;
  height:3px;
  background:transparent url(/fr/assets/top-bgContent.png) repeat-x left bottom;
}*/

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

    #menuTop {
  display:block;
    font-size: 11px;
    height:12px;    
    margin:12px 0 12px 0;
    }
    
    #menuTop ul {
    list-style: inside none none;
    float:right;
  margin:0;
  text-align:right;
    }
    #menuTop ul li {
    margin-left:10px;
    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;
    }


/****dropdown menu******/
  *{
  padding:0;
  margin:0;
  }
  
  div#header div.span-24 div#menu {
  margin:10px;
  height:41px;
  width:766px;
  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/MenuBG.gif); 
  background-repeat: no-repeat;
  }
  
  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: 150px;
  padding: 11px 0 11px 0;
  }
  
  div#header div.span-24 div#menu ul#products li h2 a,div#header div.span-24 div#menu ul#about li h2 a {
  width:158px;
  }
  
  
  
  /**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: 150px;
  }
  
  div#header div.span-24 div#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display:block;
  float: left;
  }
  
  
  
  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.fullsbmenu {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:url(/images/common/MenuBG.gif) no-repeat scroll -808px 100%;
    background-color:#232323;   
    display:none;
    left:0; 
    padding:0;
    margin-bottom: 5px;
    position:relative !important;
    width:150px;
    z-index:32;
    float:left;
  }
  
  
  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:150px;
    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#menu ul#products li:hover div.fullsbmenu, div#header div#menu ul#solutions li:hover div.fullsbmenu, 
  div#header div#menu ul#services li:hover div.fullsbmenu, div#header div#menu ul#downloads li:hover div.fullsbmenu,
  div#header div#menu ul#about li:hover div.fullsbmenu
  {
  display: block;
  width:150px;
  }
  
  div#header div.span-24 div#menu ul#products li.mainli:hover h2 a,div#header div.span-24 div#menu ul#solutions li.mainli:hover h2 a, div#header div.span-24 div#menu ul#services li.mainli:hover h2 a, 
  div#header div.span-24 div#menu ul#downloads li.mainli:hover h2 a,div#header div.span-24 div#menu ul#about li.mainli:hover h2 a
  {
  padding-bottom: 7px;
  color: #ffffff;
  width:150px;
  }
  
  
  div#header div.span-24 div#menu ul#products li.mainli:hover {
    background: url(/images/common/MenuBG.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/MenuBG.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/MenuBG.gif) -10px -41px no-repeat;
  height:39px;
  width:158px;
  }
  
  
  
  
  
  /*style*/
  .fullsbmenu{
    font-family:Arial, Helvetica, sans-serif;
    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 */
  #content {
    /*font-family: "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
  }
  /*TO BE CHECKED*/
  /*#content .bg {
  
    background: url(/images/common/bgContent.png) left top repeat-y;
    width: 1018px;
    margin: 0 auto;
    padding: 1em 0;
    color: #333;
  }*/
  #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;
  }
  
  
  /*.nextToTagline {
    font: normal normal bold 1.3em normal "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    height: 162px;
    color:#000;
    margin-bottom: 1em;
  }
  .nextToTagline p {
    padding: 0.9em 0 0 1em;
  }*/
  /*=Quotation */
  .quotation {
  font-family:Arial, Helvetica, sans-serif;
  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; }
    /*=Buttons310 */
    /*buttons 310px wide for the right column, using sliding image technique*/
  a.btn310webinar:link, a.btn310webinar:visited {
    font: normal normal bold 1.2em "Trebuchet MS", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    color: #404040;
    padding: 28px 0px 0px 20px;
    display: block;
    width: 255px;
    height: 45px;
    background: url(/images/common/btn310webinar.gif) 0px 0px no-repeat;
  }
  a.btn310webinar:hover {
    color: #F60;
    background: url(/images/common/btn310webinar.gif) 0px -73px no-repeat;
  }
  .btn310webinar span {
    font-size: 0.7em;
  }
  a.btn310demonstration:link, a.btn310demonstration:visited {
    font: normal normal bold 1.2em "Trebuchet MS", Arial, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1em;
    color: #FFF;
    padding: 28px 0px 0px 20px;
    display: block;
    width: 255px;
    height: 45px;
    background: url(/images/common/btn310demonstration.png) 0px 0px no-repeat;
  }
  a.btn310demonstration:hover {
    color: #F60;
    background: url(/images/common/btn310demonstration.png) 0px -73px no-repeat;
  }
  .btn310demonstration span {
    font-size: 0.7em;
  }
    /*=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;
    }
    /*= dlGrey  - specific to the main menu*/
    a.dlgrey {
    font-size:13px;
    color:#FFF;
    border:1px solid #777;
    padding: 5px 40px 5px 1em;
    background: #000 url(/images/common/btnDLgrey.gif) top right no-repeat;
  }
  a.dlgrey:hover{
    color:#F89A24;
    border:1px solid #777;
    background: #000 url(/images/common/btnDLgrey.gif) bottom right no-repeat;
  }
  a.dlgrey:active{
    border:1px solid #F89A24;
    color:#F89A24;
    background: #000 url(/images/common/btnDLgrey.gif) bottom right no-repeat;
  }
  /*=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;
    }
    /*=Purple */
    a.purple {
      font-size:15.6px;
      color:#FFF;
      border:1px solid #602494;
      padding-left: 1em;
      padding-right: 1.5em;
    }
    a.purple:hover{
      color:#341350;
      border:1px solid #602494;
    }
    a.purple: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;
      font-family:Arial, Helvetica, sans-serif;
      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;
      font-family:Arial, Helvetica, sans-serif;
      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;
      font-family:Arial, Helvetica, sans-serif;
      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;
      font-family:Arial, Helvetica, sans-serif;
      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;
  }
  /*#footer .bg {
    background: transparent url(/images/common/bgFooter.png) left top repeat-y;
    width: 1018px;
    margin: 0 auto;
    color:#FFF;
    padding-top: 2em;
  }*/
  /*=FooterNav */
  #nav_title {
    /*text-transform: uppercase;
    font-weight: bold;
    color: #404040;
    float:left;*/
  }
  #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;
    color: #404040;
  }
  
  /* internationalization of the CSS rule 
  Override container class (container in en, containerMarginFr in fr)*/
  #footer .containerMarginFr #nav ul li{
    margin-right:62px;
  }
  
  
  #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;
  }
  /* bookmark*/
  div#bookmark{
    text-transform: uppercase;
    }
    
  div#footertext{
    border-bottom:#cccccc solid 1px;
  }
  div#copyright{
    text-align:right;
    color: #404040;
  }
  /*=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;
  }
  
  /*=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;
  }
  
  
  /*=products bubbles*/
/*  #background_banner{
    width:1018px;
    background:transparent url(/images/common/bgAnnounce.png) repeat-y scroll left top;
    margin: 20px auto 0 auto;
  }*/
  
  #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-family:Arial, Helvetica, sans-serif;
    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;
  }