/**#################### DEFAULT and FORMS CSS ####################**/

body,html { margin: 0; padding : 0; background: url(../images/bgr.png) #ECEEEF repeat-x top left;
}

td, tr, p, div {
  font-family      :  Arial, Helvetica, sans-serif;
  color            : #333333;
  font-size        : 13px;
  line-height      : 16px;
}
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}
a:link, a:visited {
	color            : #333333;
	text-decoration: underline;
}
a:hover {
	color            : #993300;
	text-decoration: underline;
  }
ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}
li {
	line-height      : 14px;
	padding-left     : 14px;
	padding-top      : 2px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	list-style: disc outside;
}
form {
	margin           : 0; 
	padding          : 0;
}

.inputbox {
 color        : #000000;
 background   : #f2f4f5;
 border       : solid 1px #cccccc;
 margin       : 3px 0;
}
form select.button{
 color        : #000000;
 background   : #f2f4f5;
}
option {
background   : #ffffff;
}
/**#################### Joomla CSS ####################**/

/** Buttons **/
.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
    }
div.back_button a{
	text-decoration  : none;
  }
.button {
  font-size        : 11px;
  color            : #edf1f3;
  border           : solid 1px;
  margin           : 3px 0;
  padding          : 2px 5px;
  cursor           : pointer;
  background       : url(../images/button.gif) repeat-x left top;
}

/** Module table  **/
moduletable h3 {
	font-family        : Arial, Verdana, Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
	color              : #ebeff2;
	padding            : 2px;
	line-height        : 24px;
	height			   : 26px;
	background		   : #999999;
}

.moduletable {
	padding: 0;
	text-align: left;
	display: block;
}
div.module{
	text-align: left;
	margin : 0 0 20px;
    	}
div.module h3 {
	text-align         : center;
	width              : 100%;
	color              : #ebeff2;
	height             : 23px;
	margin             : 0 0 15px;
	background		   : #666666;
	font			   : normal 12px/26px Arial, Verdana, Helvetica, sans-serif;
	text-transform     : none;
}
.rightcol div.module h3{
	background: #666666;
}

/** Read more **/

a.readon:link, a.readon:visited {
	color            : #e2e5e8;
	font-size        : 12px;
	white-space      : normal;
	font-weight      : normal;
	padding          : 1px 10px;
	float            : right;
	line-height      : 15px;
	text-decoration  : none;
	border: solid 1px;
	background: #990000;
}
a.readon:hover {
	color            : #FF0000;
	font-size        : 12px;
	white-space      : normal;
	font-weight      : normal;
	padding          : 1px 10px;
	line-height      : 15px;
	background-color: #f2f3f4;
	background-attachment: scroll;
	background-position: 0 0;
	text-decoration  : none;
	border: solid 1px;
}
/** Pagenavigation **/
.pagenavcounter {
  font-size        : 11px;
  color            : #999999;
}
.pagenavbar {
  border-top       : 1px solid #999999;
  padding          : 2px;
}
.pagenav, .pagenav_prev, .pagenav_next {
  font-weight      : normal;
  }
a.pagenav:link, a.pagenav:visited {
  font-size        : 11px;
  color            : #999999;
  text-decoration  : none;
}
a.pagenav:hover {
	font-size        : 11px;
	color            : #FF0000;
	text-decoration  : none;
}
table.contenttoc {
  border           : 1px solid #dcdcdc;
  background       : #f3f5f6;
  padding          : 0;
  margin-left      : 2px;
  margin-bottom    : 2px;
}
table.contenttoc h3{
  margin           : 0;
  padding          : 2px;
  background       : #f2f4f5;
  color            : #333333;
 }
table.contenttoc td{
 margin           : 0;
 padding          : 3px 4px;
 border-bottom    : 1px solid #dcdcdc;
 background-image   : url(../images/bullet.gif) ;
 background-repeat  : no-repeat;
 background-position: 4px 7px;
   }

