/*** CSS OF COMPTEENLIGNE.FR : COMPTE CSS ***/

/* CONTENEURS */

#container
{
 position: relative;
}

/* COMMON LEFT & RIGHT CONTENT */

div#left div.content
{
 margin: 0 5px 20px 0;
 padding: 0 0 10px 0;
 
 border: 0 solid #999;
 background: #fff url( '/imgs/green_css/menu.png' ) no-repeat left bottom;
 
 color: #404040;
}

div#right div.content
{
 margin: 0 0 20px 9px;
 padding: 0 0 10px 0;
 
 border: 0 solid #999;
 background: #fff url( '/imgs/green_css/menu.png' ) no-repeat left bottom;
 
 color: #404040;
}

div#left div.content p, div#right div.content p
{
 margin: 15px 10px;
 
 color: #377ab9;
}
div#left div.content small, div#right div.content small
{
 display: block;
 margin: -5px 0 0 0;
 padding: 0 3px 0 0;
 text-align: right;
}

/* LEFT CONTENT */

div#left
{
 float: left;
 left: 0;
 width: 200px;
 height: auto;
 min-height: 700px;
 margin: 0;
 padding: 20px 0 0 0;
 
 background: transparent url( '/imgs/green_css/bkg_sidebar.png' ) no-repeat right top;
}

div#left div.content
{
 width: 190px;
 border-right-color: #cccccc;
 border-width: 0 1px 1px 0;
}

/* CENTER CONTENT */

div#center
{
 margin: 0 0 0 200px;
 padding: 20px 0 20px 0;
 width: 500px;
 background: transparent url( '/imgs/green_css/content_title.png' ) repeat-x top center;
}

div#center div.content
{
 padding: 0 10px;
 margin-bottom: 20px;
}

div#center div.graph
{
 margin-bottom: 20px;
	text-align: center;
}

/* RIGHT CONTENT */

div#right
{
 float: right;
 right: 0;
 width: 200px;
 height: auto;
 min-height: 700px;
 margin: 0;
 padding: 20px 0 0 0;
 
 background: transparent url( '/imgs/green_css/content_title.png' ) repeat-x top center;
}

div#right div.content
{
 width: 190px;
 min-height: 60px;
 border-right-color: #cccccc;
 border-width: 0 0 1px 1px;
}

h1
{
 display: block;
 clear: none;
 height: 25px;
 width: 500px;
 margin: 0 0 20px 0;
 padding: 0;
 
 background: #71716f url( '/imgs/green_css/market_title.png' ) no-repeat left center;
 
 font: normal 14px Verdana, Helvetica, sans-serif;
 color: #ffffff;
 line-height: 24px;
 vertical-align: middle;
}

h1.account_title
{
 display: block;
 clear: right;
 width: auto;
 height: 25px;
 margin: 0 0 30px 0;
 padding:0 0 0 5px;
 font: 16px "Georgia", Helvetica, sans-serif;
 color: #fff;
 line-height: 43px;

 background: #71716f  url( '/imgs/green_css/title_bkg.png' ) no-repeat left center;
}

h1 span{ padding: 0 10px; }
h1 span.title{ display: block; text-align: center; font-weight: bold; }

div#left div.content h1
{
 width: 179px;
 height: 20px;
 margin: 0 0 10px 0;
 padding: 5px 5px 0 7px; 
 text-align: left;
 color: #ffffff;
 font: normal 12px "Arial", Helvetica, sans-serif;
 
 background: #71716f url( '/imgs/green_css/sidebar_title.png' ) no-repeat right center;
}

div#right div.content h1
{
 width: 179px;
 height: 20px;
 margin: 0 0 10px -1px;
 padding: 5px 5px 0 7px; 
 text-align: left;
 color: #ffffff;
 font: normal 12px "Arial", Helvetica, sans-serif;
 
 background: #71716f url( '/imgs/green_css/sidebar_right_title.png' ) no-repeat left center;
}

/* TABLES */

table
{
 width: 95%;
 margin: 5px auto 0 auto;
 
 border-collapse: collapse;
 border-style: none;
}

