/* ROUGE : A80101 */
/* VERTE : 2D8901 */

/* ENCARTS DE LA PARTIE DE GAUCHE */
.inputsSelect1 {width: 106px; height: 21px; background: url("../images/bourse/home/bg-select-input-recherche.png") top left no-repeat; position: relative; text-align: left; float: left; padding: 3px 0px 0px 0px; margin: -20px 0px 0px 335px; z-index: 100;}
.inputsSelect1 .selects {padding: 3px 14px 3px 3px; font: normal 11px Verdana; cursor: default; width: 100px; white-space: nowrap; overflow: hidden; color: #000000;}
.inputsSelect1 ul {position: absolute; text-align: left; border: 1px solid #999; white-space: nowrap; font: normal 11px verdana; padding: 5px; display: none; background: #C7C7C1; z-index: 100; list-style: none; margin: 0; z-index: 100;}
.inputsSelect1 ul {position: absolute; text-align: left; border: 1px solid #999; white-space: nowrap; font: normal 11px verdana; padding: 5px; display: none; background: #C7C7C1; z-index: 100; list-style: none; margin: 0; z-index: 100;}
.inputsSelect1 ul li a:hover {color: #000000; background: #C7C7C1;}

table.gph-fives {width: 635px; height: 180px; border-collapse: collapse; background: url('../images/template/bg-mini-graphs-x5.png') no-repeat top left; margin-bottom: 10px;}
table.gph-fives td {width: 127px; padding: 10px 0px 5px 5px; text-align: center;}
table.gph-fives td span.gph-titre {display: block; font: bolder 11px Verdana; color: #000000; padding-left: 5px; text-align: left;}
table.gph-fives td span.gph-value {display: block; font: bolder 14px Verdana; color: #606060; padding-left: 5px; text-align: left;}
table.gph-fives td span.gph-varup {display: block; font: bolder 11px Verdana; color: #2D8901; padding-left: 5px; text-align: left;}
table.gph-fives td span.gph-vardw {display: block; font: bolder 11px Verdana; color: #A80101; padding-left: 5px; text-align: left;}
table.gph-fives td a {background: url('../images/template/btn-compo-fin.png')  repeat-x top right #EAEAEA; font: bolder 11px Georgia; color: #000000; text-decoration: none; float: left; margin: 5px 0px 0px 10px; display: block; height: 27px;}
table.gph-fives td a span {background: url('../images/template/btn-compo-deb.png')  repeat-x top left #EAEAEA; float: left; width: 5px; height: 27px; position: relative; left: -3px;}
table.gph-fives td a em {padding: 5px 5px 0px 3px; display: block; float: left; font-style: normal;}
table.gph-fives td img {margin-top: 5px}

#main-content {width: 650px; margin:  5px 15px 5px 15px; background: url('../images/bourse/home/corners-bot-rectangle.png') no-repeat bottom left;}

#main-content div#all-graphs {width: 634px;}

#main-content div#all-graphs a.onglet-on {background: url('../images/bourse/home/onglet-effet-bleu-fin.png')  repeat-x top right #EAEAEA; font: bolder 11px Verdana; color: #FFFFFF; text-decoration: none; float: left; margin: 0px 0px 0px 3px; display: block; height: 25px;}
#main-content div#all-graphs a.onglet-on span {background: url('../images/bourse/home/onglet-effet-bleu-deb.png')  repeat-x top left #EAEAEA; float: left; width: 5px; height: 25px;}
#main-content div#all-graphs a.onglet-on em {padding: 5px 5px 0px 3px; display: block; float: left; font-style: normal;}
#main-content div#all-graphs a.onglet-of {background: url('../images/bourse/home/onglet-effet-gris-fin.png') repeat-x top right #EAEAEA; font: bolder 11px Verdana; color: #3F3F3F; text-decoration: none; float: left; margin: 0px 0px 0px 3px; display: block; height: 25px;}
#main-content div#all-graphs a.onglet-of span {background: url('../images/bourse/home/onglet-effet-gris-deb.png') repeat-x top left #EAEAEA; float: left; width: 5px; height: 25px;}
#main-content div#all-graphs a.onglet-of em {padding: 5px 5px 0px 3px; display: block; float: left; font-style: normal;}
#main-content div#all-graphs a.onglet-st {margin: 0px 0px 0px 8px;}

#main-content div#all-graphs img.mid-corners {position: relative; top: -1px; left: -8px;}

#main-content div#all-graphs div#main-datas-infos {width: 630px; margin: 0px; background: url('../images/bourse/valeurs/bg-main-graphs.png') repeat-y left top; padding: 5px 0px 0px 0px;}
#main-content div#all-graphs div#main-datas-infos h3 {margin: 5px 0px; padding: 2px 2px 2px 5px; text-align: left; font: bold 11px Verdana; color: #000000;}
#main-content div#all-graphs div#main-datas-infos h3 span {font: bold 11px Verdana; color: #FFFFFF; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left; text-align: left; padding: 2px;}
#main-content div#all-graphs div#main-datas-infos table {width: 610px; margin: 0px 5px; border-collapse: collapse;}
#main-content div#all-graphs div#main-datas-infos table td {padding: 5px;}
#main-content div#all-graphs div#main-datas-infos table td.datas-text-title {border-bottom: 1px solid #7E7E7B; font: normal 13px Georgia; color: #000000; text-align:   left;}
#main-content div#all-graphs div#main-datas-infos table td.datas-numb-title {border-bottom: 1px solid #7E7E7B; font: normal 13px Georgia; color: #000000; text-align: center;}
#main-content div#all-graphs div#main-datas-infos table td.datas-text {font: normal 11px Verdana; color: #555555; text-align:   left; white-space: nowrap;}
#main-content div#all-graphs div#main-datas-infos table td.datas-numb {font: normal 11px Verdana; color: #555555; text-align: center; white-space: nowrap;}
#main-content div#all-graphs div#main-datas-infos table td span.positif {color: #2D8901;}
#main-content div#all-graphs div#main-datas-infos table td span.negatif {color: #A80101;}
#main-content div#all-graphs div#main-datas-infos img.top-corners {position: relative; top: -6px; left: 0px;}
.logo-saxobq {float:right; margin-right: 20px;}


#main-content div#all-graphs div.main-datas-infos {width: 630px; margin: 0px 0px 10px 7px; background: url('../images/bourse/valeurs/bg-main-graphs.png') repeat-y left top; padding: 5px 0px 0px 0px; position: relative; top: 2px; left: -5px;}
#main-content div#all-graphs div.main-datas-infos h3 {margin: 5px 0px; padding: 2px 2px 2px 5px; text-align: left; font: bold 11px Verdana; color: #000000;}
#main-content div#all-graphs div.main-datas-infos h3 span {font: bold 11px Verdana; color: #FFFFFF; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left; text-align: left; padding: 2px;}
#main-content div#all-graphs div.main-datas-infos table {width: 610px; margin: 0px 5px; border-collapse: collapse; border-top: 1px solid #7E7E7B;}
#main-content div#all-graphs div.main-datas-infos table td {padding: 5px;}
#main-content div#all-graphs div.main-datas-infos table td.datas-text-title {border-bottom: 1px solid #7E7E7B; font: normal 13px Georgia; color: #000000; text-align:   left;}
#main-content div#all-graphs div.main-datas-infos table td.datas-numb-title {border-bottom: 1px solid #7E7E7B; font: normal 13px Georgia; color: #000000; text-align: center;}
#main-content div#all-graphs div.main-datas-infos table td.datas-text {font: normal 11px Verdana; color: #555555; text-align:   left; white-space: nowrap;}
#main-content div#all-graphs div.main-datas-infos table td.datas-numb {font: normal 11px Verdana; color: #555555; text-align: center; white-space: nowrap;}
#main-content div#all-graphs div.main-datas-infos table td span.positif {color: #2D8901;}
#main-content div#all-graphs div.main-datas-infos table td span.negatif {color: #A80101;}
#main-content div#all-graphs div.main-datas-infos a.plus-infos {font: bolder 11px Verdana; color: #03437f; text-decoration: none; display: block; text-align: right; margin: 0px 10px 0px 0px;}
#main-content div#all-graphs div.main-datas-infos img.top-corners {position: relative; top: -6px; left: 0px;}

#produit-bourse {width: 650px; clear: both;}
#produit-bourse div.produit-bourse-left {width: 315px; float: left; margin: 5px 0px;}
#produit-bourse div.produit-bourse-rght {width: 315px; float: left; margin: 5px 3px;}
#produit-bourse div.produit-bourse-left div, #produit-bourse div.produit-bourse-rght div {margin: 5px 0px 5px 0px;}

#produit-bourse div.produit-bourse-left div#indicateurs {width: 313px; background: #FFFFFF; margin: 0px; float: left; padding: 0px; border-left:  1px solid #CBCBC2; border-right:  1px solid #CBCBC2;}
#produit-bourse div.produit-bourse-left div#indicateurs h3 {margin: 5px 0px; padding: 2px 2px 2px 5px; text-align: left;}
#produit-bourse div.produit-bourse-left div#indicateurs h3 span {font: bold 11px Verdana; color: #FFFFFF; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left; text-align: left; padding: 2px;}
#produit-bourse div.produit-bourse-left div#indicateurs ul {margin: 5px 0px;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li.entet-indc {width: 315px; height: 22px; text-align:   left; font: normal 14px Georgia; color: #2E2E2E; padding: 6px 0px 0px 10px;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table {border-collapse: collapse; margin: 0px; width: 313px; border: none;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td {font: normal 11px Verdana; color: #2E2E2E; padding: 5px; white-space: nowrap;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td a {font: normal 11px Verdana; color: #2E2E2E; text-decoration: none;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.texte-titl, #indicateurs ul li table tr td.evole-titl, #indicateurs ul li table tr td.value-titl, #indicateurs ul li table tr td.flech-titl {font-weight: bolder; background: url('../images/bourse/home/bg-titles-indicateurs.png') repeat-x top left; letter-spacing: -1px;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.texte-titl a, #indicateurs ul li table tr td.evole-titl a, #indicateurs ul li table tr td.value-titl a, #indicateurs ul li table tr td.flech-titl a {font-weight: bolder; text-decoration: underline;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.texte-titl, #indicateurs ul li table tr td.texte-indc, #indicateurs ul li table tr td.texte-indc {width: 150px; text-align:   left;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.evole-titl, #indicateurs ul li table tr td.evole-indc, #indicateurs ul li table tr td.evole-indc {width:  55px; text-align: center;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.value-titl, #indicateurs ul li table tr td.value-indc, #indicateurs ul li table tr td.value-indc {width:  60px; text-align: center;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.flech-titl, #indicateurs ul li table tr td.flech-indc, #indicateurs ul li table tr td.flech-indc {width:  35px; text-align: center;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.texte-whit, #indicateurs ul li table tr td.texte-indc, #indicateurs ul li table tr td.texte-titl {padding-left: 4px;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.flech-whit, #indicateurs ul li table tr td.flech-indc, #indicateurs ul li table tr td.flech-titl {}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.evole-reds {font: normal 11px Verdana; color: #A80101;}
#produit-bourse div.produit-bourse-left div#indicateurs ul li table tr td.evole-gren {font: normal 11px Verdana; color: #2D8901;}



#produit-bourse div.produit-bourse-rght div#statistiques {width: 313px; background: #FFFFFF; margin: 0px; float: left; padding: 0px; border-left:  1px solid #CBCBC2; border-right:  1px solid #CBCBC2;}
#produit-bourse div.produit-bourse-rght div#statistiques h3 {margin: 5px 0px; padding: 2px 2px 2px 5px; text-align: left;}
#produit-bourse div.produit-bourse-rght div#statistiques h3 span {font: bold 11px Verdana; color: #FFFFFF; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left; text-align: left; padding: 2px;}
#produit-bourse div.produit-bourse-rght div#statistiques table {border-collapse: collapse; margin: 0px; width: 313px; border: none;}
#produit-bourse div.produit-bourse-rght div#statistiques table tr td {font: normal 11px Verdana; color: #2E2E2E; padding: 5px; white-space: nowrap;}
#produit-bourse div.produit-bourse-rght div#statistiques table tr td.datas-text-title {font-weight: bolder; background: url('../images/bourse/home/bg-titles-indicateurs.png') repeat-x top left; text-align:  left;}
#produit-bourse div.produit-bourse-rght div#statistiques table tr td.datas-numb {text-align: right;}
#produit-bourse div.produit-bourse-rght div#statistiques table tr td.datas-text {text-align:  left;}
#produit-bourse div.produit-bourse-rght div#statistiques table tr td.datas-vide {width: 5px; background: #FFFFFF; padding: 0px;}


#produit-bourse div.produit-bourse-rght div {width: 314px; background: #FFFFFF; margin: 0px; float: left; padding: 0px; border-left:  1px solid #CBCBC2; border-right:  1px solid #CBCBC2;}
#produit-bourse div.produit-bourse-rght div h3 {margin: 5px 0px; padding: 2px 2px 2px 5px; text-align: left;}
#produit-bourse div.produit-bourse-rght div h3 span {font: bold 11px Verdana; color: #FFFFFF; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left; text-align: left; padding: 2px;}
#produit-bourse div.produit-bourse-rght div table {width: 314px; border-collapse: collapse; background: #FFFFFF; margin: 0px;}
#produit-bourse div.produit-bourse-rght div table td.mnemo-titl, #produit-bourse div.produit-bourse-rght div table td.types-titl, #produit-bourse div.produit-bourse-rght div table td.ssjac-titl, #produit-bourse div.produit-bourse-rght div table td.varia-titl, #produit-bourse div.produit-bourse-rght div table td.volum-titl {font: bolder 11px Verdana; color: #FFFFFF; padding: 1px 0px 2px 3px; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left;}
#produit-bourse div.produit-bourse-rght div table td.mnemo-text, #produit-bourse div.produit-bourse-rght div table td.types-text, #produit-bourse div.produit-bourse-rght div table td.ssjac-text, #produit-bourse div.produit-bourse-rght div table td.varia-text, #produit-bourse div.produit-bourse-rght div table td.volum-text {font: normal 11px Verdana; color: #2E2E2E; padding: 5px 0px 5px 3px;}
#produit-bourse div.produit-bourse-rght div table td.mnemo-titl, #produit-bourse div.produit-bourse-rght div table td.types-titl, #produit-bourse div.produit-bourse-rght div table td.ssjac-titl, #produit-bourse div.produit-bourse-rght div table td.mnemo-text, #produit-bourse div.produit-bourse-rght div table td.types-text, #produit-bourse div.produit-bourse-rght div table td.ssjac-text {text-align: left;}
#produit-bourse div.produit-bourse-rght div table td.mnemo-titl {width: 45px;}
#produit-bourse div.produit-bourse-rght div table td.types-titl {width: 70px;}
#produit-bourse div.produit-bourse-rght div table td.ssjac-titl {width: 70px;}
#produit-bourse div.produit-bourse-rght div table td.varia-titl {width: 65px;}
#produit-bourse div.produit-bourse-rght div table td.volum-titl {width: 65px;}
#produit-bourse div.produit-bourse-rght div table td.mainti {width: 180px; font: normal 14px Georgia; color: #2E2E2E; text-align: left; padding: 0px 0px 0px 10px;}
#produit-bourse div.produit-bourse-rght div table td.thumbs a.thumbs-on {background: url('../images/bourse/home/onglet-effet-bleu-fin.png')  repeat-x top right #FFFFFF; font: bolder 11px Verdana; color: #FFFFFF; text-decoration: none; float: left; margin: 0px 0px 0px 3px; display: block; height: 25px;}
#produit-bourse div.produit-bourse-rght div table td.thumbs a.thumbs-on span {background: url('../images/bourse/home/onglet-effet-bleu-deb.png')  repeat-x top left #FFFFFF; float: left; width: 5px; height: 25px;}
#produit-bourse div.produit-bourse-rght div table td.thumbs a.thumbs-on em {padding: 5px 5px 0px 3px; display: block; float: left; font-style: normal;}
#produit-bourse div.produit-bourse-rght div table td.thumbs a.thumbs-of {background: url('../images/bourse/home/onglet-effet-gris-fin.png') repeat-x top right #FFFFFF; font: bolder 11px Verdana; color: #3F3F3F; text-decoration: none; float: left; margin: 0px 0px 0px 3px; display: block; height: 25px;}
#produit-bourse div.produit-bourse-rght div table td.thumbs a.thumbs-of span {background: url('../images/bourse/home/onglet-effet-gris-deb.png') repeat-x top left #FFFFFF; float: left; width: 5px; height: 25px;}
#produit-bourse div.produit-bourse-rght div table td.thumbs a.thumbs-of em {padding: 5px 5px 0px 3px; display: block; float: left; font-style: normal;}
#produit-bourse div.produit-bourse-rght div table td.uper {color: #2D8901;}
#produit-bourse div.produit-bourse-rght div table td.down {color: #A80101;}

#produit-bourse div.produit-bourse-rght img.bot-corners {margin: 0px 0px 24px 0px;}
#produit-bourse div.produit-bourse-rght img.btm-corners {position: relative; top: 4px; left: 0px;}

#main-content div#all-graphs div#maxi-produits div {width: 628px; background: #FFFFFF; margin: 0px; padding: 0px; border-left:  1px solid #CBCBC2; border-right:  1px solid #CBCBC2;}
#main-content div#all-graphs div#maxi-produits div h3 {margin: 5px 0px; padding: 2px 2px 2px 5px; text-align: left;}
#main-content div#all-graphs div#maxi-produits div h3 span {font: bold 11px Verdana; color: #FFFFFF; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left; text-align: left; padding: 2px;}
#main-content div#all-graphs div#maxi-produits div table {width: 628px; border-collapse: collapse; background: #FFFFFF; margin: 0px;}
#main-content div#all-graphs div#maxi-produits div table td.mainti {width: 480px; font: normal 14px Georgia; color: #2E2E2E; text-align: left; padding: 0px 0px 0px 10px;}
#main-content div#all-graphs div#maxi-produits div table td.datas-numb-title {font: bolder 11px Verdana; color: #FFFFFF; padding: 1px 0px 2px 3px; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left; text-align: center;}
#main-content div#all-graphs div#maxi-produits div table td.datas-text-title {font: bolder 11px Verdana; color: #FFFFFF; padding: 1px 0px 2px 3px; background: url('../images/template/bg-h3-span-titres.png') repeat-x top left; text-align:   left;}
#main-content div#all-graphs div#maxi-produits div table td.datas-numb {font: normal 11px Verdana; color: #2E2E2E; text-align: center; padding: 5px;}
#main-content div#all-graphs div#maxi-produits div table td.datas-text {font: normal 11px Verdana; color: #2E2E2E; text-align:   left; padding: 5px;}
#main-content div#all-graphs div#maxi-produits div table td span.positif {color: #2D8901;}
#main-content div#all-graphs div#maxi-produits div table td span.negatif {color: #A80101;}
#main-content div#all-graphs div#maxi-produits div table td.thumbs a.thumbs-on {background: url('../images/bourse/home/onglet-effet-bleu-fin.png')  repeat-x top right #FFFFFF; font: bolder 11px Verdana; color: #FFFFFF; text-decoration: none; float: left; margin: 0px 0px 0px 3px; display: block; height: 25px;}
#main-content div#all-graphs div#maxi-produits div table td.thumbs a.thumbs-on span {background: url('../images/bourse/home/onglet-effet-bleu-deb.png')  repeat-x top left #FFFFFF; float: left; width: 5px; height: 25px;}
#main-content div#all-graphs div#maxi-produits div table td.thumbs a.thumbs-on em {padding: 5px 5px 0px 3px; display: block; float: left; font-style: normal;}
#main-content div#all-graphs div#maxi-produits div table td.thumbs a.thumbs-of {background: url('../images/bourse/home/onglet-effet-gris-fin.png') repeat-x top right #FFFFFF; font: bolder 11px Verdana; color: #3F3F3F; text-decoration: none; float: left; margin: 0px 0px 0px 3px; display: block; height: 25px;}
#main-content div#all-graphs div#maxi-produits div table td.thumbs a.thumbs-of span {background: url('../images/bourse/home/onglet-effet-gris-deb.png') repeat-x top left #FFFFFF; float: left; width: 5px; height: 25px;}
#main-content div#all-graphs div#maxi-produits div table td.thumbs a.thumbs-of em {padding: 5px 5px 0px 3px; display: block; float: left; font-style: normal;}
#main-content div#all-graphs div#maxi-produits div table td.uper {color: #2D8901;}
#main-content div#all-graphs div#maxi-produits div table td.down {color: #A80101;}
#main-content div#all-graphs div#maxi-produits div a img {margin: 5px 0px;}

#main-content div#all-graphs div#maxi-produits img.top-corners {margin: 10px 0px 0px 0px; position: relative; top: 5px;}


#main-content div#all-graphs div#entete-saxo {margin: 15px 0px; text-align: left;}
#main-content div#all-graphs div#entete-saxo img {float: left; margin: 0px 5px 0px 0px;}
#main-content div#all-graphs div#entete-saxo p   {font: bolder 11px Verdana; color: #0F0F0F;}