table.contenttoc td a:link, table.contenttoc td a:visited{
	padding-left        : 12px !important;
	padding-left        : 0;
	text-indent         : 12px;
	text-decoration      : none;
}

/** Pathway **/
.pathway {
	color            : #333333;
	padding-left     : 5px;
}
a.pathway:link, a.pathway:visited {
  padding-left     : 0;
  font-weight      : bold;
  text-decoration  : underline;
}
a.pathway:hover {
  padding-left     : 0;
  font-weight      : bold;
}
.pathway img{
  padding-top     : 5px;
}

/** Content **/
.sectiontableheader {
	font-weight      : bold;
	letter-spacing   : 1px;
	color            : #ffffff;
	background       : #666666;
	padding          : 3px 5px;
	border           : 1px solid #ffffff;
}
.sectiontableentry1 {
  vertical-align   : top;
  background       : #f9fbfc;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;
  text-align       : left; /* on rétablit l'alignement normal du texte */
}
.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
  border-bottom    : 1px solid #ffffff;
  line-height      : 20px;
}
.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #ffffff;
  background       : #f2f4f5;
  line-height      : 20px;
  text-align       : left; /* on rétablit l'alignement normal du texte */
}
a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding: 5px;
}
.small {
  font-size        : 11px;
  color            : #999999;
}
.smalldark {
  font-size        : 11px;
  color            : #333333;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #666666;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}

.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating {
  font-size        : 11px;
  color            : #999999;
}
table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}
table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}
.contentheading {
	width            : 100%;
	text-align       : left;
	text-indent      : 0px;
	color            : #666666;
	padding          : 3px;
	margin           : 3px 0;
	background       : #f9fbfc;
	font: bold 17px/21px Arial, Verdana, Helvetica, sans-serif;
  }
.contentheading a {
	text-decoration:none;
}
.componentheading {
	font-family      : Arial, Verdana, Helvetica, sans-serif;
	width            : auto;
	font-size        : 17px;
	font-weight      : bold;
	line-height      : 21px;
	text-transform   : uppercase;
	text-align       : left;
	color            : #616161;
	padding          : 3px;
	margin           : 5px !important;
	margin           : 5px 1px;
	background       : #f9fbfc url(none) no-repeat left;
}
.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        : 0;
  padding-top    : 5px;
  text-align     : left;
}
.blog_more {
	margin   : 10px 0 7px 7px;
}
.buttonheading {
	padding  : 0 2px;
}
.blog {
	width:100%;
}

/** Polls **/
.module_poll {
   color: #000000;
   padding: 0 auto;
   text-align: left;
}

.pollstableborder{
  border-color     : #999999;
}

/** "Tab" buttons for Joomla frontend **/
.ontab {
  border-left      : 1px solid #666666;
  text-align       : center;
  font-weight      : bold;
  color            : #333333;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.offtab {
  border-left      : 1px solid #666666;
  text-align       : center;
  color            : #999999;
  font-weight      : normal;
  padding          : 5px;
  cursor           : pointer;
  line-height      : 30px;
}
.tabpadding {
 border-left       : 1px solid #666666;
}

/** CSS for Mainmenu **/
a.mainlevel  {
 display           : block;
 width             : auto !important;
 width             : 100%;
 margin           : 1px 0;
 padding          : 0;
 font-size        : 12px;
 background       : transparent;
 text-indent      : 10px;
}
a.mainlevel:link, a.mainlevel:visited {
  display          : block;
  font-size        : 14px;
  border-bottom    : 1px solid #d5d7d9;
  font-weight      : normal;
  padding          : 3px 0 3px 10px;
  color            : #666666;
  text-decoration  : none;
}

a.mainlevel:hover {
  border-bottom    : 1px solid #d5d7d9;
  font-size        : 14px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 10px;
  text-decoration	 : none;
  background       : #eceeef url(../images/menu.gif) no-repeat 96% 50%;
}

