/****************/
/**  ISIOTRADE **/
/** CSS MARKET **/
/****************/

#contenu {	
	height:                auto !important;
	height:                490px;
	min-height:            490px;
	background-image:      url('img/bg_contenu_resultat.gif');
	background-position:   bottom left;
	background-repeat:     no-repeat;
	background-color:      #FFFFFF;
}

#conteneur_actions {
	float:                  left;
	width:                  770px;
	border:                 1px solid #D0D0D0;	
	border-bottom:          none;
    margin:                 0px 0px 0px 50px;
	-margin:                0px 0px 0px 25px;
	overflow:               hidden;
}

/* FORMULAIRE POUR CHANGER LES MARCHES OU FAIRE UNE RECHERCHE */
#header_tabs_resultat {
	float:			      left;
	width:			      772px;
	height:			      36px;
	background-image:	  url('/images/previsions_bourse/resultats/header.jpg');
	background-position:  top left;
	background-repeat:    no-repeat;
    margin:               20px 0px 0px 50px;
    -margin:              20px 0px 0px 25px;
}

#onglets_resultat {
	float: right;
	width: 148px;
	margin-top: 18px;
}
#onglets_ma_liste {
	float: right;
	width: 148px;
	margin-top: 40px;
}

#lien_modifier_liste {
	float: left;
	width: 99px;
	height: 17px;
	display: block;
	text-decoration: none;
	margin-right: 1px;
	background-image: url('img/bg_lien_modifiermaliste.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#lien_modifier_liste:hover {
	background-image: url('img/bg_lien_modifiermaliste_over.jpg');
}

#lien_modifier_liste_selected {
	float: left;
	width: 99px;
	height: 17px;
	display: block;
	text-decoration: none;
	margin-right: 2px;
	background-image: url('img/bg_lien_modifiermaliste_over.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#lien_aide {
	float: left;
	width: 35px;
	height: 17px;
	display: block;
	text-decoration: none;
	background-image: url('img/bg_lien_aide.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#lien_aide:hover {
	background-image: url('img/bg_lien_aide_over.jpg');
}

#header_resultat {
	float: 					left;
	display: 				inline;
	width: 					700px;	
	margin: 				8px 0 0 17px;
}

#header_resultat form {
	display: inline;
	margin: 0;
	padding: 0;
}

#vues_resultat {
	float: 					right;
	width: 					205px;
}

#vues_resultat select {
	width: 184px;
	height: 19px;
	font-size: 11px;
	font-family: "Arial";
	border: 1px solid #7F9DB9;
}

html* #vues_resultat select {
	height: 20px;
}

#deroulant_previsions {
	float:         left;
	display:       inline;
	width:         132px;
	margin-left:   55px;
}

#deroulant_previsions select {
	width:         120px;
	height:        19px;
	font-size:     11px;
	font-family:   "Arial";
	border:        1px solid #7F9DB9;
}

html* #deroulant_previsions select {
	height:        20px;
}

#deroulant_annee {
	float: 				left;
	display: 			inline;
	width: 				102px;
	margin-left:		59px;
}

#deroulant_annee select {
    width:         50px;
    height:        19px;
    font-size:     11px;
    font-family:   "Arial";
    border:        1px solid #7F9DB9;
}

html* #deroulant_annee select {
    height:        20px;
}


/* ENTETE DU TABLEAU D'ACTIONS AVEC TRI */
#intitules {
	float:             left;
	width:             769px;
	font-size:         11px;
    background-color:  #F5F5F5;
}

.order {
    float: left;
    display: inline;
    width: auto;
    max-width: 17px;
    height: 15px;
    margin: 3px 0 0 3px;
    max-height: 23px;
    padding-top:7px;
}

#conteneur_action {
    float:              left;
    display:            block;
    width:              187px;
    height:             30px;
    border-right:       1px solid #CDCDCD;
    background-color:   #F5F5F5;
}

#action {
    float:              left;
    display:            inline;
    height:             22px;
    max-height:         23px;
    width:              126px;
    margin-left:        30px;
    text-align:         center;
    padding-top:        9px;
}

#conteneur_actuellement {
    float: left;
    display: block;
    width: 89px;
    height: 30px;
    line-height: 1em; 
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}

#actuellement {
    float: left;
    display: inline;
    width: 60px;
    margin-left: 14px;
    text-align: center;
    padding-top: 4px;
}

#conteneur_score {
    float: left;
    display: block;
    width: 81px;
    height: 30px;
    line-height: 1em; 
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}

#score {
    float: left;
    display: inline;
    width: 51px;
    margin-left: 15px;
    text-align: center;
    padding-top: 4px;
}

