*
{
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: normal;
}
.smalltext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
h1
{
	color: #00549b;
	font-weight: bold;
}
b
{
	font-weight: bold;
	color: black; /* #606280 */
}
html,body
{
	background-color: #d8dde1;
	margin:0;
	padding:0;
	height:100%;
	border:none
}

/* Utilisé pour afficher et cacher le loading ou l'applet dans les demos */
#loading {
	position:absolute;
	left:45%;
	top:45%;
}

#ITChartLight {
	position:absolute;
	left:0;
	top:0;
	visibility: hidden;
}
/* Utilisé pour afficher et cacher le loading ou l'applet dans les demos */
#fullscreen
{
	background-color: white;
	margin:0;
	padding:0;
	height:100%;
	border:none
}
.table_fullscreen , .table_fullscreen tr, .table_fullscreen tr td
{
	width: 100%;
	height: 100%;
	border: 0px solid red;
	padding: 0px;
}
.btn_fullscreen
{
	float: left;
	clear: none;
	margin: 10px;
	
}
html>body .btn_fullscreen
{
	
}
.btn_multiscreen
{
	float: right;
	clear: none;
	margin: 10px;
}
hr
{
	margin: 0px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 305px;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px black dashed; /* une seule bordure (sinon firefox met une bordure en haut ET en bas 	mais pas IE */
	height: 1px; /* pour IE */
	float: left;
	clear: both;
}
html>body hr
{
	margin-top: 5px;
	margin-bottom: 5px;
}

br
{
	clear: both;
}
a, a:link, a:visited, a:hover, a:active
{
	color: #606280;
}
.a_popup, .a_popup:link, .a_popup:visited, .a_popup:hover, .a_popup:active
{
	color: #084155;
}
#structure
{
	margin: 0px;
	width: 100%;
	background-color: white;
	border-collapse: collapse;
}
html>body #structure
{
	min-width: 778px;
	max-width: 100%;
}

#structure tr td.degrade_g
{
	background-image: url(../images/logiciel_bourse_degrade_l.png);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #d8dde1;
	min-width: 60px;
	height: 100%;
}

#structure tr td.degrade_d
{
	background-image: url(../images/logiciel_bourse_degrade_r.png);
	background-position: left;
	background-repeat: repeat-y;
	background-color: #d8dde1;
	min-width: 60px;
	height: 100%;
}