#active_menu {
	border-bottom    : 1px solid #d5d7d9;
	font-size        : 14px;
	font-weight      : normal;
	color            : #FF0000;
	text-decoration  : none;
	padding-left     : 10px;
	text-decoration	 : none;
	background       : #eceeef url(../images/menu.gif) no-repeat 96% 50%;
 }

a#active_menu:hover {
  color            : #B10130;
  border-bottom    : 1px solid #dcdfe1;
}

/** Sublevel for Mainmenu **/
.sublevel {
   font-family      : Arial, Helvetica, sans-serif;
   font-size        : 13px;
   color            : #999999;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
}

a.sublevel:link, a.sublevel:visited {
  color	      : #999999;
  text-decoration	: none;
}

a.sublevel:hover {
  color            : #B10130;
  text-decoration  : none;
}

a.sublevel#active_menu  {
	background      : transparent;
	color           : #FF0000;
	border          : 0;
}

/** Topmenu styles for BOTTOM navigation **/
ul#mainlevel-nav {
	font-size        : 11px;
	list-style       : none;
	padding-right    : 10px;
	margin           : 0;
}

#mainlevel-nav li {
  float            : right;
  display          : block;
  list-style       : none;
  background-image : none;
  padding          : 0;
  margin           : 0;
  width            : auto !important;
  font-size        : 13px;
  line-height      : 28px;
  white-space      : nowrap;
}

#mainlevel-nav li a {
	display          : block;
	padding-left     : 10px;
	padding-right    : 0;
	font-size        : 13px;
	color            : #333333;
	text-decoration  : none;
}

#mainlevel-nav li a:hover {
	display          : block;
	font-size        : 13px;
	color            : #CC3300;
	font-weight: bold;
}

/** images **/
.mosimage {
  border     : 1px solid #E7EAEC;
  margin     : 5px;
  padding-top:  3px;
}
.mosimage_caption {
  margin-top: 3px;
  padding   :  2px;
  color     : #666666;
  font-size : 10px;
  background: #ECEEEF;
}

/** #################### index.php #################### **/
.main { 
  text-align       : left; 
  width            : 100%;
 }

div.mod {
  background       : transparent;
  width            : 3px;
}
#clear {
	clear: both;
	height: 30px;
}
#centice {
	border: 1px solid #ffffff;
	background: #ffffff;
}
#contentol{
padding: 5px;
}
td.pw {
	width            : 100%;
	padding          : 5px 5px 5px 5px !important;
	padding          : 2px 2px 10px 2px;
}
td.pw div{
padding          : 5px;
width            : auto;
border           : 1px solid #DDE1E3;
background       : #ECEEEF;
}
.footer_left { float: left; font-size        : 12px; color            : #e9ecf1; font-weight      : normal; margin-left: 20px; padding-top      : 15px !important; padding-top      : 15px; }
.footer_left p{
padding-left: 20px;

}
.footer_right { width            : 410px; float: right; font-size        : 12px; color            : #e9ecf1; font-weight      : normal; padding-top      : 15px; text-align: right; margin-right: 20px; }
.footer_right p{
padding-right: 20px;
}
.leftcol, .rightcol {
   vertical-align   : top;
   padding          : 7px;
   text-align       : left;
   width            : 190px;
   background       : #e2e5e8;
}
.leftcol div, .rightcol div{ 
	width          : 180px;
}
.foot { color: #f2faef; background-color: #3a4048; height           : 40px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top-style: none; border-top-width: medium; }

.foot td { color: #e9ecf1; padding: 10px 15px; }
.foot a { color: #bbbfc0; }

.topup td { color: #3a4048; padding: 10px 15px; }
#logo {
	background     : url(../images/logo.gif) no-repeat 0 50%;
	height         : 175px;
	border-bottom: 1px solid #CCCCCC;
    }
#top_bar_home { background-color: transparent; position       : absolute; margin         : 0; padding        :  0; right          : 80px; height         : 91px; }

#top_bar { background-color: transparent; position       : absolute; margin         : 0; padding        :  0; right          : 80px; height         : 91px; }

#ol-mainbd {
	margin: 0 auto;
	padding: 0;
	width: 950px;
	text-align: left;
	min-width: 750px;
	max-width: 2000px;
	border-right: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	list-style: circle inside;
}

#flash { position: absolute; top: 0; right: 0; }

#topup { 
	clear: both; 
	color: #3a4048; 
	text-align: left; 
	line-height: normal; 
	background-color: #fff; 
	height: 175px; 
	position: relative; 
	border-bottom: 1px solid #e9ecf1; }

#newsflash {
	text-align   : left;
	padding: 3px 0 0px;
}

#newsflash a {
	color: #666666;
	text-decoration: underline;
}

#newsflash td {
	color: #666666;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}
#newsflash .moduletable {
	color: #666666;
	margin           : 0 0 5px;
	width            : 100%;
	border           : solid 1px #dde1e3;
	background       : #CCCCCC;
}

#newsflash .moduletable h3{
	font-size          : 0px;
	font-weight        : bold;
	text-align         : center;
	color              : #CCCCCC;
	padding            : 1px;
	line-height        : 24px;
}