#conteneur_debut,
#conteneur_fin {
    float:              left;
    display:            block;
    width:              162px;
    height:             30px;
    line-height:        1em; 
    border-left:        1px solid #CDCDCD;
    border-right:       1px solid #CDCDCD;
    background-color:   #F5F5F5;
}

#debut,
#fin {
    float:              left;
    display:            inline;
    width:              116px;
    margin-left:        21px;
    text-align:         center;
    padding-top:        9px;
}

#conteneur_dernier_cour {
    float: left;
    display: block;
    width: 149px;
    height: 30px;
    line-height: 1em; 
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}

#dernier_cour {
    float: left;
    display: inline;
    height: 22px;
    width: 113px;
    margin-left: 17px;
    text-align: center;
    max-height: 23px;
    padding-top: 4px;
}

#conteneur_variation, #conteneur_gain {
    float:              left;
    display:            block;
    width:		85px;
    height:             30px;
    line-height:        1em; 
    border-left:        1px solid #CDCDCD;
    background-color:   #F5F5F5;
}

#variation, #gain {
    float: left;
    display: inline;
    width: 75px;
    text-align: center;
    padding-top: 4px;
    margin-left: 5px;
}


.lien_intitule {
    color: #000000;
    text-decoration: none;
}

.lien_intitule:hover {
    color: #AA0000;
    text-decoration: none;
}

.intitule_select {
    color: #aa0000;
    text-decoration: none;
}


#intitule_select:hover {
    color: #0202E0;
    text-decoration: underline;
}

/* UNE LIGNE ACTION */
.action {
    float:              left;
    display:            inline;
    width:              772px;
    border-top:         1px solid #CDCDCD;
    border-right:       1px solid #CDCDCD;
    color:              #000000;
    background-color:   #FFFFFF;
    overflow:           hidden;
}

.action a {
    color: #000000;
    text-decoration: none;
}

#action_selected {
    float: left;
    display: inline;
    width: 795px;
    height: 22px;
    border-bottom: 1px dotted #000000;
    color: #191A52;
    margin-left: 1px;
    background-color: #E9E9E9;
}

.action_ma_liste {
    float: left;
    display: inline;
    width: 20px;
    height: 18px;
    margin: 4px 0 0 5px;
    /*margin: 4px 0 0 16px;*/
}

.action_graphe {
    float: left;
    display: inline;
    width: 20px;
    height: 18px;
    margin: 5px 0 0 0;
}

.action_graphe img {
}

.action_web {
    float: left;
    display: inline;
    width: 20px;
    height: 18px;
    margin: 5px 12px 0 0;
    /*margin: 5px 22px 0 0;*/
}

.picto_action {
	margin: 1px 7px 0 0;
}

#picto_action {
	margin-top: 1px;
}

.action_nom {
    float:              left;
    display:            inline;
    width:              176px;
    height:             17px;
    font-size:          11px;
    margin-top:         3px;
    margin-left:        15px;
    text-decoration:    none;
}

.action_actuellement {
    float: left;
    display: block;
    width: 89px;
    /*width: 99px;*/
    height: 19px;
    margin-top: 3px;
    text-align: center;
    text-decoration: none;
}

.action_actuellement img {
    padding-top: 3px;
}

/*.action_actuellement img {
	margin-top: 4px;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 5px;
	text-decoration: none;
}*/

.action_score {
    float: left;
    width: 84px;
    /*width: 94px;*/
    font-weight: bold;
    margin-top: 2px;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

.action_debut, .action_dernier_cour {
    float:              left;
    display:            block;
    width:              163px;
    text-align:         center;
    /*line-height:        2em;*/
    margin-top:         3px;
    text-decoration:    none;
}


.date_debut, .date_dernier {
    float:              left;
    display:            block;
    width:              77px;
    /*width: 67px;*/
    font-size:          11px;
    text-align:         center;
    text-decoration:    none;
}

.prix_debut, .prix_dernier {
    float: left;
    display: block;
    width: 50px;
    /*width:55px;*/
    height: 22px;
    font-size: 11px;
    text-align: right;
    font-weight: bold;
}

.action_debut .trust {
    float: left;
    display: block;
    width: 55px;
    /*width: 58px;*/
    height: 19px;
    text-align: center;
    font-weight: bold;
    margin: 4px 0 0 6px;
    text-decoration: none;
}

.action_debut .trust img {
	margin-top: 1px;
}


.panneau_dernier {
    float: left;
    display: block;
    width: 35px;
    height: 18px;
    margin-top: 4px;
    text-align: right;
    text-decoration: none;
}

.variation_gain {
    float: left;
    margin-top: 3px;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    color:#165F12;
    text-decoration: none;
}

.variation_perte {
    float: left;
    font-size: 11px;
    text-align: center;
    margin: 3px 0 1px 0;
    font-weight: bold;
    color:#F00000;
    text-decoration: none;
}

.variation_gain, .variation_perte {
    width: 65px;
}

.action_gain {
    float: left;
    display: inline;
    margin-top: 3px;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
    color:#165F12;
    text-decoration: none;
}

.action_perte {
    float: left;
    display: inline;
    font-size: 11px;
    text-align: center;
    margin: 3px 0 1px 0px;
    /*margin: 5px 0 1px 15px;*/
    font-weight: bold;
    color:#F00000;
    text-decoration: none;
}

.action_gain, .action_perte {
    width:              70px;
    margin-left:        22px;
    overflow:           hidden;
}

/****************/
/** GRAPHIQUES **/

/* HISTORIQUE DRAPEAU */

#table_form_historique {
	width: 442px;
	text-align: center;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	margin-top: 6px;
}

