/* $Id: tscmskin.css,v 1.1.2.36 2008/06/13 15:45:22 renoirb Exp $ */
/* -------------low-level presentation------------------ */
body {
    background: #fcfcfc url("/layout/tscmskin/bg_repeat.jpg") repeat-x;
}

a {
    color: #005394;
    text-decoration: underline;
}

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

.hilight {
    font-weight: bold;
    text-decoration: underline;
}

sup.tm,
sup.md {
	font-size:50% !important;	
}

/* ----------container to center the layout-------------- */
#container, #top, #credits {
    width: 980px;
    margin-bottom: 10px;
    margin: 0 auto;
}

#top #logo {
    width: 230px;
    float: left;
    padding-top: 5px;
}

#top #logotype {
    color: #fff;
    font-size: 130%;
	font-weight:bolder;
    margin-top: 62px; /* Ajuster la hauteur du logotype */
	margin-left:20px;
    float: left;
}

.shortcuts {
    float: left;
    color: #02598E !important;
    position: absolute;
    text-decoration: none !important;
    left:-2000px;
    overflow:hidden;	
}

#footer {
    bottom: 0px !important;
    width: 100%;
}


/* ----------banner for heading----------------- */
#banner {
    background: #00588E url("/layout/tscmskin/topbg_repeat.jpg");
    height: 121px;
}

#banner #top {
    background: url("/layout/tscmskin/topbg.jpg") top center no-repeat;
    padding: 0px;
    height: 121px;
}


/* ----------heading subnav--------------------- */
#top #metas {
    float: right;
    margin-top: 10px;
}

#top #metas ul li img {
    margin-bottom: -6px;
}

#top #metas ul li {
    text-align: right;
    list-style-type: none !important;
    line-height: 12px;
}

#top #metas #inx_dashed_sub_sub a {
    color: #fff !important;
    font-size: 10px;
    text-decoration: none;
}

#top #metas #inx_dashed_sub_sub a:hover {
    text-decoration: underline;
}

#top #metas #inx_dashed_sub_sub a.translate {
	position:relative;
	top:20px;
    color: #005394 !important;
	font-size:110%;
}


/* -----------------content--------------------- */
div#content {
    padding: 0 0 100px 20px !important;
    /*margin: 0 200px;        DONNE LE LAYOUT A TROIS COLONES  */
    margin: 10px 0 0 229px; /*  DONNE LE LAYOUT A DEUX COLONES   */
    min-height: 600px;
    height: expression( this.scrollHeight > 600 ? "auto":"600px" );
}

#content {
    width: 720px;
}


/* -------------contact form----------------------- */
.contactform {
}

.contactlist li {
    margin-bottom: 20px !important;
}


/* -------------content decoration----------------- */
#content .decoration {
    float: right;
    clear: right;
    margin: -50px 0 0 20px;
}

#content strong {
    font-weight: bold !important;
}

#content small {
    font-size: 90%;
}


/* --------------left------------- */
#left {
    float: left;
    width: 229px;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

#left #menu {
    position: relative;
    top: -10px;
}

#left #menu .btm {
    margin-bottom: -4px;
}

#left #menu {
    margin-top: 15px;
}

#left #menu .top {
    position: relative;
    top: 5px;
}

#left #menu .btm {
    position: relative;
    top: -5px;
}

#left #menu #inx_dashed_sub_main {
    background: url("/layout/tscmskin/leftmenu_repeat.png") !important;
}

#left #menu #inx_dashed_sub_main li {
    list-style-type: none !important;
    position: relative;
    top: -20px;
}

#left #menu #inx_dashed_sub_main li a {
    color: #FFFFFF;
    font-size: 120%;
    font-weight: normal;
    text-decoration: none;
}

#left #menu #inx_dashed_sub_main li a:hover {
    text-decoration: underline;
}

#left #menu #inx_dashed_sub_main li.active a, .override_menu {
    text-transform: uppercase;
    font-stretch: ultra-condensed;
    letter-spacing: -1.3px;
    font-weight: bold;
    font-size: 145%;
}

