@charset "iso-8859-1";
body {
	background-color: #FFFFFF;
}
TD {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;}
TH {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;}

.Style1 {color: #A87300;}
.Style2 {font-size: 18px;}
.Style3 {color: #A87300; font-size: 16px;}
/*
DAVID
*/
.Style15 {font-size: large;}
.Style17 {font-size: 16px;}
.Style22 {font-size: 10px;}
.Style11 {font-size: large;}
.Style23 {font-size: xx-small;}
.Style108 {color: #FFFFFF;}



A:link {COLOR: #000000; TEXT-DECORATION: none;}
A:visited {COLOR: #000000; TEXT-DECORATION: none;}
/*
A:hover {COLOR: #000000; TEXT-DECORATION: underline;}
*/
A:active {COLOR: #000000; TEXT-DECORATION: none;}

.Style4 {color: #FFFFFF;}
.Style5 {font-size: 14px;}
.Style8 {font-size: 13px;}
.Style9 {color: #DE7301;}
.Style4 {color: #FFFFFF;}
.Style5 {font-size: 14px;}
.Style8 {font-size: 13px;}
.Style9 {color: #DE7301;}

table.categories tr td { color: #999; }
table.categories tr.titre td { color: white; }
table.categories tr td a { color: white; }
table.categories tr td p { color: white; }
table.categorie tr.titre td.admin { color: #999; }

table.categories a:active  { color: white; } 
table.categories a:visited { text-decoration: none; color: orange; } 
table.categories a:hover   { text-decoration: underline; color: orange; } 

table.normal tr td { color: #999; }
table.normal tr td a { color: #9f9; }
table.normal tr td input { background: #cfc; border: none; }
table.normal tr td textarea { background: #cfc; border: none; }
table.normal tr td select { background: #cfc; border: none; }

form.choices ul li a { color: #afa; } 
form.choices ul li a:active  { color: #afa; } 
form.choices ul li a:visited { text-decoration: none; color: orange; }
form.choices ul li a:hover   { text-decoration: underline; color: orange; } 


/* --- styles alain --- */


h3.H3 { background: #444; color: white; }
table.home_login { width: 280px; }
form.loginform table.home_login tr td { color: #afa; }
form.loginform input { border: solid 1px white;  }
form.loginform input.image { border: none; }
form.loginform input.text , form.loginform input.pwd { width: 80px;  }
form.loginform a.alink { color: #ccc; }
form.loginform a.alink:hover { color: green; }
form.loginform a.button { border: none; }
form.loginform a.button img { border: none; }
form.loginform a.aButton:hover { border-bottom: solid 1px #888; }
form.loginform label.memologin { color: #afa;  }
form.loginform a.inscription { color: #afa; text-decoration: underline; }
form.loginform input.lostpwd { border: none; background: none; color: #ccc; font-size: 12px; font-style: italic; margin: 0px; padding: 0px;}

.formNote { color: #999; }
.mandatoryField { color: red; border-bottom: solid 0px red; }
.alertBox { color: orange; border: solid 1px red; } 
.msgBox { color: black; border: solid 1px green; } 

div.articlesBienvenue { color: orange; font-size: 14px; text-align: center; font-weight: bold; padding: 28px 0px 20px 0px;  }

/* --------------------------------------- */
/* menu admin                              */

div.capitaineMenu { background: none; width: 60%; text-align: center; margin: 0px 0px 0px 24px; padding: 0px 0px 5px 0px; }
div.capitaineMenus { background: #333; width: 90%; text-align: center; margin: 0px 0px 2px 35px; padding: 8px 0px 5px 0px; }
div.capitaineMenu span {font: 14px/16px; }
div.capitaineMenu a , div.capitaineMenus a{ color: #BEF7B4; text-decoration: none; font: 12px/20px; }
div.capitaineMenu a img { border: none; }
div.capitaineMenu a:hover , div.capitaineMenus a:hover { text-decoration: underline; color: orange; }
div.capitaineMenus table { margin: 5px 0px 5px 15px; text-align: center; }
div.capitaineMenus table tr td { background: #444; text-align: center; width: 260px; }
div.capitaineMenus table tr td a { text-decoration: underline; }
div.capitaineMenus table tr td a:hover { color: orange; }
/* --------------------------------------- */
/* les listing des indices                 */
div.listing { background: none; width: 92%; margin: 0px 0px 0px 24px; padding: 0px 0px 5px 0px; }
div.listing table { border: solid 1px #333; padding: 7px; color: #ccc; }
div.listing table tr th {color: orange; text-align: center; font-style: italic; color: #ccc; }
div.listing table tr td {text-align: center; margin: 3px; padding: 0px 6px 3px 6px; border-bottom: solid 1px #444; color: #ccc; }
div.listing table tr td a { color: #BEDDB4; }
div.listing table tr td a:hover { color: orange; }
div.listing input.inputTxt { background: #333; color: white; text-align:center; border: none; }
div.listing select.inputTxt { background: #333; color: white; text-align:center; border: none; }
/* --------------------------------------- */
/* les statistiques                        */

div.stats { text-align: center; }
div.stats div.title {font-size: 14px; color: orange; margin: 15px 0px 25px 0px; }
div.stats div.title span {font-size: 12px; color: #aba; }
div.stats div.title a{ text-decoration: underline; }
div.stats div.title a:hover { color:orange; }
div.stats table { border: solid 1px #333; padding: 7px; }
div.stats table tr th {color: orange; text-align: center; font-style: italic; }
div.stats table tr td {text-align: center; margin: 3px; padding: 0px 6px 3px 6px; border-bottom: solid 1px #444; color: #ccc; }
div.stats table tr td a { color: #BEDDB4; }
div.stats table tr td a:hover { color: orange; }
div.stats div.pagination { width: 800px; border: solid 1px #444; margin: 20px 0px 20px 50px; color: #ccc; }
div.stats div.pagination table { margin: 0px 0px 0px 45px; border: none; }
div.stats div.pagination a {color: #dfd; }
div.stats div.pagination span {color: red; }
div.stats div.pagination a:hover {color: orange; }

/* --------------------------------------- */
/* howtos                                  */
div.howto { font-size: 14px; color: orange; text-align: center; }
div.howto div.title { font-size: 16px; margin: 22px 0px 42px 0px; }
div.howto div.title span { font-size: 14px; color: #aba; }
div.howto div.line {  float: left;clear: both; width: 800px; margin: 0px 0px 44px 60px; padding: 0px 0px 22px 0px;
		     text-align: left; color: #BEDDB4; border-bottom: solid 1px #444; }
div.howto div.txt { float: left; margin: 0px 10px 0px 0px; width: 520px; }
div.howto div.image { float: left; margin: 0px 10px 0px 0px; width: 240px; text-align: center; padding: 5px 3px 5px 3px; border: solid 1px #444; }
div.howto div.image a img { width: 220px;  }
div.howto div.image a:hover img { width: 220px; border-left: solid 5px orange; border-right: solid 5px orange; margin: 0px; padding: 0px; }
div.howto div.txt a { text-decoration: underline; }
div.howto div.txt a:hover { color: orange; }

/* --------------------------------------- */
/* conteneur RSS                           */
div.conteneurRSS
{
	clear: both; float: left;
	height: 100%; width: 870px;
	margin: 5px 0px 2px 0px; padding: 0px 0px 0px 22px;
	background: none;
	border: solid 0px #32633D;
}

.rssHeader	{ font-size: 14px; text-align: center; border-bottom: solid 0px green; padding: 0px; margin: 0px ; color: orange;}
.rssBlock
{
	float: left;
	border: solid 0px green;
	margin: 1px 2px 2px 2px; padding: 1px 3px 1px 3px;
	background: #2a2a2a; 
	width: 275px;
}
.rssChannelTitle	{ font-size: 12px; color: white; padding: 6px 6px 8px 6px; background: #3a3a3a;} 
.rssContent		{ margin: 0px 0px 3px 0px; padding: 1px 0px 2px 8px; background: url('/images/puce01.gif') 0px 3px no-repeat;border-top: solid 2px #FFFFFF;}

a.rssTitle		{ color: #BEF7B4; text-decoration: none;font-size: 12px; cursor: pointer; }
a.rssTitle2		{ color: #BEF7B4; text-decoration: none;font-size: 12px; cursor: default; }
a.rssTitle:hover	{ color: orange; text-decoration: underline; }
.rssDescription		{ border-top: solid 0px green; display: none; background: #FFFFFF; color: white; } 
.rssDescription a:hover	{ color: white; text-decoration: underline; cursor: pointer; }


.rssDescription a font a { font-size: 11px; font-style: normal;  } /* sous titres google rss */
.rssDescription a font b font , .rssDescription font font font { font-style: italic; } /* titres des juornaux */
.rssDescription a font font { }

.rssDate	{ font-size: 10px; text-align: right; color: #83D395; }

/* --------------------------------------- */

a.catfilter { color: orange;  }

h3.H3 { padding: 6px;}
a.alink { }
a.alink:hover { }
a.button { border: none; }
a.button img ,a img { border: none; }

input.aLostPwd { border: none; text-decoration: underline; font-style: italic; }

.formNote { font-style: italic; font-size: 11px; }
.mandatoryField { border-bottom: solid 0px red; }
.alertBox { text-align: center; padding: 7px; margin: 6px;} 
.msgBox { text-align: center; padding: 7px; margin: 6px;} 


span.tdTitre { font-style: italic; font-weight: normal; }
span.tdDate  { font-style: italic; }
a.otherPage { padding: 3px; margin: 3px;}
a.otherPage:link { text-decoration: none;}
a.otherPage:visited  { text-decoration: none;}
a.otherPage:hover { text-decoration: underline;}
a.currentPage { padding: 3px; margin: 3px; text-decoration: none; }

input.balise { width: 70px;  }


/* --- styles du tableau des indices boursiers --- */

div.fontSize10 , div.fontSize10 textarea , div.fontSize10 input , div.fontSize10 table tr td { font-size: 10px; }
div.fontSize11 , div.fontSize11 textarea , div.fontSize11 input , div.fontSize11 table tr td { font-size: 11px; }
div.fontSize12 , div.fontSize12 textarea , div.fontSize12 input , div.fontSize12 table tr td { font-size: 12px; }
div.fontSize13 , div.fontSize13 textarea , div.fontSize13 input , div.fontSize13 table tr td { font-size: 13px; }
div.fontSize14 , div.fontSize14 textarea , div.fontSize14 input , div.fontSize14 table tr td { font-size: 14px; }
div.fontSize15 , div.fontSize15 textarea , div.fontSize15 input , div.fontSize15 table tr td { font-size: 15px; }
div.fontSize16 , div.fontSize16 textarea , div.fontSize16 input , div.fontSize16 table tr td { font-size: 16px; }
div.fontSize17 , div.fontSize17 textarea , div.fontSize17 input , div.fontSize17 table tr td { font-size: 17px; }
div.fontSize18 , div.fontSize18 textarea , div.fontSize18 input , div.fontSize18 table tr td { font-size: 18px; }
div.fontSize19 , div.fontSize19 textarea , div.fontSize19 input , div.fontSize19 table tr td { font-size: 19px; }
div.fontSize20 , div.fontSize20 textarea , div.fontSize20 input , div.fontSize20 table tr td { font-size: 20px; }

div.refreshBox { clear: both; float: left; width: 100%; padding: 2px 2px 16px 2px; margin: 0px 0px 0px 0px; }
div.refreshBox span { }
div.refreshBox form { margin: 3px 0px 6px 0px;  }
div.refreshBox form input { width: 30px; ; text-decoration: underline;  }
div.refreshBox form input.a60 , div.refreshBox form input.b120 , div.refreshBox form input.c180 , div.refreshBox form input.d240 , div.refreshBox form input.e300 { }

/*
div.conteneurIndices {position: absolute; left: 50%; text-align:left; margin: 10px 0px 0px -160px; padding: 0px 0px 10px 0px; width: 320px;}
div.conteneurInfos   {position: absolute; top: 142px; width: 100%; margin: 1px 0px 1px 0px; text-align: center;}
*/
div.conteneurStats   {clear: left; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
div.conteneur2	{ clear: left; float: left; margin: 3px; padding: 0px; }
div.conteneurIndices {float: left; width: 440px; margin: 0px 0px 10px 1px ; padding: 0px 0px 10px 0px; }
div.conteneurBalises { float: left;  margin: 0px 0px 10px 0px ; padding: 0px 0px 10px 0px; }
div.conteneurBalises2 {clear: left; float: left;  margin: 0px 0px 10px 0px ; padding: 0px 0px 10px 0px; }
div.conteneurInfos   {clear: both; float: left; width: 100%; margin: 1px 0px 1px 0px; text-align: center;}
div.conteneurInfos a {text-decoration: none; }
div.conteneurInfos a:hover {text-decoration: underline; }
.a60, .b120, .c180, .d240, .e300 { }

div.conteneurStats { }
div.conteneurStats table  { margin: 0px 0px 0px 6px; padding: 0px 0px 10px 0px; width: 480px; }
div.conteneurStats table tr td.td3 { font-size: 12px; }

div.baliseRow { clear: left; float: left; }
div.conteneurBalises div.balise { float: left; clear: left; width: 60px; text-align: right; margin: 2px 0px 1px 0px; padding: 0px 5px 0px 0px; }
div.conteneurBalises div.baliseValue { float: left; clear: right; width: 80px; margin: 2px 0px 1px 3px; }
div.conteneurBalises2 div.balise { float: left; clear: left; width: 60px; text-align: right; margin: 2px 0px 1px 0px; padding: 0px 5px 0px 0px; }
div.conteneurBalises2 div.baliseValue { float: left; clear: right; width: 80px; margin: 2px 0px 1px 3px; }

table.tableauComments { clear: both; }

div.indiceRow { clear: left; float: left; width: 100%;}

div.indiceSymbolHL { clear: left; float: left; width: 85px; text-align: right; margin: 0px 0px 0px 0px; padding: 0px 2px 0px 0px; font-weight: bold; }
div.indiceSymbol { clear: left; float: left; width: 85px; text-align: right; margin: 0px 0px 0px 0px; padding: 0px 2px 0px 0px;}
div.indiceValueHL  { float: left; width: 78px; text-align: left; padding: 0px 0px 0px 3px; font-weight: bold; }
div.indiceValue  { float: left; width: 78px; text-align: left; padding: 0px 0px 0px 3px; }
div.indiceValueHL span , div.indiceValue span { padding: 0px 0px 0px 13px; }
div.indiceEvol1  { float: left; width: 78px; text-align: left; padding: 0px 0px 0px 3px; text-align: center; }
div.indiceEvol2  { clear: right; float: left; width: 78px; text-align: left; padding: 0px 0px 0px 3px; text-align: center; }

div.indiceSymbolTitle , div.indiceValueTitle , div.indiceEvol1Title , div.indiceEvol2Title {float: left; width: 78px; text-align: center;}
div.indiceSymbolTitle {width: 85px; }

div.indiceSymbolTitle { clear: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; width: 90px; }
div.indiceValueTitle  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; }
div.indiceEvol1Title  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; }
div.indiceEvol2Title  { clear: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 3px; }

div.timestamp	{ float: left; clear: left; whitespace: nowrap; width: 100% }
div.timestamp span { border: solid 0px #333; }

div.article-body { border: solid 1px #ddd; margin: 10px; padding: 25px; color: white; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; }
div.article-body a u { color: #afa; text-decoration: none; }
/* --- couleurs par defaut du tableau des indices boursiers --- */  

table.refreshBox	{ }
div.refreshBox	{ width: 100%; }
div.refreshBox , div.main , div.main table tr td { background: #031; color: #eee; text-align: center; }
div.refreshBox span { color: #113; }
div.refreshBox form {  }
div.refreshBox form input { border: none; color: #117; background: #778; }
div.refreshBox form input.a60 , div.refreshBox form input.b120 , div.refreshBox form input.c180 , div.refreshBox form input.d240 , div.refreshBox form input.e300 { background: #9b9;  }



div.conteneurIndices , div.conteneurStats table {border: solid 0px #335; }
div.conteneurInfos   {background: #031; border-bottom: solid 0px #99b; }
div.conteneurInfos a { color: #ddf; }
a.a60, a.b120, a.c180, a.d240, a.e300 { border: solid 1px gray; color: #ddf; }

table.tableauComments { background: #031; }

div.indiceSymbolTitle , div.indiceValueTitle , div.indiceEvol1Title , div.indiceEvol2Title , div.conteneurStats span , td.statsTitle { border: solid 0px #031; color: #eee; }
div.indiceSymbolTitle { }
div.indiceValueTitle  { }
div.indiceValueEvol1  { }
div.indiceValueEvol2  { }

div.indiceSymbolHL , div.conteneurStats table tr th { background: #bdb; border: solid 0px #031; color: #000; margin: 0px 2px 2px 0px;}
div.indiceSymbol { background: #cdc; border: solid 0px #031; color: #222; margin: 0px 2px 2px 0px;}
div.indiceValueHL  { background: #cdc; color: #143736; border: solid 0px #031; margin: 0px 2px 2px 0px;}
div.indiceValue  { background: #ddd; color: #143736; border: solid 0px #031; margin: 0px 2px 2px 0px;}
div.indiceEvol1 , div.conteneurStats table tr td.td6 , div.conteneurStats table tr td.td4 , div.conteneurStats table tr td.td5 , div.conteneurStats table tr td.td2  { color: #B9FCBE; border: solid 0px #031; margin: 0px 2px 2px 0px;}
div.indiceEvol2  { color: #FF9B8E; border: solid 0px #031; margin: 0px 2px 2px 0px;}

