.visualClear {
    clear: both;
    display: block;
}

.visualClear2 {
    clear: left;
    display: block;
}

body {
   background: white;
   font-size: 11pt;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   margin: 0px;
   color: #888888;
   background: #FFFFFF;
}

#header_nav {
   padding-left: 4px;
   padding-top: 17px;
   float: left;
   z-index: 1;
   position: relative;
}

#header_nav li #Corporate {
    background-image: url('../img/icon-app.gif') !important;
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 20px;
}

#header_nav li #Knowledge {
    background-image: url('../img/icon-knowledge-engi.gif') !important;
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 20px;
}

#header_nav li #Mobile {
    background-image: url('../img/icon-mobile-web.gif') !important;
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 20px;
}

#header_nav ul.subnav li a {
    text-transform: capitalize;
}

#header_nav_second {
   padding-left: 10px;
   padding-top: 17px;
   float: left;
}

#header_nav_index {
   padding-left: 75px;
   padding-top: 17px;
   float: left;
}

li#clients_area ul.subnav {
   top: -45px;
}

#login_area {
   width: 200px;
   padding: 20px 15px;
}

#login_area label,
#login_area ul,
#login_area input {
   font-size: 0.8em;
}

#login_area div.options {
   width: 200px;
   margin-left: 10px;
}

#login_area div.options p {
   margin: 0px;
}

#login_area ul {
   margin-top: 0px;
}

#login_area div.row {
   position: relative;
   margin-top: 7px;
}

#login_area div.submitrow {
   margin-top: 10px;
   text-align: center;
}

.CheckboxSelectMultiple .input ul {
    margin-left: 2em;
    padding-left: 1em;
}

.CheckboxSelectMultiple .input input,
#login_area div.submitrow input {
   background: none;
   border: none;
}

#login_area div.submitrow input:hover {
   text-decoration: underline;
   cursor: pointer;
}

#login_area div.row input.text {
   position: absolute;
   right: 0px;
}

#login_area div.row input.text:hover {
   color: black;
}

#loginbutton {
    font-size: 1.1em;
    font-weight: bold;
}

#message_div {
    margin-left: 3em;
    padding-top: 1em;
    color: black;
}

li#nav_language_accessor {
    position: relative;
    display: block;
    width: 100px;
}

#language {
    position: absolute;
    top: 1px;
    left: 0px;
    padding-left: 80px;
    display: none;
    width: 300px;
    height: 40px;
}

#language input.lang {
    width: 14px;
    height: 11px;
}

#login {
    margin-top: 100px;
    float: left;
}

#user-box {
    position: absolute;
    top: 145px;
    left: 670px;
}

#flag_fr,
#flag_ge,
#flag_sp,
#flag_en {
   float: left;
   padding-right: 10px;
   width: 15px;
   height: 12px;
}

#language div {
   display: inline;
   padding-right: 5px;
}

#language form.languageform {
   display: inline;
}


#header_nav_index ul {
   list-style-type: none !important;
   list-style-image: none !important;
   font-size: 10.5pt;
   font-weight: 500;
}

.nav {
   list-style-type: none;
   font-size: 10.5pt;
   font-weight: 500;
   position: relative;
   cursor: default;
}

ul.nav, ul.subnav {
   list-style-type: none;
   list-style-image: none;
}

.nav :hover{
   color: #dddddd;
}

li.nav_child_selected {
   font-weight: 600;
   color: white;
}

.nav_child_selected ul li {
   color: #bdbdbd;
   font-weight: 500;
}

.nav_child_selected li {
   color: #bdbdbd;
}

.nav_selected {
   font-weight: 600;
}

.cursor {
    cursor: nw-resize;
}

.subnav {
   position: absolute;
   top: -15px;
   left: 120px;
   list-style-type: none;
   display: none; 
   width: 300px;
   min-height: 60px;
   padding: 15px 0 10px 55px;
}

.nav_child_selected .subnav {
   display: inline;
}

#header {
   background-color: #2f2a12;
   height: 170px;
}

#content {
   padding: 25px 35px 0 115px;
   min-height: 450px;
}

#header_color,
#header_logo {
   position: absolute;
   top: 20px;
   left: 796px;
   width: 113px;
   height: 55px;
}

#header_color {
   display: none;
}

.select_color {
   float:left;
}