#left #menu #inx_dashed_sub_main a:hover {
    /*color: #D2E8F3 !important; */
    text-decoration: none;
}


/* -----------left asides---------- */
#left .lastlinks ul {
    position: relative;
    top: -10px;
}

#left .lastlinks ul li {
    text-align: right;
    list-style-type: none;
    margin: 0 4px 5px 0;
}

#left .lastlinks ul li a {
    font-weight: bold;
    font-size: 110%;
    text-decoration: none;
}

#left .lastlinks ul li a:hover {
    text-decoration: underline;
}

#left #inx_dashed_sub_lastlinks li a.download {
    font-size: 133% !important;
    color: #096e99 !important;
    background: url("/layout/tscmskin/filesave.png") left no-repeat;
    padding: 2px 0 2px 23px;
    margin: 0 2px;
}


/*-------------right asides-----*/
#right .asides_container {
    margin: 35px 0 10px 15px;
    float: right;
    width: 229px;
    padding: 0;
}


/* -----------asides container---------- */
.asides_container .asides_box .top {
    position: relative;
    top: -8px !important;
}

.asides_container .asides_box .btm {
    position: relative;
    top: 5px;
}

.asides_container .asides_box {
    margin-top: -15px;
}

.asides_container .asides_box span {
    margin: 0px 17px 0px 15px;
    color: #fff !important;
    font-size: 95%;
    display: block;
}

.asides_box .blue a {
    color: #fff !important;
}

/* Specific to homepage, "See in action" icon */
.asides_box span a.inAction {
    background: url("/layout/screencast_icon.png") center left no-repeat !important;
    padding-left: 20px;
    color: #FFF;
    font-size: 100%;
}

.asides_box span a.inAction:hover {
    text-decoration: none;
}


/* -------------#linked and #also specific-------------- */
.asides_container #linked span strong {
    color: #00588E !important;
    font-weight: bolder !important;
}

.asides_container #also span ul {
    margin: 5px 0px 0px 8px !important;
}

.asides_container #also span ul li.element_ss, .asides_container #also span ul li {
    list-style-image: url("/layout/screenshot_icon.png") !important;
    padding-bottom: 2px;
}

.asides_container #also span ul li a:hover {
    color: #FFF !important;
}

.asides_container #also span ul li.element_sc {
    list-style-image: url("/layout/screencast_icon.png") !important;
}

.asides_container #also {
    text-align: left;
    background: url("/layout/tscmskin/blue_repeat.jpg");
}

.asides_container #linked {
    background: url("/layout/tscmskin/grey_repeat.jpg");
}

.asides_container #featureslist {
    margin-top: 5px;
    background: #b5b5b5 url("/layout/tscmskin/grey_repeat.jpg");
}

.asides_container #testimonial {
    margin-top: 5px;
    background: #d78218 url("/layout/tscmskin/grey_repeat.jpg");
    font-size: 110%;
}

.asides_container #attached_documents {
    margin-top: 5px;
    background: #d78218 url("/layout/tscmskin/grey_repeat.jpg");
}


/* ----------#attached_documents------------- */
#attached_documents {
}

#attached_documents span ul li {
    margin: 0 0 8px -15px;
    list-style-type: none;
    padding: 0;
}

#attached_documents span ul li a {
    background: url("/layout/tscmskin/page_white_acrobat.png") left no-repeat;
    padding: 5px 0 5px 20px;
    font-size: 110%;
    color: #FFF;
    text-decoration: none;
}


/* ---------- .asides_box ------ */
.asides_box h1 {
    margin-bottom: 10px !important;
    font-size: 130%;
    margin: -5px 15px 0 0;
    padding: 0;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0;
}

.asides_box a:hover {
    text-decoration: underline !important;
}

.asides_box p {
    font-size: 110%;
}


/* ----------#featureslist--------------------
 inside .asides_container  */
#featureslist span {
    margin: 0 6px 0 0;
}

#featureslist span h1 {
    margin: 0 6px 8px 15px;
}

#featureslist span ul {
}

