body { font-family: Verdana, sans-serif; padding: 0px; margin: 0px auto 0px auto ; max-width: 1024px; width: 1024px; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; color: #46909C; padding: 2px ; margin: 20px 2px 2px 2px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: lighter; color: #46909C; padding: 2px ; margin: 10px 2px 0px 2px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; color: #46909C; padding: 2px ; margin: 2px; }

a {	color: #46909C; text-decoration: none; }
a:hover { color: #993300; }


ul { list-style: disc; margin: 0px; padding: 0px 0px 0px 20px ; }
li { font-size: small;  margin: 2px; padding: 2px; }

p  { font-size: small; margin: 2px; padding: 2px; }
strong { color: #666666; font-weight: bold; font-size: small; }
b { color: #666666; }
img { border: none; padding: 2px; marging: 2px; }
img.logo { border: none; padding: 0px; marging: 0px; }

pre { font-size: small; margin: 2px; padding: 2px; }

table { border-width: 0px; border-style: none; width: 100%; margin: 0px; padding: 0px;  }
tr { margin: 0px; padding: 0px; } 
td { font-size: small; vertical-align: top; margin: 0px; padding: 0px; }
object {Ê}

.large { font-size: x-large; }

.info { font-variant: small-caps; font-size: smaller; color: #333333; }

.box { margin: 8px 0px 8px 0px; padding: 5px; border: 1px solid #333333; }
.dottedbox { margin: 8px 0px 8px 0px; padding: 5px; border: 1px dotted #333333; }
.dottedboxright { margin: 8px 8px 8px 0px; padding: 5px; border: 1px dotted #333333; }

.highlight1 { color: #ffffff; padding: 4px; margin: 0px; background-color: #8ca3b3; }
.highlight2 { color: #ffffff; padding: 4px; margin: 0px; background-color: #993300; }
.highlight3 { color: #ffffff; padding: 4px; margin: 0px; background-color: #46909C; }

.lowlight1 { padding: 4px; margin: 0px; background-color: #ffffff; }
.lowlight2 { padding: 4px; margin: 0px;	background-color: #eeeeee; }
.lowlight2_justify { padding: 4px; margin: 0px;	background-color: #eeeeee; text-align: justify;}


.boxcolor1 { margin: 8px 0px 8px 0px; padding: 5px; background-color: #e6edff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.boxcolor2 { margin: 8px 0px 8px 0px; padding: 5px; background-color: #fffbcc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.boxcolor3 { margin: 8px 0px 8px 0px; padding: 5px; background-color: #e4f2fd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


.picture:hover { }
.myframe { max-width: 1024px; }

#intro { margin-top: 250px; text-align: center;  }
#intro .menu { border-top: 1px solid #b8b8b8; border-bottom: 1px solid #b8b8b8; background-color: #efefef; margin: 10px; padding: 10px; }


#header { clear: both; width: 1024px; margin: 10px auto auto auto;  }
#header .header { border: 1px solid #999999; background-color: #eeeeee; padding: 2px 10px 2px 10px; }

#footer { clear: both; width: 800px; margin: 20px auto 20px auto; }
#footer .footer { background-color: #eeeeee; padding: 4px; border-top: 2px solid #666666; border-bottom: 2px solid #666666; text-align: center; }


#front #news {float:left; margin-left: 0px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; width: 492px;}
#front #news .dottedbox { margin-top: 8px; margin-left: 0px; padding: 5px; border: 1px dotted #333333; }
#front #news .news_title { background-color: #eeeeee; color: #c1c660; }
#front #news .news_body { color: #666666;  text-align: justify; }
#front #news .news_body_justify { color: #666666; text-align: justify; }
#front #news td { font-size: small; vertical-align: top; width: 50%; color: #666666;}

#front #applications { float:right; margin-left: 10px; margin-right: 0px; margin-top: 20px; width: 502px; }

#front #applications ul { list-style: none; padding: 0px; margin: 0px; }
#front #applications li { text-align: left; vertical-align: top; padding: 0px; margin: 0px;}


#front #applications a  { text-decoration: none; }
#front #applications img    { float: left;  padding: 0px; margin: 0px; border: none; }
#front #applications .text  { padding-top: 0px; padding-left: 70px; margin: 0px;  }

#front #applications .menu { padding: 15px 10px 15px 10px; margin: 5px; }
#front #applications .menu:hover { background-color: #e6edff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#front #applications .name    { font-size: large; color: #46909C; }
#front #applications .tagline { font-size: small; color: #333333; }



#detail { float:left; margin: 0px; width: 630px; }
#detail a  { text-decoration: none; }
#detail img    { float: left;  padding: 0px; margin: 0px; border: none; }
#detail .text  { padding-top: 0px; padding-left: 70px; margin: 0px;  }
#detail .menu { padding: 15px 10px 15px 10px; margin: 5px; background-color: #e6edff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#detail .name    { font-size: large; color: #46909C; }
#detail .tagline { font-size: small; color: #333333; }





#page #left  { float:left;  margin-left: 0px;  margin-right: 10px; margin-top: 20px; margin-bottom: 20px; width: 652px; }
#page #right { float:right; margin-left: 10px; margin-right: 0px;  margin-top: 20px; margin-bottom: 20px; width: 352px; }
#page #halfleft  { float:left;  margin-left: 0px;  margin-right: 10px; margin-top: 20px; margin-bottom: 20px; width: 502px; }
#page #halfright { float:right; margin-left: 10px; margin-right: 0px;  margin-top: 20px; margin-bottom: 20px; width: 502px; }

#onepage {   margin-left: 0px;  margin-right: 0px; margin-top: 20px; margin-bottom: 20px; }



/* START SERVICE BLOCK */
.serviceBlock {color:#333;}

.serviceBlockBottom {height:24px; background:url(serviceBlock_shadow.gif) top left repeat-x; overflow:hidden; position:relative; top:-1px;}
html>/**/body .serviceBlockBottom {top:0px;}

.serviceBlock .tabs {height:28px; position:relative; z-index:10;}
.serviceBlock .tabs div {float:left; margin-right:3px; width:98px;}
.serviceBlock #serviceMiniBlockTab_6 {margin-right:0;}	
.serviceBlock .tabs div.clear {float:none;}
.serviceBlock .tabs a {padding-top:5px; display:block; color:#666; font-size:12px; font-weight:bold; text-align:center; height:29px; line-height:21px; background:url(serviceBlock_tab_off.gif) top left repeat-x;}

html>/**/body .serviceBlock .tabs a {line-height:25px;height:24px;}

.serviceBlock .tab7 {margin-right:0px!important;}

.serviceBlock .tabs .tabOff_0 a, .serviceBlock .tabs .tabOff_1 a, .serviceBlock .tabs .tabOff_2 a, 
.serviceBlock .tabs .tabOff_3 a, .serviceBlock .tabs .tabOff_4 a, .serviceBlock .tabs .tabOff_5 a, .serviceBlock .tabs .tabOff_6 a,
.serviceBlock .tabs .tabOn_0 a, .serviceBlock .tabs .tabOn_1 a, .serviceBlock .tabs .tabOn_2 a,
.serviceBlock .tabs .tabOn_3 a, .serviceBlock .tabs .tabOn_4 a, .serviceBlock .tabs .tabOn_5 a, .serviceBlock .tabs .tabOn_6 a {
	top:0px;
	color:#333;
	border-left:1px solid #c0c0c0;
	border-right:1px solid #c0c0c0;
	text-decoration:none;}
   
html>/**/body .serviceBlock .tabs .tabOn_0 a {line-height:25px;}
html>/**/body .serviceBlock .tabs .tabOn_1 a {line-height:25px;}
html>/**/body .serviceBlock .tabs .tabOn_2 a {line-height:25px;}
html>/**/body .serviceBlock .tabs .tabOn_3 a {line-height:25px;}
html>/**/body .serviceBlock .tabs .tabOn_4 a {line-height:25px;}
html>/**/body .serviceBlock .tabs .tabOn_5 a {line-height:25px;}
html>/**/body .serviceBlock .tabs .tabOn_6 a {line-height:25px;}

.serviceBlock .free .tabOn_0 a, .serviceBlock .free .tabOn_1 a, .serviceBlock .free .tabOn_2 a, .serviceBlock .free .tabOn_3 a, .serviceBlock .free .tabOn_4 a, .serviceBlock .free .tabOn_5 a, .serviceBlock .free .tabOn_6 a {background:url(serviceBlock_tab_on.gif) top left repeat-x #fff;}

.serviceBlock .abonne .tabOn_0 a, .serviceBlock .abonne .tabOn_1 a, .serviceBlock .abonne .tabOn_2 a, .serviceBlock .abonne .tabOn_3 a, .serviceBlock .abonne .tabOn_4 a, .serviceBlock .abonne .tabOn_5 a, .serviceBlock .abonne .tabOn_6 a {background:url(serviceBlock_tabAbonne_on.gif) top left repeat-x #fff;}

.serviceBlock .free .tabOn_0 span, .serviceBlock .free .tabOn_1 span, .serviceBlock .free .tabOn_2 span, .serviceBlock .free .tabOn_3 span, .serviceBlock .free .tabOn_4 span, .serviceBlock .free .tabOn_5 span, .serviceBlock .free .tabOn_6 span {background:url(serviceBlock_arrow_free.gif) center right no-repeat; padding-right:12px;}

.serviceBlock .abonne .tabOn_0 span, .serviceBlock .abonne .tabOn_1 span, .serviceBlock .abonne .tabOn_2 span,.serviceBlock .abonne .tabOn_3 span,.serviceBlock .abonne .tabOn_4 span,.serviceBlock .abonne .tabOn_5 span,.serviceBlock .abonne .tabOn_6 span {background:url(serviceBlock_arrow_abonne.gif) center right no-repeat; padding-right:12px;}
.serviceBlock .blocks {border:1px solid #c0c0c0; padding:9px 9px 0 9px; position:relative; top:-1px; z-index:1;}

html>/**/body .serviceBlock .blocks {top:0px}

.serviceBlock .bottomLink {border-top:1px dotted #999; font-size:11px; margin-top:7px; padding:4px 0;}
.serviceBlock .type {font-size:11px; text-transform:uppercase; font-weight:bold; color:#666;}
.serviceBlock .image {float:left; margin-right:10px;}