#social-links {
    left: 670px;
    position: absolute;
    top: 170px;
}

.projects {
   float: left;
   margin-left: -7px;
   width: 850px;
   padding-top:10px;
}

.project1,
.project2,
.project3 {
   float:left;
   margin-right: 30px;
   margin-top: 20px;
   height: 150px;
   width: 250px;
}

.ie #firstproject {
    width: 256px;
}

.ie #firstproject #emphasized1 {
    margin-left: 15px;
}

.image_left  {
   float: left;
   margin: 0 0.5em 0.5 0;
}

.phylosophy_text {
    width: 500px;
}

.portlet {
    height: auto;
    padding-bottom: 0.5em;
    width: 250px;
    margin-left:0px;
}

.portlet div{
    text-align: center;
}

.portlet div.portlet-title {
    text-align: left;
    padding-left: 0.5em;
}

.portlet-module {
    height: auto;
}

.portlet-module img.module {
    width: auto;
    float:none;
    max-width: 150px;
}

.portlet.brochure {
    height: 120px;
}


.portlet-quality{
   height: 150px;
   width: 250px;
}

.portlet_demo_preview{
   width: 300px;
}

.portlet_demo {
   height: 300px;
   width: 310px;
   margin-left:0px;
}

.last-changes,
.portlet.last-changes {
    height: auto;
}

.last-changes div {
    padding: 5px 0 0 5px;
}

.portlet-title {
   color: #737373;
   font-size: 10pt;
   font-weight: bold;
   padding-top: 0.2em;
   padding-bottom: 0.5em;
}

.body_left {
   float: left;
}

.body_right {
   float: right;
   margin-right: 100px;
}

.body_right_up {
   float: right;
   margin-right: 0px;
}

.slogan .body_right_up {
   margin-top: 4em;
}

.body_right_up  .portlet {
    height: auto;
}

.body_right_login {
   float: right;
   margin-right: 70px;
}

.project {
   width: 500px;
   clear: left;
}

.item_title a, .item_title, .project_customer {
    font-size: 1.2em;
    color: #737373;
    padding-left: 0.5em;
}

.item_title a:hover {
    text-decoration: underline;
}

#we_contribute {
   padding-bottom: 15px;
   font-size: 11pt;
   color: #737373;
   font-weight: bold;
}

#emphasized1,
#emphasized2,
#emphasized3 {
   margin-left: 10px;
}

.emphasized_image {
   padding: 3px 10px 10px 10px;
}

.emphasized_image_home {
   padding: 15px 10px 10px 10px;
   text-align: left;
   color: #898988;
   font-size:10pt;
}

.emphasized_image_home b {
   float: left;
   text-align: center;
   width:230px;
   padding-top: 1em;
}

.ie .emphasized_image_home b {
   padding-top: 0;
}

.text_emphasized {
   color: #737373;
   font-size: 11pt;
   padding-left: 3px;
}

.text_emphasized_project {
   color: #737373;
   font-size: 11pt;
   font-style: bold;
   margin: 0;
}

.bottom_title_project {
   color: #737373;
   font-size: 12pt;
   margin: 5 0 10 0;
}

.text_emphasized_home {
   color: #737373;
   font-size: 11pt;
   padding-left: 10px;
}

.text_left {
    float:left;
}

.version_red, .downloads_red {
   text-decoration: underline;
}

#grey_continuation {
   width: 250px;
   height: 10px;
   background: #f2f2f1;
   float: left;
   margin:0 30px 20px 0;
}

#grey_continuation_demo {
   width: 310px;
   height: 10px;
   background: #f2f2f1;
   float: left;
   margin:0 30px 20px -20;
}

.grey_continuation_demo_default{
   margin-left:0 !important;
}

.greys {
   margin-left: -7px;
}

.ie .greys {
    margin-top: -1px;
}

#white_continuation {
   width: 498px;
   height: 15px;
   background: #ffffff;
   margin: 0px 0px 10px 10px;
}

.frontimage {
   float: right;
   padding-top:45px;
}

.slogan {
   width: 860px;
}

.slogan a:hover {
   color: #737373;
   text-decoration: none;
}

.section {
   float: left;
   width: 485px;
}

.content_imageflow {
   float: left;
   width: 530px;
   margin-top: 2em;
}