/* @group Sub Menu */
ul.menu {
margin: 0 0 10px;
padding: 0;
}
ul.menu li {
list-style: none;
margin: 0;
padding: 0;
}

ul.menu span { line-height: 18px; display: inline; height: 18px; }
ul.menu a { padding: 3px; border-bottom: 1px dotted #8b8b8b; display: inline; text-decoration: none; cursor: pointer; }
ul.menu ul {
margin: 4px 0;
}

ul.menu ul li a {
text-indent: 7px;
}
ul.menu ul a {
background: none;
text-indent: 0;
}

ul.menu ul {
margin-left: 5px;
padding: 0;
}

ul.menu ul ul {
padding: 0;
margin-left: 10px;
}

ul.menu li li {
padding: 0;
margin: 0;
}

ul.menu ul a {
text-indent: 0;
}

ul.menu li a { display:block; color: #666; text-align:left; font-size:98%; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; text-indent: 10px; }

ul.menu li.active a, ul.menu li.active a:hover { color: #666; font-weight: bold; text-decoration: none; }

ul.menu li a:hover {display:block; color: #666; text-align:left; background-color: #eceeef; background-attachment: scroll; text-decoration:none;}

ul.menu li.active li a,

ul.menu li.active li a:hover { background: transparent; }

/* @end */

img {
border: 1;
}

#td-banner { background-color: #f0eef6; text-align: center; }
#lr-padd1 { padding: 0; width: 100%; }
#lr-padd1 div.moduletable { margin: 0; padding-top: 0; padding-bottom: 2px; border-right-width: 10px; }
table.lr-padd1 { width: 100%; padding: 0; }
table.lr-padd1 td.lr-padd1 {
	background-repeat:no-repeat;
	background-position:left top;
	color:#666;
	width: 50%;
	border-top: 2px solid #cbced3;
	border-bottom: 2px solid #cbced3;
}

table.lr-padd1 h3 {
	font-size          : 12px;
	font-weight        : bold;
	text-align         : right;
	width              : 100%;
	color              : #666666;
	padding            : 1px;
	line-height        : 24px;
	background         : #e2e5e8;
	border-bottom      : 1px solid #dde1e3;
	font-variant: small-caps;
	text-transform: uppercase;
}

#lr-padd1 ul {
padding: 0;
margin: 0!important;
}

#lr-padd1 li {
	padding: 0 0 0 25;
	margin: 0;
	background: none;
	line-height: 130%;
	list-style: url(../images/bullet.gif) inside;
}
#lr-padd1 li a {
	padding-left: 13px;
	background: no-repeat 0 50%;
	text-decoration: none;
}
h1     {
color:#222222;
margin:0;
padding:10px 5px 5px;
font-size:140%;
}

h2     {
color:#333333;
margin:0;
padding:10px 5px 5px;
font-size:130%;
}

h3     {
	color:#444444;
	margin:0;
	font-size:110%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}