#featureslist span ul li {
    list-style-type: none;
    margin: 0 0 3px -5px;
    font-size: 120%;
    letter-spacing: -0.05em;
    padding: 3px;
}

#featureslist span ul li a {
    color: #FFF;
    text-decoration: none;
}

#featureslist span ul li:hover {
    color: #000;
    background-color: #f8a42a;
}
/* original
#featureslist span ul li.current {
    background: #f8a42a;
    padding: 5px;
    text-transform: uppercase;
    font-stretch: ultra-condensed;
    letter-spacing: -0.1px;
    font-size: 145%;
}
*/
#featureslist span ul li.active {
    background: #f8a42a;
    padding: 5px;
    text-transform: uppercase;
    font-stretch: ultra-condensed;
    letter-spacing: -0.1px;
    font-size: 145%;
}

/* ----------rightpaneimg--------------------- */
.rightpaneimg {
    float: right;
    padding-left: 15px;
}


/* -----------footer--------------------------- */
#pageVerbose {
    text-align: left;
    font-size: 10px;
    margin-top: 20px;
}

#credits {
    padding-top: 15px;
}


/* -------------text------------------------------ */
h1 {
    letter-spacing: -2px;
    font-size: xx-large;
    font-weight: normal;
    color: #00588E;
}

h2 {
    font-size: large;
    font-weight: normal;
    color: #00588E;
}

blockquote.first-paragraph {
    font-size: normal;
    color: #0691CF;
    text-align: justify;
}


/* ----------------misc classes------------------- */
.topLink {
    border-top: 1px solid #cecec1;
    margin-top: 10px;
}

.print {
    display: none;
}


/* ----------------home context------------------- */
.home_page #content h1 {
    font-size: 1.8em;
}

.home_page #content .homemontage {
    margin: -20px 0 0 -15px !important;
}


/* -----------------benefits page----------------------- */
.benefits_page #inx_dashed_sub_main .benefits, 
.testimonies_page #inx_dashed_sub_main .benefits, 
.featuresmatrix_page #inx_dashed_sub_main .benefits {
    text-transform: uppercase;
    font-stretch: ultra-condensed;
    letter-spacing: -1.3px;
    font-weight: bold !important;
    font-size: 145% !important;
}


/* -------------nous joindre--------------------- */
#contactform_messages .message {
    border: 1px solid #0691CF;
    margin: 5px 0 20px 0;
    padding: 5px 0 5px 40px;
}

#contactform_messages .error {
    background: #cecec1 url("/layout/tscmskin/info.png") 10px no-repeat !important;
}


/* --------------temoignages------------------------ */
.benefits_page {
}

.benefits_page .testimonial {
    margin-bottom: 10px;
    border: 1px dotted #999;
    padding: 10px 10px 10px 30px;
    background: #fff url("/layout/tscmskin/bulle_testimonial.gif") 10px 10px no-repeat;
}

.benefits_page .testimonial strong {
    font-size: 120% !important;
    margin-bottom: 5px;
}

.benefits_page .testimonial .author {
    display: block;
    margin-top: 5px;
}

.benefits_page .testimonial .cite {
    font-style: italic !important;
}

.benefits_page .testimonial .author strong {
    font-size: 100% !important;
}

/* ------------------logiciels supp-------------- */
#list_su ul ul li a {
  	background: #fff url("/layout/extlink_icon.png") center right no-repeat;
	padding-right:9px;
}


/* ------------------was from download.css------------- */

.download_page #content table {
/*	border: */
}


.download_page #content .dltable a {
	color: #c75f3e;
}

.download_page #content .dltable {
	width: 100%;
	padding: 0;
	margin: 0;
}

.download_page #content .dltable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.download_page #content .dltable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(/layout/bg_header.jpg) no-repeat;
}

.download_page #content .dltable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.download_page #content .dltable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


.download_page #content .dltable td.alt {
	background: #F5FAFA;
	color: #797268;
}

.download_page #content .dltable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(/layout/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.download_page #content .dltable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(/layout/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
	margin-left:-20px;
}