#iYear, #iMonth {
	width: 140px;
	font-size: 12px;
	color: #FFFF00;
	font-weight: bold;
	text-align: center;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	margin-top: 1px;
}

#table_form_historique td {
	vertical-align: middle;
}

#table_form_historique img {
	vertical-align: -2px;
}

#filtre_drapeau {
	margin-left: 7px;
	vertical-align: -4px;
}

.titre_graphe_historique {
	width: 398px;
	margin: 10px 0 0 45px;
	color: #FFFFFF;
	font-size: 11px;
}

#histogramme {
	width: 434px;
	margin: 0 0 0px 0px;
}

#forecast {
	width: 434px;
	margin-left: 2px;
}

/* COURS PREVISION */
#graphik {
    position:          absolute;
	left:              50%;
	margin:            148px 0 0 18px;
	width:             457px;
	height:            550px;
	padding:           12px 0 10px 0;
    background-color:  #222222;
}

html* #graphik {
	margin-top: 123px;
}

#donnees_onglet_histo {
	width: 446px;
	font-size: 11px;
	margin-top: 12px;
}

#donnees_onglet_histo td {
	vertical-align: top;
}

.sous_table_histo {
	font-size: 11px;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	border-right: none;
	text-align: center;
}

#donnees_onglet_histo td .sous_table_histo td {
	color: #FFFFFF;
	line-height: 1.2em;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #000000;
}

#donnees_onglet_histo td .sous_table_histo td.celluleGain {
	height: 18px;
	background-color: #339A65;
}

#donnees_onglet_histo td .sous_table_histo td.cellulePerte {
	height: 18px;
	background-color: #FF0000;
}

#paginationGraphe {
	 padding-top: 5px;
	 font-weight: bold;
	 color: #FFFFFF;
	 font-size: 12px;
}

#paginationGraphe a {
	color: #FFFFFF;
	text-decoration: none;
}

#paginationGraphe a:hover, #paginationGraphe a.selected {
	text-decoration: underline;
}

.trust_etoile {
	margin-top: 4px;
}

html* .trust_etoile {
	margin: 0;
	vertical-align: bottom;
}

/** TRUCS COMMUNS AUX DEUX GRAPHES **/
/* onglets au dessus des graphes */
.onglets_graphes {
	width: 443px;
	height: 17px;
}

#graphik .onglets_graphes {
	width: 447px;
	height: 17px;
}

#lien_aide_graphe {
	float: right;
	width: 53px;
	height: 17px;
	display: block;
	text-decoration: none;
	margin-right: 1px;
	background-image: url('img/bg_lien_aide_graphe.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

#lien_aide_graphe:hover {
	background-image: url('img/bg_lien_aide_graphe_over.jpg');
}

#lien_detail_graphe {
	float: right;
	width: 53px;
	height: 17px;
	display: block;
	text-decoration: none;
	margin-right: 1px;
	background-image: url('img/bg_lien_graphe_detail.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#lien_detail_graphe:hover {
	background-image: url('img/bg_lien_graphe_detail_over.jpg');
}