label {
   padding-left: 1px;
   text-align: left;
   font-size: 11pt;
   color: #999999;
}

p {
   font-size: 11pt;
   text-align: left;
}

.projects p {
   padding: 0.5em;
   font-size: 10pt;
}

.section p {
   font-size: 11pt;
}

p.text,
div.text,
div.text p,
.section .text p,
.project_text span.inplace_view_editable_field {
   font-size: 11pt;
   font-weight: normal;
   color: #999999;
}

.text_common {
   text-align: left;
   font-size: 11pt;
   color: #999999;
   padding-top: 15px;
   font-weight: bold;
}

.title {
   font-size: 38pt;
   font-style: bold;
   line-height: 1em;
   padding-bottom: 0px;
}

 .project_title {
   font-size: 22pt;
   font-style: bold;
   line-height: 1em;
   padding-top: 20px;
}

#interrogation {
    margin-left: -35px;
    float: left;
    padding-bottom: 10px;
    font-size: 42pt;
    font-style: bold;
}

.subtitle {
    font-size: 18pt;
    color: #737373;
    font-style: bold;
    line-height: 1.2em;
    padding: 15px 0 15px 1px;
}

.subtitle_project {
   padding-top: 10px;
   padding-left: 1px;
   font-size: 22pt;
   color: #737373;
   font-style: bold;
}

.subtitle a {
   color: #737373;
   text-decoration: underline;
   font-size:1em;
}

#body_text {
   width: 960px;
   margin-top: 1em;
}

#footer {
   clear: both;
   color: #aaaaaa;
   padding-left: 120px;
   padding-top: 30px;
   padding-bottom: 30px;
   font-size: 8pt;
   font-family: Verdana;
   min-height:100px;
}

#footer a { 
    color: #aaaaaa; 
    font-size: 8pt; 
    font-family: Verdana; 
} 
	 
#footer a:hover { 
    text-decoration: underline; 
}

.ie #footer {
   position: static;
}

a img {
    border: none;
}

a {
   text-decoration: none;
   color: #aaaadd;
}

a:hover {
   text-decoration: underline;
   color: #bbbbee;
}

#header a {
   color: #cccccc;
   text-decoration: none;
}

#header a:hover {
   color: white;
   font-weight: bold;
}

.errorlist {
    list-style-type: none;
    padding-left: 0px;
    color: #ee3e42;
}

.errors li {
    background-color:#FBE8D5;
    border:1px solid #F57901;
    margin:0;
    padding:5px;
    vertical-align:middle;
}

#main_login label {
    display: block; 
    float: left;
    width: 175px;
    text-align: right;
    margin-right: 10px;
}

/* BEGIN: Color selector */
#selector-color {
   width:100px;
   left: 17px;
   top: 17px;
   position: absolute;
}

#selector-color div.color-border {
   width:16px; height:16px; float:left;
}

#selector-color div.color-border div.color-box {
   width:12px; height:8px;
}

#selector-color div.color-border div.color-box a {
   display:block;width:15px; height:15px;
}

/* END: Color selector */
/* Community page */

#community_tag_cloud {
    margin-bottom: 50px;
    margin-top: 30px;
    text-align: center;
    font-size: 10pt;
    margin-right: 125px;
    width: 790px;
}

#community_tag_cloud a {
    text-decoration: underline;
}

#community_tag_cloud .tagItem1 {
    font-size: 1em;
}

#community_tag_cloud .tagItem2 {
    font-size: 1.7em;
}

#community_tag_cloud .tagItem3 {
    font-size: 2.4em;
}

#community_tag_cloud .tagItem4 {
    font-size: 3.1em;
}

#community-feeds {
    width: 530px;
}

#community-feeds ul {
  list-style: none;
  padding-left: 0;
  padding-bottom: 16px; 
}

#community-feeds ul li {
  padding-right: 7px;
  float: left;
  margin-right: 1px;
  background:url(../img/tab-round.png) no-repeat right -30px;
}

#community-feeds ul li.category-selected {
  background:url(../img/tab-round.png) no-repeat right 0px;
}

#community-feeds ul li.category_forward {
  background:url(../img/tab-round.png) no-repeat right -30px;
  padding-bottom: 5px;
}

#community-feeds ul li.category_forward_arrow {
  background: #ffffff;;
}

