body {
background:url("/fr/templates/esperado247/images/back.png");
margin: 0px;
}

#floaterDiv { 
position: absolute; 
width:570px; 
height:398px; 
left:-800px; 
top:30px; 
background-color:#4470B3; 
border:5px ridge blue; 
text-align:right; 
z-index: 999; 
}
.translucent {
-moz-opacity:0.99; 
opacity:0.99; 
filter:alpha(opacity=99);
}
#floaterDiv div.box {
position:absolute;	
left:5px; top:5px; text-align: right; 
}
#insideDiv {
 position: relative; 
 width:559px; 
 height:360px; 
 left:0px; 
 top:0px; 
 background-color:#EEEEFF; 
 border:0px; 
 z-index: 1000; 
 text-align:center; 
 }


td.headerimage
{
border:0px; 
height:191px;
width:802px;
vertical-align:top;
background-image:url("/fr/templates/esperado247/images/headerxcdef.PNG");
}

td.boxinside
{
 width:802px; 
 vertical-align:top;
 background-image:url("/fr/templates/esperado247/images/back_content.PNG");
}

td.leftshadow
{
 vertical-align:top; 
 width:8px;
 /*background-image:url("/fr/templates/esperado247/images/left_shadow.jpg");
 background-repeat: repeat-y;*/
}

td.textinside
{
 vertical-align:top;
 padding-left:10px;
width:745px ;
text-align:left;

 //padding-left:16px;
}

#article_border 
{
margin-bottom:-100px;
/*background-color:#AAAAAA;*/
}