#lien_detail_graphe_selected {
	float: right;
	width: 53px;
	height: 17px;
	display: block;
	text-decoration: none;
	margin-right: 1px;
	background-image: url('img/bg_lien_graphe_detail_over.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#lien_historique_graphe {
	float: right;
	width: 71px;
	height: 17px;
	display: block;
	text-decoration: none;
	margin-right: 1px;
	background-image: url('img/bg_lien_graphe_historique.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#lien_historique_graphe:hover {
	background-image: url('img/bg_lien_graphe_historique_over.jpg');
}

#lien_historique_graphe_selected {
	float: right;
	width: 71px;
	height: 17px;
	display: block;
	text-decoration: none;
	margin-right: 1px;
	background-image: url('img/bg_lien_graphe_historique_over.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

#graphHistorique #graphPage{
	float: left;
	display: inline;
    width: 442px;
    color: #FFFFFF;
    margin-left: 13px;
}

#graphik #graphPage{
	float: left;
	display: inline;
    width: 446px;
    color: #FFFFFF;
    font-size: 11px;
    padding: 0 0 3px 0;
    margin-left: 5px;
}

#graphPage{
    background-color: #222222;  
}

#graphPage .datas, #graphPage .datasTitle {
	width: 446px;
	line-height: 20px;
	background-color: #000000;
}

#graphHistorique #graphPage .datasTitle {
    width: 442px;
}

#graphPage .datasTitle #actionTitle{
	text-align: center;
	font-size: 18px;
	padding: 10px 0 10px 0;
}

.datasTitle td {
	border:1px solid white;
	margin:0px;
	padding:0px;
	color: #FFFFFF;
}

#graphPage .datas td, #graphPage .datasTitle td{
	margin:0px;
	padding:0px;
	text-align:center;
}

#graphPage .datas td {
	border: 1px solid white;
}

#graphForm{
	float:right;
	display: inline;
	width:390px;
	margin-top: 8px;
	margin-bottom: 17px;
}

#graphForm select {
	width:160px;
	font-size: 12px;
	border: 1px solid white;
	background-color: black;
	color: yellow;
	text-align:center;
}

#chart_help{
    float:left;
    margin-right:20px;
    margin-left:10px;
}

#graphSelectDiv{
    float:right;
    width:160px;
}

#period{
    font-weight: bold;
    text-align:center;
}

.blackTd{
 	background-color: #000000;
}

.dataBorder{
	border: 1px solid white;
	text-align:center;
}

#chart {
	width: 446px;
	background-color: #222222;	
	margin-left: 0px;
	padding-top:10px;
}

.form_error {
	color: #FF0000;
	font-weight: bold;
}

#maListeShow{

	float:right;
	display:inline;
	padding:0 30px 10px 0px;
}

#maListeShow a{
	font-weight:bold;
}

.acquitee {
	padding:2px;
	border:1px solid green;
}

#address{
	width:300px;
	padding: 50px 0 0 460px;
	float:left;
}

.tdBordure {
	border: 1px solid black;
}

.tdBold {
	font-weight:bold;
}


/**************/
/** MA LISTE **/


#header_ma_liste {
	float: left;
	width: 745px;
	height: 43px;
	margin: 14px 0 0 9px;
	background-image: url('img/bg_header_ma_liste_new.gif');
	background-position: top left;
	background-repeat: no-repeat;
}

#suppression_ma_liste {
	float: right;
	width: 195px;
	margin-top: 4px;
}

#actionItem {
	width: 178px;
	font-size: 11px;
	font-family: "Arial";
	border: 1px solid #7F9DB9;
	margin: 8px 0 0 73px;
}

#bt_ajouter {
	vertical-align: middle;
}

html* #bt_ajouter {
	vertical-align: -5px;
}

#ma_liste_selectionner {
    float: left;
    display: inline;
    height: 22px;
    text-align: left;
    padding:0px;
    margin-left:6px;
    padding-top:8px;
}

#conteneur_selectionner {
    float: left;
    display: inline;
    width: 74px;
    height: 30px;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
    padding:0px;
}

#ma_liste_actions {
    float: left;
    display: inline;
    height: 22px;
    text-align: left;
    padding:0px;
    margin-left:9px;
    padding-top:8px;
}

#conteneur_ma_liste_actions {
    float: left;
    display: inline;
    height: 30px;
    border-left: 1px solid #CDCDCD;
    background-color: #F5F5F5;
    padding:0px;
    width: 721px;
}

.ma_liste_action_check {
    float: left;
    display: block;
    width: 70px;
    height: 22px;
    text-align: center;
    line-height: 2em;
}

.ma_liste_action_nom {
    float: left;
    display: block;
    width: 702px;
    height: 22px;
    text-align: left;
    padding-left:13px;
    line-height: 2em;
}

#zone_boutons {
	float: left;
	width: 949px;
	margin: 35px 0 180px 0;
}

#lien_retour_ma_liste {
	display: block;
	width: 158px;
	height: 33px;
	margin-left: 400px;
	text-decoration: none;
	background-image: url('img/bg_bt_retouramaliste.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}

#lien_retour_ma_liste:hover {
	background-image: url('img/bg_bt_retouramaliste_over.jpg');
}
/*********************/
/****** PALMARES *****/