#community-feeds ul li.category_forward_arrow:hover {
  background: #ffffff;
}

#community-feeds ul li a {
  text-decoration: none;
  font-size: 1.3em;
  color: #999999;
}

#community-feeds ul li span {
  display: block;
  height: 16px;
  text-align: center;
  padding: 7px;
  padding-right: 0px;
  background:url(../img/tab-round.png) no-repeat left -30px;
  float: left;
  width: 80px;
}

#community-feeds ul li.source span {
  width: 65px;
}

#community-feeds ul li.source-all span {
  width: 55px;
}

#community-feeds ul li.source-writing span {
  width: 75px;
}

#community-feeds ul li.source-coding span,
#community-feeds ul li.source-listening span {
  width: 90px;
}

#community-feeds ul li.category-all span {
  width: 180px;
}

#community-feeds ul li.category-selected a {
  color: #666666;
}

#community-feeds ul li.category-selected span {
  background:url(../img/tab-round.png) no-repeat left 0px;
}

#community-feeds ul li.category_forward_arrow a {
  background: #ffffff;
  padding: 7px;
  padding-left: 20px;
  display: block;
}

#community-feeds ul li.category_forward_arrow a:hover {
  background: #ffffff;
}

#community-feeds ul li:hover span {
  background:url(../img/tab-round.png) no-repeat left 0px;
}

#community-feeds ul li:hover {
background:url(../img/tab-round.png) no-repeat right 0px;
}

#community-feeds ul li a.portal_tabs_rss {
   background: none;
   display: block;
   float: right;
   padding: 0px;
   margin: 0px;
   margin-top: 1px;
   height: 16px;
   width: 16px;
   background:url(../img/rss_icon.gif) no-repeat top left;
}

#feeditem-list {
  margin: 0;
  background-color: #f2f2f1;
  padding: 0.5em;
}

.yaco-life-tabs a {
  font-size: 1em !important;
}

div.feeditem {
  margin: 10px 10px 0px 10px;
  background-color: white;
  padding: 1em;
  color: #888888;
}

div.feeditem h1 {
  margin: 0;
  font-size: 1.3em;
  color: #666666;
}

div.feeditem pre {
   overflow: auto;
   width: 450px;
   padding-bottom: 20px;
}

div.feeditem p.feeditem-info {
  margin-top: 3px;
}

div.feeditem a.feeditem-link {
  text-decoration: underline;
  color: #666666;
  font-size: 0.8em;
}

span.contribution-title {
  margin: 0;
  font-size: 1.1em;
  color: #666666;
}

span.contribution-title a {
  font-size: 1.0em;
  text-decoration: underline;
  color: #666666;
}

.quality {
    float: left;
    margin: 20px 20px 0 20px;
}

.icon {
    float: right;
    margin-left: 5px;
    margin-top: 5px;
}

.rss {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
}

.body_bottom div.right {
   float: right;
   width: 180px;
}

.body_bottom div.left {
   float: left;
   width: 180px;
}

.right_project_info {
   float: right;
   padding-top: 30px;
}

#forward {
    float: right;
}

.modify {
   font-size: 7pt;
   color: #999999;
   line-height: 100%;
}

#tag_footer {
    font-size: 8pt;
    padding: 3px 0px 5px;
}

.tag_link {
     font-size: 1.1em;
}

a.colored_link {
    text-decoration: underline;
    padding-right: 3px;
}

a.colored_link img {
    padding-left: 5px;
}

a.readmore {
    float: right;
    font-size: 0.9em;
    font-weight: bold;
}

.no_notice {
  margin: 10px 10px 10px 10px;
  background-color: white;
  padding: 1em;
  color: #888888;
}

.arrow {
  padding: 0em 0.5em 0 0.5em;
}

.body_bottom {
   margin: 20px 20px 30px 0px;
/*   margin-top: 20px;
   margin-right: 1em;*/
}

/*.python { 
  width: 500px;
}*/

/* END: community page */

/* Solutions page */

.solutions {
    width: 500px;
    /*margin-top: 20px;*/
}

.projectitem {
    padding-right: 10px;
    margin-bottom: 20px;
}

.project_image {
    float: right;
}
.project_image_left {
    float: left;
}
.project_image_header{
    width: 540px;
    padding-bottom: 10px;
}