#structure tr td.td_bandeau_haut_popup
{
	height: 43px;
	width: 778px;
	padding: 0px;
	background-image: url(../images/logiciel_bourse_top_popup_itchartsstatic_m.gif);
	background-position: left top;
	background-repeat: repeat-x;
	
}
#structure tr td.td_bandeau_haut
{
	width: 778px;
	padding: 0px;
	height: 163px;
}
#structure tr td.td_bandeau_haut .bandeau_haut
{
	background-color: transparent;
	position: absolute;
	margin: auto 0;
	top: 0px;
	color: white;
	width: 770px;
	height: 150px;
	z-index:6;
	text-align: right;
	display: block;
	float: left;
	padding-top: 15px;
}
#structure tr td.td_bandeau_haut .bandeau_haut .drapeaux
{
	float: right;
	display: block;
	height: 17px;
	width: 25px;
	margin-right: 5px;
	cursor: pointer;
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_fr
{
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/logiciel_bourse_flag_fr.gif);
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_fr:hover
{
	background-position: top right;
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_en
{
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/logiciel_bourse_flag_en.gif);
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_en:hover
{
	background-position: top right;
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_es
{
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/logiciel_bourse_flag_es.gif);
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_es:hover
{
	background-position: top right;
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_it
{
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/logiciel_bourse_flag_it.gif);
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_it:hover
{
	background-position: top right;
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_de
{
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/logiciel_bourse_flag_de.gif);
}
#structure tr td.td_bandeau_haut .bandeau_haut #flag_de:hover
{
	background-position: top right;
}
#structure tr td.td_bandeau_haut .bandeau_haut .email
{
	float: right;
	height: 17px;
	width: 150px;
	margin-right: 5px;
	color: white;
}
#structure tr td.td_bandeau_haut .bandeau_haut .email img
{
	vertical-align: middle;
	margin-left: 5px;
	border: 0px;
}
#structure tr td.td_bandeau_haut .bandeau_haut .email a
{
	color: white
}
#structure tr td.td_bandeau_haut img
{
	position: relative;
	left:0;
	top:0;
	z-index:2;
}
#structure tr td.td_menu
{
	background-image: url(../images/logiciel_bourse_degrade_menu.png);
	background-position: top right;
	background-repeat: no-repeat;
	height: 22px;
	width: 778px;
	padding: 0px;
	text-align: left;
}
#structure tr td #menu
{
	padding: 0px 1px;
	border: 0px;
	border-left: 1px solid #aca899;
	border-right: 1px solid #aca899;
	height: 22px;
	width: 776px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/** Detail du menu **/
.btn
{
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	height: 17px;
	display: block;
	float: left;
	padding-top: 5px;
	background-image: url(../images/logiciel_bourse_btn_middle_1.gif);
	background-position: 0px 5px;
	background-repeat: repeat-x;
	background-color: transparent;
	clear: none;
	text-decoration: none;
	vertical-align: bottom;
	line-height: 15px;
	cursor: pointer;
}
html>body .btn
{
	line-height: 16px;
}
.btn .middle
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #606280;
	
}
.btn .corner_r
{
	background-image: url(../images/logiciel_bourse_btn_corner_r1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: white;
	margin: 0px;
	padding: 0px;
	width: 7px;
	height: 17px;
	margin-left: 5px;
	float: left;
}
.btn .corner_l
{
	background-image: url(../images/logiciel_bourse_btn_corner_l1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: white;
	width: 5px;
	height: 17px;
	margin-right: 5px;
	float: left;
}

.btn:hover
{
	background-position: 0px -17px;
	color: #00549b;
}
.btn:hover .middle
{
	color: #00549b;
}
.btn:hover .corner_r
{
	background-position: top right;
}
.btn:hover .corner_l
{
	background-position: top right;
}

.btn.actif, .btn.actif:hover
{
	background-image: url(../images/logiciel_bourse_btn_middle_2.gif);
	background-position: bottom right;
	color: white;
}
.btn.actif .middle, .btn.actif:hover .middle
{
	color: white;
}
.btn.actif .corner_r, .btn.actif:hover .corner_r
{
	background-image: url(../images/logiciel_bourse_btn_corner_r2.gif);
}
.btn.actif .corner_l, .btn.actif:hover .corner_l
{
	background-image: url(../images/logiciel_bourse_btn_corner_l2.gif);
}
/** Fin du detail du menu **/
/** onglet (page products) **/
.onglet
{
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border-collapse: collapse;
	width: 310px;
	float: right;
	
}
.onglet .titre_onglet
{
	height: 17px;
	padding: 0px;
	text-align: left;
	
	margin-right: 15px;

}
.onglet .middle_onglet
{
	background-image: url(../images/logiciel_bourse_onglet_border_v.gif);
	background-position: top right;
	background-repeat: repeat-y;
	padding:0px;
	background-color: #f4f5f6;
}
.onglet .middle_onglet .corner_top_onglet
{
	width: 10px;
	padding: 0px;
	clear: both;
	float: right;
	margin: auto;
	text-align: justify;
}
.onglet .middle_onglet .contenu_onglet
{
	border-left: 1px solid #aca899;
	border-top: 1px solid #aca899;
	padding: 10px;
	padding-right: 30px;
	width: auto;
	text-align: justify;
	
}
.onglet .bottom_onglet
{
	background-image: url(../images/logiciel_bourse_onglet_border_h.gif);
	background-position: bottom right;
	background-repeat: repeat-x;
	padding:0px;
}

.onglet .titre_onglet .btn_passif
{
	cursor: default;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	height: 17px;
	display: block;
	float: left;
	background-image: url(../images/logiciel_bourse_btn_middle_p.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: transparent;
	clear: none;
	text-decoration: none;
	vertical-align: bottom;
	line-height: 15px;
}
html>body .onglet .titre_onglet .btn_passif
{
	line-height: 16px;
}
.onglet .titre_onglet .btn_passif .middle
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #606280;
}
.onglet .titre_onglet .btn_passif .corner_r
{
	background-image: url(../images/logiciel_bourse_btn_corner_rp.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: white;
	margin: 0px;
	padding: 0px;
	width: 7px;
	height: 17px;
	margin-left: 5px;
	float: left;
}
.onglet .titre_onglet .btn_passif .corner_l
{
	background-image: url(../images/logiciel_bourse_btn_corner_lp.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: white;
	width: 5px;
	height: 17px;
	margin-right: 5px;
	float: left;
}
/** Fin de l'onglet **/
#structure tr td.td_corps_page
{
	padding: 0px;
	width: 778px;
	height: auto;
	vertical-align: top;
}
#corps_page
{
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	border: 0px;
	border-left: 1px solid #aca899;
	border-right: 1px solid #aca899;
	width: 776px;
	
	background-image: url(../images/logiciel_bourse_ombre.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: top;
}
#structure_popup #corps_page
{
	background-image: none;
	width: 776px;
}
#corps_page_contenu
{
	width: 776px;
	vertical-align: top;
}
#corps_page_contenu_main
{
	width: 776px;
	padding-bottom: 70px;
	background-image: url(../images/logiciel_bourse_fille.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	vertical-align: top;
}
#corps_page_contenu_products
{
	width: 776px;
	padding-bottom: 20px;
	vertical-align: top;
}

#corps_page_contenu_itcharts_xlight, #corps_page_contenu_itcharts_light, #corps_page_contenu_itcharts_light_plus, #corps_page_contenu_itcharts_frontend, #corps_page_contenu_itcharts_advanced, #corps_page_contenu_itcharts_api, #corps_page_contenu_itcharts_advanced_frontend, #corps_page_contenu_itcharts_mobile, #corps_page_contenu_itcharts_static_mobile, #corps_page_contenu_itcharts_static_web
{
	width: 776px;
	padding-bottom: 10px;
	vertical-align: top;
}

#corps_page_contenu_contact
{
	width: 776px;
	padding-bottom: 240px;
	background-image: url(../images/logiciel_bourse_enveloppe.jpg);
	background-position: 520px 590px;
	background-repeat: no-repeat;
	vertical-align: top;
}

#pied_page
{
	text-align: center;
	padding: 0px;
	line-height: 22px;
	background-image: url(../images/logiciel_bourse_bm.gif);
	background-position: top;
	background-repeat: repeat-x;
	color: #606280;
	font-size: 8pt;
	width: 778px;
}

/** Tableau principal pour les pages main et products **/
.double_row
{
	width: 704px;
	margin: 0px auto;
	margin-top: 20px;
	border-collapse: collapse;
}
.double_row tr td.row_l
{
	width: 320px;
	text-align: left;
	padding: 0px;
	vertical-align: top;
}
.double_row tr td.row_r
{
	width: 320px;
	text-align: left;
	padding: 0px;
	vertical-align: top;
}
.double_row tr .row_c
{
	width: 64px;
	background-image: url(../images/logiciel_bourse_hash_v.gif);
	background-position: center top;
	background-repeat: repeat-y;
}
/** Fin du tableau main et product **/
/** Tableau simple, page contact **/
.simple_row
{
	width: 704px;
	margin: 0px auto;
	margin-top: 20px;
	border-collapse: collapse;
}
.simple_row tr td
{
	width: 704px;
	text-align: left;
	padding: 0px;
	vertical-align: top;
}
.simple_row tr td.form_td
{
	width: 704px;
	text-align: center;
	padding: 0px;
	vertical-align: top;
}
/** Fin du tableau simple **/
/** Formulaire **/
.table_contact
{
	display: table;
	margin: 0px auto;
	margin-top: 30px;
	background-image: url(../images/logiciel_bourse_form_fond.jpg);
	background-position: left top;
	background-repeat: repeat;
	width: 352px;
	padding-top: 50px;
	border-collapse: collapse;
	
}
.table_contact.fond2
{
	background-image: url(../images/logiciel_bourse_form_fond2.jpg);
	background-position: left top;
	background-repeat: repeat;
}
.table_contact.double
{
	width: 550px;
}

.table_contact tr .bandeau
{
	background-image: url(../images/logiciel_bourse_form_head_c.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 22px;
	padding: 0px;
}
.table_contact tr td .titre_table_contact
{
	font-weight: bold;
	float: left;
	background-image: url(../images/logiciel_bourse_puce_small_white.gif);
	background-position: left;
	background-repeat: no-repeat;
	width: auto;
	text-align: left;
	padding-left: 15px;
	color: white;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-top: 15px;
	text-decoration: underline;
}
html>body .table_contact tr td .titre_table_contact
{
	margin-bottom: 0px;
}
.table_contact tr .bottom
{
	height: 6px;
	padding: 0px;
}
.table_contact tr .fog
{
	background-image: url(../images/logiciel_bourse_form_middle_bc.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 14px;
	padding: 0px;
}

.table_contact tr td .border_form_left
{
	border-left: 1px solid #aca899;
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	width: 254px; /*239px;*/
}
.table_contact tr td .border_form_right
{
	border-right: 1px solid #aca899;
	border-left: 1px dotted white;
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	width: 254px; /*239px;*/
}
.table_contact tr td .border_form_left_right
{
	border-left: 1px solid #aca899;
	border-right: 1px solid #aca899;
	float: left;
	padding-left: 15px;
	padding-top: 15px;
	width: 350px;
}
.table_contact.double tr td .border_form_left_right
{
	border-left: 1px solid #aca899;
	border-right: 1px solid #aca899;
	float: left;
	padding-left: 0px;
	padding-top: 4px;
	width: 549px;
}

label
{
	float: left;
	text-align: left;
	width: 90px;
	color: white;
	font-weight: bold;
	line-height: 25px;
}
label.error
{
	color: #ffff00;
}
input
{
	float: left;
	text-align: left;
	width: 120px;
	border-left: 1px solid #b3d1e4;
	border-top: 1px solid #b3d1e4;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	height: 18px;
	vertical-align: top;
}
input.small
{
	width: 40px;
}
input.error
{
	background-color: white;
	color: black;
}
textarea
{
	float: left;
	text-align: left;
	width: 220px;
	border-left: 1px solid #b3d1e4;
	border-top: 1px solid #b3d1e4;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	line-height: 16px;
	height: 100px;
}
textarea.error
{
	background-color: white;
	color: black;
}
select
{
	float: left;
	text-align: left;
	width: 120px;
	border-left: 1px solid #b3d1e4;
	border-top: 1px solid #b3d1e4;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	height: 20px;
	margin-top: 2px;
	margin-bottom: 3px;
	
}
.radiocheck
{
	float: left;
	width: 12px;
	border: 0px;
	height: 12px;
	margin-right: 10px;
	margin-top: 6px;
}
.white
{
	color: white;
}
.input_button, a.input_button
{
	color: white !important;
	background-image: url(../images/logiciel_bourse_button.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	text-align: center;
	width: 71px;
	padding: 0px;
	padding-top: 4px;
	padding-left: 0px;
	height: 22px;
	margin: 0px auto;
	margin-top: 40px;
	
	font-weight: bold;
	text-decoration: none;
}
html>body .input_button, a.input_button
{
	height: 20px;
	margin-top: 20px;
}
.input_button:hover
{
	background-position: -71px 0px;
	background-repeat: no-repeat;
	color: #002A5E !important;
}
.input_button.long, a.input_button.long
{
	background-image: url(../images/logiciel_bourse_button2.gif);
	width: 96px;
}
.input_button.long:hover, a.input_button.long:hover
{
	background-position: -96px 0px;
}

/* Bouton de lancement d'application ou de demo Flash */
.div_button1
{
	width: 276px;
	margin: 0px auto;
}
.div_button2 /* Ne contient qu'un seul bouton*/
{
	width: 120px;
	margin: 0px auto;
}
.input_button2, a.input_button2
{
	color: #606280 !important;
	background-image: url(../images/logiciel_bourse_button3.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	float: left;
	text-align: center;
	width: 107px;
	padding: 0px;
	padding-top: 2px;
	padding-left: 0px;
	height: 20px;
	margin: 0px auto;
	margin-top: 40px;
	border: 0px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}
html>body .input_button2, a.input_button2
{
	height: 18px;
	margin-top: 20px;
}
.input_button2:hover
{
	background-position: -107px 0px;
	background-repeat: no-repeat;
	color: white !important;
}
.input_button2.appli, a.input_button2.appli
{
	background-image: url(../images/logiciel_bourse_button3.png);
	width: 107px;
	
}
.input_button2.appli:hover, a.input_button2.appli:hover
{
	background-position: -107px 0px;
}
.input_button2.flash, a.input_button2.flash
{
	background-image: url(../images/logiciel_bourse_button4.png);
	width: 139px;
	margin-right: 30px;
}
.input_button2.flash:hover, a.input_button2.flash:hover
{
	background-position: -139px 0px;
}
/* Fin boutons */
/** Fin formulaire **/
.titre
{
	background-image: url(../images/logiciel_bourse_puce.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	padding-left: 15px;
	Line-height: 20px;
	text-decoration: underline;
	color: #00549b;
	font-weight: bold;
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 4px;
}
.ss_titre
{
	font-weight: bold;
	color: #606280;
	Line-height: 20px;
}
.ss_titre2
{
	font-weight: bold;
	color: #606280;
	Line-height: 20px;
	margin-top: 21px;
	display: block;
}
.paragraphe
{
	margin-left: 8px;
	margin-right: 8px;
	text-align: justify;
	width: 300px;
	float: left;
	clear: both;
}
html>body .paragraphe
{
	margin-left: 15px;
	margin-right: 0px;
}
.paragraphe.align_right
{
	text-align: right;
	float: right;
	display: block;
}
ul
{
	clear: both;
	padding-left: 35px;
	padding-top: 10px;
}
li
{
	background-image: url(../images/logiciel_bourse_puce_small.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 4px;
	list-style: none;
}
html>body li
{
	background-position: 0px 4px;
}
.error
{
	color: red;
}

.infos
{
	font-size: 8pt;
}

.icone
{
	border: 0px;

	vertical-align: middle;
	text-decoration: none;
}

/** Gére les bules **/
.doInvisible
{
	display:none;
}
.doVisible
{
	display:block;
}

.helpBlock
{
	position: absolute;
	width: 333px;
	height: auto;
	border: 1px solid #b4b4b4;
	z-index: 500;
	padding: 10px 20px;
	background-color: #eceef0;
    background-color: rgba(240, 240, 240, 0.93);
    background-image: -moz-linear-gradient(bottom, rgba(240, 240, 240, 0.93), white);
	background-image: -webkit-gradient(linear,left top, left bottom,from(white),to(rgba(240, 240, 240, 0.93))); 
 
	<!--[if IE lte IE 8]> 
    background:transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#eceef0); 
	zoom: 1; 
	<![endif]--> 
	
}

.helpBlock ul
{
	padding-left: 10px;	
}

#debug
{
	display:block;
	width: 500px;
	height: auto;
	text-align:left;
}