tr, p, div {font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333;}
hr {background: #999999; height: 1px;width: 100%;}
a:link, a:visited {color: #0099FF;font-size:11px;text-decoration: none;}
a:hover {color: #0066CC;text-decoration: underline;}
a.readon:link,a.readon:visited{color: #0099FF;font-size:11px;text-decoration: none;float:right;}
a.readon:hover{text-decoration:underline;float:right;}
.left
{
width:160px; 
vertical-align:top; 
//padding-left:0px;
text-align:left;
padding-right:0px;
}
.main
{
width:587px; 
vertical-align:top; 
padding-bottom: 9px;
padding-left: 9px;
padding-right: 9px;
}
.mainpage{}

/*different setting for newsflash*/
.newsflash td {color: #000000; text-align: justify; vertical-align: middle;}
.pagenav {COLOR: #777777;font-size:9px;}
a.pagenav {display: inline;COLOR: #0066ff;font-size:9px;}
a.pagenav:visited {COLOR: #0066ff;}
a.pagenav:hover {text-decoration:underline;}
.pagenavcounter {text-align: right;font-size:9px; color  :#0099FF;}
.pagenavbar {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right; font-size: 10px ;text-decoration: none;color: #CCCCCC ;}
.pagenavbar:link {}
.pagenavbar:visited {}
/* Javascript Back button */
.back_button {text-align: center; margin-top: 2px; font-size:10px;}
/*Style for the PRE button*/
.pagenav_prev {COLOR: #FFFFFF;}
/*Style for the NEXT button*/ 
.pagenav_next {COLOR: #FFFFFF;}
/*pathway setting*/
td.pathway
{
 vertical-align:top;
 width:754px;
}
.pathway { text-align:right; font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 11px; color: #8BACDA;}
a.pathway:link, a.pathway:visited { color: #8BACDA; font-weight : normal;font-size: 11px}
a.pathway:hover {color: #FF6600; font-weight: normal ;text-decoration   : none;}
/*for title or site name*/
.title {font-family: sans-serif; font-size: 20px; font-weight: bold; color : #000000; margin-left: 10px;}
/*for the tag-line*/
.subtitle {font-family: sans-serif; font-size: 10px; font-weight: bold; color : #666666; text-transform: uppercase; letter-spacing: 2px; margin-left: 20px;}
#active_menu { color: #AA3300;}
/* --Default Class Settings-- */
a.mainlevel:link, a.mainlevel:visited {color: #FF6600; font-weight: normal; width: 95%; text-indent: 0px; text-decoration: none; font-family: Verdana, Helvetica, Arial, sans-serif; margin-left: 0px; margin-bottom: 1px; font-size:12px; padding-left: 4px; text-decoration:none;}
a.mainlevel:hover {color: #FFBB88; text-decoration:none;}
a.mainmenu:link, a.mainmenu:visited { color: #FF99FF; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 10px; text-decoration:none;}
a.mainmenu:hover {color: #333333; text-decoration:none;}
.pollstableborder {border: 1px solid;padding: 1px;}
a.sublevel:link, a.sublevel:visited {padding-left: 1px;vertical-align: middle; font-size: 11px; color: #0099FF; text-align: left;}
a.sublevel:hover {color: #ff9e31; text-decoration: none;}
td.loadmodule
{
width:160px; 
vertical-align:top; 
text-align:left;
}
table.moduletable {padding: 5px 0px 5px 8px;margin-bottom: 15px; width: 100%;/*border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC;*/}
table.moduletable th {font-size: 12px; background-color:#EEEEEE; border-right:1px solid; border-color: #CCCCCC; font-weight: bold;color : #0b3f82;text-align: left;width: 100%; letter-spacing: 2px; text-indent: 0px; padding-bottom: 3px; border-bottom: 1px solid #CCCCCC;}
table.moduletable li {}
table.moduletable ul {padding: 0px;}
table.moduletable td {font-size: 11px; font-weight: normal;}

.moduletablewoisonline{
width: 100%;
margin-bottom:10px;
margin-left:11px;
border:0px solid;
/*border-color:#424DB7;*/


}

.moduletablewoisonline td
{
/*padding-left:2px;*/
padding-bottom:2px;
vertical-align:top;
/*background-color:#C0C0C0;*/
font-weight: bold;
font-size: 10px;
/*color:#FFFFFF;*/
color:#424DB7;
}

table.moduletable_stats
{
vertical-align:top;
}

.moduletable_stats td
{
padding-left:11px;
padding-bottom:12px;
vertical-align:top;
/*background-color:#C0C0C0;*/
font-weight: bold;
font-size: 10px;
/*color:#FFFFFF;*/
color:#424DB7;
}
.moduletable_stats th
{
font-size: 0px;

color:#FFFFFF;

}

.poll {font-family      : Arial, Helvetica, sans-serif;font-size: 10px; color: #666666;line-height: 14px;}
table.pollstableborder {border: 1px solid #cccccc;}
.sectiontableheader {color: #333333;font-weight: bold;}
/* Propriété pour une des réponses aux commentaires */
.sectiontableentry1 {}
/* l'autre, alternée */
.sectiontableentry2 {}
.commentcontentheading{font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color:#0066CC; }
.small {width:100%; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 8px;color: #999999; text-decoration: none; font-weight: bold;}
.smalldark {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none; font-weight: normal;}
.contentpane {}

.contentpaneopen { padding-left: 1px; margin-right:5px;}
.contentheading, .componentheading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#0066CC;}
.createdate {font-family: Arial, Helvetica, sans-serif;font-size: 8px; color: #999999; }
.sectiontablefooter{color: #990000;font-size:8px;} 


.button {color: #2299FF;font-family: Arial, Hevlvetica, sans-serif;text-align: center;font-size: 11px;font-weight: bold;border: 1px  #AAAAAA;width: auto;background: url(../images/button_bg.png) repeat-x;padding: 0px 5px;line-height: 18px !important;line-height: 16px;height: 26px !important;height: 24px;margin: 1px;}

/*.button {font-family      : Verdana, Arial, Helvetica, sans-serif;font-style       : normal;font-size        : 10px;font-weight      : bold;background-color : #F0F0F0;color            : #000000; border           : 1px solid #000000;}*/

.inputbox {
font-family      : Verdana, Arial, Helvetica, sans-serif;
font-size        : 10px;
color            : #000000;
background-color : #FDFDFD;
border-bottom:1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
/*border           : 1px solid #2299FF;*/
}



/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
 	color: #0066CC;
	text-align:left;
	text-decoration: underline;
	}

a.contentpagetitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #0099CC;
	text-decoration: none;
	font-weight: bold;
	}

a.category:link, a.category:visited {
  color: #0066CC;
  font-weight      : bold;
  font-size: 11px;
font-weight: bold;
}

a.category:hover {
  color            : #999999;
}

.date {
  font-size         : 10px;
  color             : #8BACDA;
  padding-top		: 15px;
  padding-left:30px;
}

/* Styles for dhtml tabbed-pages */
.ontab {
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight: bold;
	color: #666666;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight: normal;
}
.tabpadding {
}

.tabheading {
	background-color: #FFFFFF;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
.code {
	background-color: #f0f0f0;
	border: 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff66FF;
	text-align: center;
}


table.contenttoc {
	color: #FFFFFF;
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	visibility: hidden;
	display: none;
}

table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}

table.contenttoc td.toclink {color: #FFFFFF;} /* same as above, used to format toc link texts*/
a.toclink:link {color: #FFFFFF;} /* same as above, used to format toc link text status*/
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  line-height: 15px;
  padding-left: 10px;
  padding-top: 0px;
  background-image: url(../images/arrow.png) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

table.searchinto {
	width: 100%;
/*color: #424DB7;*/
}

table.searchintro td {
	background-color: #FFFFFF;
	
	font-weight: bold;
        color: #424DB7;

}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}
span.article_seperator {
	display: block;
	height: 1.5em;
}

td.rightshadow
{
 vertical-align:top;
 text-align:right; 
 width:23px;
 /*background-image:url("/fr/templates/esperado247/images/right_border.PNG");*/
 background-repeat:repeat-y;
}

td.footernew
{
width:802px; 
height:46px;
background-image:url(../images/bottom.PNG);  
border:0px;
text-align:center;
}

td.leftfooter
{
width:55px; 
height:69px;
background-image:url("/fr/templates/esperado247/images/bottom_left.jpg");  
border:0px;
}

td.middlefooter
{
vertical-align:top; 
height:69px;
width:685px;
background-repeat: repeat-x;
background-image:url("/fr/templates/esperado247/images/bottom_back.jpg"); 
}

td.rightfooter
{
 width:60px; 
 height:69px;
 background-image:url("/fr/templates/esperado247/images/bottom_right.jpg");
 border:0px;
}

#floaterDiv { 
position: absolute; 
width:570px; 
height:398px; 
left:-800px; 
top:30px; 
background-color:#4470B3; 
border:5px ridge blue; 
text-align:right; 
z-index: 999; 
}
.translucent {
-moz-opacity:0.99; 
opacity:0.99; 
filter:alpha(opacity=99);
}
#floaterDiv div.box {
position:absolute;	
left:5px; top:5px; text-align: right; 
}
#insideDiv {
 position: relative; 
 width:559px; 
 height:360px; 
 left:0px; 
 top:0px; 
 background-color:#EEEEFF; 
 border:0px; 
 z-index: 1000; 
 text-align:center; 
 }