/* END: Solutions page */
/* Contact form */
form .field {
    margin-bottom: 1em;
}

form .field label {
    line-height: 1.5em;
}

form .input textarea,
form .input input {
    border: 1px solid #999999;
}

form .input textarea {
    overflow: hidden;
}

/* Rounded buttons */
.rounded {
    display: block;
    padding: 0 0px 0 5px;
    height: 20px;
}

.rounded input {
    border: none;
    padding: 0 5px 0 0px;
    height: 20px;
    color: white;
    font-weight: bold;
}

.body_right #login_form .rounded {
    float: right;
    margin-top: 1em;
}

#portletlogin {
    background-color: white;
    margin-bottom: 1em;
    height: 130px;
}

.body_right #login_form p {
    font-size: 8pt;
    line-height: 100%;
    text-decoration: underline;
}

#login_form .floatRight  {
    float: right;
    margin-top: 0.5em;
}

#login_form label.floatRight  {
    margin-right: 0.5em;
}

.login_text {
    float: left;
}

.login_text p {
   line-height: 30%;
}

/* Community Projects */
.project {
    background: #fbfbfa;
    margin-bottom: 1.5em;
    position: relative;
}

.project_link {
    position: absolute;
    bottom: 2em;
    left: 0;
}

.community_projects {
   float:left;
   height: 250px;
   width: 500px;
}

#grey_continuation_long {
   width: 500px;
   height: 10px;
/*   background: #f2f2f1;*/
   float: left;
   margin-bottom: 18px;
}

.project_description {
   padding: 0.5em;
}

.project_text {
   padding: 0px 10px 20px 10px;
}

.project_image {
   float: right;
   text-align: center;
   padding: 10px;
}

.project_body {
  padding-right: 45px;
  vertical-align: top;
}

.project_summary {
}

.project_body_image {
  float: right;
  padding: 1em;
}

/* End community Projects */

/* Customers */
#customer-page div.section {
  width: 550px;
}

.project_link .link,
.customer_link .link {
  text-align: right;
  padding: 0.5em;
  float: left;
  margin: 0;
  margin-bottom: -30px;
}

ul {
  list-style-image: url(/media/img/bullet.gif);
  list-style-type: square;
}

.external_icon {
  margin-bottom:-2px;
}


/* Products */

div.subtitle_product {
  font-size: 16pt;
}

div.product_characteristic {
    float: right;
    margin-left: 16em;
    margin-top: 1em;
    display: none;
    width: 70%;
    height: 150px;
}

div.product_characteristic #emphasized1 {
    width: 304px;
}
 
#list_product_characteristic {
    position: absolute;
    list-style: none;
    padding-left: 1em;
    margin-top: 25px;
}

#list_product_characteristic a {
    height: 26px;
    padding: 3px 14px 3px 3px;
}

#list_product_characteristic a.active,
#list_product_characteristic a.active:hover {
    color: white;
}

#list_product_characteristic a {
    color: #737373;
    font-size: 1.2em;
    line-height: 1.5em;
}

.description_product {
    width: 485px;
}

.description_product a {
    text-decoration: underline;
}

#sb-container {
    z-index: 10003 !important;
}

.purpose_image {
    text-align: center;
    margin: 20px 0;
    margin-top: 4em;
    margin-bottom: 2em;
}

.module_link {
    display: block;
    padding: 0.2em 0 1em 0;
}

.products_modules {
    float:left;
    width:500px;
}

#modules_body {
    float: left;
    margin-right: 120px;
}

.module {
    float: left;
    clear:left;
    position: relative;
    width:500px;
}

.module_image {
    float: right;
    padding: 10px;
    text-align: center;
}

.module_image img {
    width: auto;
    max-width: 220px;
}

.modules_portlet {
    float: left;
}

.modules_portlet .portlet {
    height: auto;
    margin-top: 0;
}

ul.modules_list {
    padding-left: 3em;
}

.modules_list li {
    text-align: left;
    line-height: 1.6em;
}


/* contact */
.contact_info {
    margin-top: 1.5em;
}

.contact_info p {
    margin: 5px 0;
}

.pagination  {
    margin-top: 20px;
    padding-top: 0.5em;
}

/* Safari 3.0 and Chrome rules here */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
    .rounded input {
        margin-left: -2px;
    }
}

img.hidden_image {
    display: none;
}