table tr th{ padding: 2px 5px; border-left: 1px dotted #404040; }
table tr td{ padding: 2px 5px; }

table.liste tr td,
table.liste tr th
{
 padding: 1px 5px; 
 
 border-collapse: collapse;
 border: 1px solid #71716f;
 
 color: #555454;
 font-size: 12px;
 line-height: 16px;
 vertical-align: middle;
}
table.liste tr th
{
 background: #020202 url( '/imgs/green_css/bkg_alert.png' ) repeat-x top center;
 
 color: #fff;
 font-weight: bold;
 text-align: center;
}

table.liste tr.l_1{ background-color: #fafef6; }
table.liste tr.l_0{ background-color: #fff; }
table.liste tr.l_0:hover,
table.liste tr.l_1:hover{ background-color: #ebfbdb; }

table.liste tr td{ text-align: center; }
table.liste tr td.c_date{ font-weight: bold; }
table.liste tr td.c_libelle{ text-align: left; }


/* NAVIG PAGES */

div.pages_nav
{
 width: 95%;
 margin: 5px 10px 15px 10px;
 
 border: 1px solid #51b400;
 background: #51b400;
 
 line-height: 18px;
 word-spacing: 5px;
 text-align: center;
 font-size: 12px;
 color: #fff;
}
div.pages_nav span
{
 font-size: 14px;
 font-weight: bold;
}
div.pages_nav p
{
 margin: 0;
 padding: 0;
}


/* NEWS */
dl.day_news{ margin: 5px 10px 0 10px; }

dl.day_news dt.news_title
{ 
 height: 25px;
 margin: 5px 0 5px 0;
 padding: 0 0 0 3px;
 line-height: 25px;
 font-weight: bold;
 color: #ffffff;
 background: #020202 url( '/imgs/green_css/bkg_alert.png' ) repeat-x top center;
}

dl.day_news dd.news_date
{
 margin: 0 0 5px 25px;
 text-align: right;
 font-size: 10px;
 font-style: italic;
 border: 1px solid blue;
}

dl.day_news dd.news_text
{ 
 margin: 0 0 20px 25px;
 font-style: italic;
 }

 dl.day_news dt.news_title a:link, dl.day_news dt.news_title a:visited, dl.day_news dt.news_title a:active
{
 border-style: none;
 
 text-decoration: none;
 color: #ffffff;
 outline: none;
}
dl.day_news dt.news_title a:hover
{
 border-bottom: 1px dotted;
}

/* LISTES */
dl{ margin: 5px 10px 0 10px; }
dl dt
{ 
 margin: 5px 0 0 0;
 padding: 2px;
 font-weight: bold;
 color: #000;
}

dl dd{ margin: 0 0 5px 25px; font-style: italic;}

dl.values{ margin: 0; padding: 5px; }
dl.values dt.up, dl.values dt.down
{
 float: left;
 clear: both;
 width: auto;
 margin: 0;
 padding-left: 12px;
}
dl.values dt.up{ background: transparent url( '/imgs/icons/puce_up.gif' ) no-repeat left center; }
dl.values dt.down{ background: transparent url( '/imgs/icons/puce_down.gif' ) no-repeat left center; }
dl.values dd
{
 padding: 1px 0 0 0;
 margin: 0 0 3px 57px;
}
dl.values dd.infos
{
 clear: both;
 margin: 0;
 padding: 0 0 5px 57px;
 
 font-size: 10px;
 color: #808080;
}



div#left div.content input.textbar,
div#right div.content input.textbar
{
 float: left;
 width: 143px;
 height: 21px;
 margin: 0 0 0 5px;
 padding: 3px 0 0 2px;
 text-align: left;
 line-height: 24px;
 font-style: italic;
 
 background: #fff;
 border: 1px solid #cccccc;
}

div#left div.content  input.submit_btn,
div#right div.content  input.submit_btn
{
 float: right;
 width: 30px;
 height: 25px;
 margin: 0 5px 0 0;
 color: #ffffff;
 border: none;
 cursor: pointer;
 
 background: transparent url( '/imgs/green_css/submit_bkg.png' ) no-repeat 0 0;
}

div#left div.content  input.submit_btn:hover,
div#right div.content  input.submit_btn:hover
{
 
 background: transparent url( '/imgs/green_css/submit_bkg.png' ) no-repeat 0 -25px;
}

/* LINKS */

dl.values dd a:link, dl.values dd a:visited, dl.values dd a:active
{
 border-style: none;
 color: #404040;
 font-style: normal;
}
dl.values dd a:hover
{
 border-bottom: 1px dotted;
}

dl dt a:link, dl dt a:visited, dl dt a:active
{
 border-style: none;
 color: #0e9601;
 font-style: normal;
 font-size: 12px;
}
dl dt a:hover
{
 border-bottom: 1px dotted;
}

div.pages_nav a:link, div.pages_nav a:visited, div.pages_nav a:active, div.pages_nav a:hover
{
 border-style: none;
 color: #fff;
}
div.pages_nav a:hover
{
 font-weight: bold;
}