#conteneur_action_var {
    float: left;
    display: block;
    width: 797px;
    height: 30px;    
    border-left: 1px solid #CDCDCD;
    background-color: #F5F5F5;
    text-decoration: none;
    overflow:hidden;
}  
    
#conteneur_action_var #action{
    width: 174px;
    text-decoration: none;
    margin-right: 54px;
}

#conteneur_1jour {
    float: left;
    display: block;
    width: 84px;
    height: 30px;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}   
    
#titre1jour {
    float: left;
    display: inline;
    width: 34px;
    margin-left: 20px;
    text-align: center;
    max-height: 23px;
}

#conteneur_5jours {
    float: left;
    display: block;
    width: 84px;
    height: 30px;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}

#titre5jours {
    float: left;
    display: inline;
    width: 34px;
    margin-left: 26px;
    text-align: center;
    max-height: 23px;
}

#conteneur_10jours {
    float: left;
    display: block;
    width: 84px;
    height: 30px;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}

#titre10jours {
    float: left;
    display: inline;
    width: 39px;
    margin-left: 22px;
    text-align: center;
    max-height: 23px;
}

#conteneur_20jours {
    float: left;
    display: block;
    width: 84px;
    height: 30px;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}

#titre20jours {
    float: left;
    display: inline;
    width: 44px;
    margin-top: -1px;
    margin-left: 43px;
    text-align: center;
}

html* #titre20jours {
	margin-top: -3px;
}

#titre20jours .exposant {
	font-size:     10px;
	line-height:   0.5em;
}

html* #titre20jours .exposant {
	font-size:     10px;
	line-height:   normal;
}

#conteneur_annee {
    float: left;
    display: block;
    width: 84px;
    height: 30px;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}

#titreannee {
    float: left;
    display: inline;
    width: 41px;
    margin-left: 10px;
    text-align: center;
    padding-left:8px;
    line-height:normal;
}
#titreannee sup {
    vertical-align:top;
}

#conteneur_fin {
    float: left;
    display: block;
    width: 147px;
    height: 30px;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    background-color: #F5F5F5;
}

.action_gain_palmares {
    float: left;
    display: inline;
    width: 72px;
    height: 22px;
    text-align: center;
    font-weight: bold;
    line-height: 2em;
    color:#165F12;
    text-decoration: none;
    font-size: 11px;
}

.action_perte_palmares {
    float: left;
    display: inline;
    width: 70px;
    height: 21px;
    text-align: center;
    margin: 1px 1px 0 1px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #F00000;
    line-height: 2em;
    text-decoration: none;
    font-size: 11px;
}

#variation_titles {	
    float:left;
}

#variation_titles #title {
    float:none;
    width:361px;
    text-align:center;
}
	
#conteneur_action_var .order {
    width:11px;
    overflow:hidden;   
    padding-top: 0px;  
    margin-top: 10px;    
}

#variation_titles .order{
    margin-top: 3px; 
}

.palmares_action_nom {
    float: left;
    display: inline;
    width: 198px;
    height: 17px;
    font-size: 11px;
    text-decoration: none;
    margin-top: 5px;
}

#actionForecastGraph{
}


#graphPage table#action_resume {
    border-collapse:    collapse;
    margin-top:         14px; 
    margin-left:        1px;
    border:             0px;
    width:              446px;
}

#graphPage #action_details {
    height:             151px;
}


#checkbox_resultat {
    float:          right;
    width:          15px;
    margin-right:   22px;
    -margin-right:  11px;
    padding:        0px;
    /*border: 1px solid blue;*/
}

#checkbox_resultat input {
    /vertical-align:top;
    /width:    12px;
    /height:   12px;
    /* Autres */
    margin:   3px 0px 0px 0px;
    /* IE6 et IE7 */
    /margin:  4px 0px 0px 0px;
    -margin-top: 5px;
    padding:  0px 0px 0px 0px;
    /*border: 1px solid red;*/
}

#checkbox_resultat input#checkbox_resultat_passees{
    /margin: 0px;
    -margin-top: 2px;
}

#resultats_title {
    font-size:      20px;
    text-align:     center;
    padding:        10px 0px 30px 0px;	
    color:          #666666;
    font-weight:    bold;
}

#page ul {
    padding-top:    0px;    
    margin-top:     0px;    
}

#page ul li {
    padding-top:    0px;    
    margin-top:     0px;    
}


#resultats_noresult {
    text-align:     center;
    font-size:      11px;
}