﻿/*------------------------------------------------------------------------------
TheGreenBow Cascading Style Sheet.
Last update:
jc/061012: ajout ul2/li2.
jc/061215: ajout body.

Note: some styles may be unused. A check on the whole site must be done.
------------------------------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	margin: 0; 
    padding: 0;
}
body td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;
}


a:link { color: #6480C0; text-decoration:none; }				/* jc090126 #0066CC old { color: #2A935A; } (#8080D0) */
a:visited, a:active { color: #6480C0; text-decoration:none; }		/* jc090126 #0066CC old { color: #006600; } (#8080F0)*/
a:hover { text-decoration: underline; }

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*------------------------------------------------------------------------------
jc/061218: ajout du style "<a href>" g�n�ral.
------------------------------------------------------------------------------*/
.normal {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
}

A.normal:link { color: #6480C0; }							/* jc090126 #0000FF */
A.normal:visited { color: #444444; }
A.normal:active { color: #444444; }


/*------------------------------------------------------------------------------
normal2: normal dark + underline when hover <a href...>
------------------------------------------------------------------------------*/
.normal2 {
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	text-decoration: none;
}

A.normal2:hover { text-decoration: underline; }


/*------------------------------------------------------------------------------
normal3: normal + underline when hover <a href...>
------------------------------------------------------------------------------*/
.normal3 {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	text-decoration: none;
}

A.normal3:hover { text-decoration: underline; }
A.normal3:link, A.normal3:visited, A.normal3:active { color: #707070; }

.n1 {
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold
}
.n2 {
	color: #5A5A5A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold
}

/*------------------------------------------------------------------------------
titles & headers
------------------------------------------------------------------------------*/
h1 {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0px;  
	padding-left:180px;
}

.title1 { COLOR: #707070; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold }
.title2 { COLOR: #7DAAD0; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 17px; FONT-WEIGHT: bold }
.title3 { COLOR: WHITE; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 24px; FONT-WEIGHT: bold }

.t1 { COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; }
.t2 { COLOR: #ff8400; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 17px; FONT-WEIGHT: bold; }
.t3 { COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 16px; FONT-WEIGHT: bold; }
.t4 { COLOR: WHITE; FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: bold; TEXT-DECORATION: none; }
A.t4:link { COLOR:WHITE; }
A.t4:visited { COLOR: WHITE; }
A.t4:active { COLOR: WHITE; }
A.t4:hover { TEXT-DECORATION: underline; }

.medium_bold {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.banner_title {
	font-size: 18px;
	color: #404040;
	font-family: Arial, Verdana, sans-serif;
	text-decoration: none;
}
A.banner_title:link { color: #404040; }
A.banner_title:visited { color: #404040; }
A.banner_title:active { color: #404040; }
A.banner_title:hover { color: #404040; text-decoration: underline; }

h2, 
.htitle1 {
	font-size: 18px;
	color: #333333;
	font-family: arial, Verdana, sans-serif;
	text-indent: 30px;
	text-decoration: none;
	font-weight: normal;
	background: url(../images/title1.gif) no-repeat 0px 1px;
	margin:0px;
	padding: 4px 0px 8px 0px ;
	width: 100%;
}
h2 a, h2 a:link, h2 a:visited, h2 a:active{
	color: #333333;
	text-decoration: none;
}
h2 a:hover{
	text-decoration: underline;
}
htitle1.td:link { text-decoration: none; }
htitle1.td:visited { text-decoration: none; }
htitle1.td:active { text-decoration: none; }
htitle1.td:hover { text-decoration: underline; }



table.htitle1  {
	font-size: 18px;
	color: #333333;
	font-family: arial, Verdana, sans-serif;
	margin-left: 30px;
}

h3,
.htitle2 {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	font-family: arial;
	background-image: url(../images/icones/puce_h3.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin:0px;
}
h3.t2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	background-image:url(../images/elements/h3_barre_green.gif);
	background-position: 0px 5px;
	background-repeat:no-repeat;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-top:4px;
}

.htitle_folder {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;
	background-image: url(../images/folder.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 4px;
	padding-left: 24px;
	padding-top: 2px;
	padding-bottom: 0px;
	height: 14px;
	width: 100%;
}

ul li.htitle_folder_subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;
	list-style: none ;
	margin: 5px 0px 1px 0px ;
	}

.parag1 {
	margin-left: 10px;
	margin-right: 50px;
}

.parag2 {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	margin-left: 20px;
	padding:0px;
	margin-top:0px;
	display: block;
}

.parag3 {
	margin-left: 30px;
	margin-right: 20px;
}

A.parag2:link { color: #0000FF; font-weight: bold; }
A.parag2:visited { color: #444444; }
A.parag2:active { color: #666666; }

.parag4 {
	padding-left: 20px;
}

/*------------------------------------------------------------------------------
Minis
------------------------------------------------------------------------------*/
.mini { COLOR: #444444; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; }
.mini1 { COLOR: #5A5A5A; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; TEXT-ALIGN:justify; }

.mini2 { COLOR: #5A5A5A; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.mini2:link { COLOR: #5A5A5A; }
A.mini2:visited { COLOR: #5A5A5A; }
A.mini2:active { COLOR: #5A5A5A; }
A.mini2:hover { TEXT-DECORATION: underline; }

.mini3 { COLOR: BLACK; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; TEXT-DECORATION: none; }
A.mini3:hover { TEXT-DECORATION: underline; }

.mini4 { COLOR: #5A5A5A; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; TEXT-ALIGN: center; }
.mini5 {COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-ALIGN:justify; }

.mini6 {COLOR: #707070; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-ALIGN:justify; }
A.mini6:hover { TEXT-DECORATION: underline; }

.mini7 {COLOR: #707070; FONT-FAMILY: Arial, sans-serif; FONT-SIZE: 10px; TEXT-DECORATION: none; TEXT-ALIGN:left; }
A.mini7:hover { TEXT-DECORATION: underline; }

.minibold { COLOR: #555555; FONT-FAMILY: "Trebuchet MS"; FONT-SIZE: 12px; FONT-WEIGHT: bold; LINE-HEIGHT: 12px; TEXT-TRANSFORM: none }

.breadcrumbs {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none
}
A.breadcrumbs:link, 
A.breadcrumbs:visited,
A.breadcrumbs:active { color: #666666; }
A.breadcrumbs:hover { color: #666666; text-decoration: underline }

.footer {
	color: #444444;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-align:center;
}


/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/
.info {
	color: #46B824;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none
}
a.info:link, a.info:visited, a.info:active { color: #46B824 }
a.info:hover { text-decoration: underline }


/*------------------------------------------------------------------------------
Miscellaneous
------------------------------------------------------------------------------*/
.normal-header {
	color: #444444;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold 
}

.normaltop {
	color: #ff8400;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold
}

.right { COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-ALIGN:right; TEXT-DECORATION: none; }
A.right:hover { TEXT-DECORATION: underline; }

.left { COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-ALIGN:left; TEXT-DECORATION: none; }
A.left:hover { TEXT-DECORATION: underline; }

.center { COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-ALIGN:center; TEXT-DECORATION: none; }
A.center:hover { TEXT-DECORATION: underline; }

.counter { COLOR: #7DAAD0; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 17px; TEXT-ALIGN:right; FONT-WEIGHT: bold }


/*------------------------------------------------------------------------------
Menus
------------------------------------------------------------------------------*/
.menu1 { COLOR: #707070; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none }
a.menu1:link, a.menu1:visited, a.menu1:active {color: #707070}
a.menu1:hover {TEXT-DECORATION: underline}

.menu2 { COLOR: #707070; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; TEXT-DECORATION: none }
a.menu2:link, a.menu2:visited, a.menu2:active {color: #707070}
a.menu2:hover {TEXT-DECORATION: underline}

.menu3 { COLOR: #0066CC; FONT-FAMILY: "Trebuchet MS"; FONT-SIZE: 10px; TEXT-DECORATION: none }
a.menu3:link, a.menu3:visited, a.menu3:active {color: #0066CC}
a.menu3:hover {TEXT-DECORATION: underline}

.menu4 { COLOR: #444444; FONT-FAMILY: "Trebuchet MS"; FONT-SIZE: 10px; TEXT-DECORATION: none }
a.menu4:link, a.menu4:visited, a.menu4:active {color: #444444}
a.menu4:hover {TEXT-DECORATION: underline}

/** Menu*/
table.hmenu td,
table.hmenu a,
table.hmenu a:link,
a.hmenu:visited,
table.hmenu a:visited, 
table.hmenu a:active { COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; TEXT-DECORATION: none; }
table.hmenu a:hover {TEXT-DECORATION: underline}
table.hmenu a.hmenuselected{
	font-weight: bold;
}
table.hmenu a.hmenuselected:hover {TEXT-DECORATION: underline}


/*------------------------------------------------------------------------------
Forms boxes
------------------------------------------------------------------------------*/
.inputtext { 
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 9pt;
	background-color: #FFFFFF;
	border: #666661;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.inputtext2 { 
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 9pt;
	background-color: #FFFFFF;
	border: #666661;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	height: 14px;
	width: 80px;
}

.txtarea { 
	font-family: Verdana,Arial, Helvetica, sans-serif ;
	font-size: 8pt;
	color: #707070;
	background-color: #FFFFFF;
	border: #666661;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.inputtexthigh { 
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 10px;
	background-color: #FFFFCC; /*FFEDB4;*/
	border:solid 1px #999999;
	/*
	border: #666661;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;*/
}

.champs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	border: solid;
	border-width: thin thin 1px;
	border-color: #FFFFFF #FFFFFF #FFFFFF;
	width: 80px;
	text-align:right;
}

.champs1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	border: solid;
	border-width: thin thin 1px;
	border-color: #FFFFFF #FFFFFF #FFFFFF;
	width: 80px;
	text-align:right;
}
.field_totalHT{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#CC0000;
	border: solid 1px #F8F8F8;
	background-color:#F8F8F8;
	text-align: right;
}
.field_sum{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	border: solid 1px #F8F8F8;
	background-color:#F8F8F8;
	text-align: right;
}
.select_buy {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 9pt;
	color:#000000;
	width:180px;
	height:22px;
}

.select_work {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 9pt;
	color:#000000;
	width:184px;
	height:22px;
	border:0;
	margin:-2px;
	margin:-1px;
}


/*------------------------------------------------------------------------------
Lists
------------------------------------------------------------------------------*/
ul {
	margin: 6px 3px 10px 30px;
	list-style: outside;
	padding: 0;
}

li {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	list-style-image: url(../images/li.gif);
	font-weight: normal;
	font-size: 8pt;
	color: #707070;
	line-height: 140%;
}


.ul2 {
	margin: 0px 0px 6px 20px;
	padding: 0;
}

.ul2 li {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	padding: 1px 2px 2px 0px;
	list-style-image: url(../images/bull6.gif);
	font-weight: normal;
	font-size: 8pt;
	color: #707070;
}
ul.grey_disc {
	margin: 6px 0px 6px 20px;
	padding: 0px;
}
ul.grey_disc li {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	padding: 0px 2px 2px 0px;
	list-style-image: url(../images/icones/list_square.gif);
	font-weight: normal;
	font-size: 8pt;
	color: #707070;
}

/*
.menulist {
	margin: 0 0 0 0;
	padding: 0 0 0 4;
	list-style: square inside url(images/bull6.gif);
}

.menulist li {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	text-decoration: none;
	color: #707070;
}

a.menulist { text-decoration: none }
a.menulist:hover { text-decoration: underline }
a.menulist:link { color: #707070 }
a.menulist:visited { color: #707070 }
a.menulist:active { color: #707070 }
*/

/*------------------------------------------------------------------------------
jc/060928: litegray frame with cellpadding of 4px.
------------------------------------------------------------------------------*/
.grayframe {
	color: #707070;								/* text color */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	border-color: #A0A0A0;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse
}

.grayframe td {
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 4px;
}


/*------------------------------------------------------------------------------
jc/060928: table border
------------------------------------------------------------------------------*/
.table_border {
	color: #707070;								/* font color. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	border-collapse: collapse;
}

.table_border th {
	background-color: #E0E0E0;
	border: 1px solid #A0A0A0;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
}

.table_border td {
	border: 1px solid #A0A0A0;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
}

/*------------------------------------------------------------------------------	
WARNING
------------------------------------------------------------------------------*/

#warning {
	border: 3px solid #404040 ;
	background: url(http://www.thegreenbow.com/images/warning.jpg) #ffe9bf 2% 10%  no-repeat;
	padding: 10px ;
	margin: 20px 10px ;
	}
	
#warning p {
	margin: 0px 0px 5px 85px ;
	}

/*------------------------------------------------------------------------------	
PhpList : Jilo august 2008
------------------------------------------------------------------------------*/

#divphplist {
	width: 600px ;
	line-height: 18px ;
	}
	
#divphplist h1 {
	font-size: 12px ;
	color: inherit ;
	font-weight: lighter ;
	}
	
#divphplist span {
	font-size: 9px ;
	}

#newsletter {
	background-color: #909090 ;
	width: 490px ;
	}
	
.attributename, .required {
	margin-top: 5px ;
	text-align: left ;
	}
	
.attributename span, .required span {
	font-weight: bold ;
	}
	
li.list {
	list-style: none ;
	}

/*------------------------------------------------------------------------------	
ADMIN : export.php Jilo august 2008
------------------------------------------------------------------------------*/
	
#export-admin select {
	margin: 5px 0px ;
	width: 200px ;
	}
	
#export-admin input {
	margin: 5px 0px ;
	}
	
#export-admin h3 {
	background-image: none ;
	padding: 0 ;
	margin: 20px 0px 0px 0px ;
	}
	
#export-admin h3 a {
	padding: 0px 0px 0px 15px ;
	}
	
.attributeinput_admin {
	background-color: #fce4e3 ;
	}
	
/*------------------------------------------------------------------------------	
VPN : title content Jilo july 2008
------------------------------------------------------------------------------*/

.content_titletable {
	margin: 0 ;
	padding: 10px 0px 10px 40px ;
	width: 340px;
	height: 136px; 
	}
	
h2.content_title {
	text-indent: -5000px ;
	background: url(http://www.thegreenbow.com/images/titles/vpn-rel.gif) 0% 0% no-repeat;
	height: 62px ;
	padding-bottom: 10px ;
	}
	
.content_subtitle {
	margin: 0 ;
	padding: 0px 0px 2px 0px ;
	font-size: 1.2em ;
	color: #333333 ;
	}
	
.content_subtitlebig {
	margin: 0 ;
	padding: 0 ;
	width: 200px ;
	color: #333333 ;
	font-size: 1.4em ;
	float: left ;
	}
	
.content_vista64 {
	text-indent: -5000px ;
	height: 40px ;
	background: url(http://www.thegreenbow.com/images/logos/vista_64-nw.gif) 90% 0% no-repeat;
	}

/*------------------------------------------------------------------------------	
BOOKMARK Jilo october 2008 
------------------------------------------------------------------------------*/

/* //////////////////////////////////////////////////// VPN_GATEWAY oct 2008  */
.table-book {
	margin: 25px 0px 10px 0px ;
	}	
	
.gateway-copythis {
	background-color: #C6CDDE ;
	color: #f8f8f8 ;
	padding: 0 ;
	margin: auto ;
	text-align: center ;
	}

.gateway-copythis textarea {
	border: none ;
	width: 98% ;
	height: 110px ;
	overflow: hidden ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 1.2em ;
	color: #404040 ;
	margin: 0px 2px 0px 2px ;
	}
	
.gateway-book {
	height: 30px ;
	}
	
.gateway-book ul {
	padding: 0 ;
	float: right ;
	}
	
.gateway-book ul li {
	float: left ;
	list-style-image: none ;
	list-style: none ;
	}
	
li.gateway-book-dig a {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block ;
	height: 16px ;
	padding-left: 20px ;
	background: url(http://www.thegreenbow.com//images/bookmark.gif) no-repeat 0 0 ;
	text-decoration: none ;
	color: #404040 ;
	}
		
li.gateway-book-del a {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block ;
	height: 16px ;
	padding-left: 20px ;
	background: url(http://www.thegreenbow.com//images/bookmark.gif) no-repeat 0 -20px ;
	text-decoration: none ;
	color: #404040 ;
	}
	
li.gateway-book-won a {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block ;
	height: 16px ;
	padding-left: 20px ;
	background: url(http://www.thegreenbow.com//images/bookmark.gif) no-repeat 0 -170px ;
	text-decoration: none ;
	color: #404040 ;
	}
	
li.gateway-book-book a {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none ;
	color: #404040 ;
	}	
	
li.gateway-book-dig a:hover, li.gateway-book-del a:hover, li.gateway-book-won a:hover, li.gateway-book-book a:hover {
	text-decoration: underline ;
	}
		
/*------------------------------------------------------------------------------	
VPN_LOCAL Jilo july 2008
------------------------------------------------------------------------------*/
div#change-local {
	margin: 30px 0px 40px 0px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
div#change-local ul {
	margin: 5px 0px;
	padding: 10px 0px 10px 30px ;
	background-color: #F8F8F8 ;
	}
	
div#change-local p {
	padding: 4px ;
	margin: 0 ;
	}
	
div#change-local h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #404040;
	padding: 4px;
	margin:0px;
	background: inherit ;
	}
	
.table_list_local {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-collapse: collapse;
	border-top: 1px solid #707070;
	border-bottom: 2px solid #707070;
	margin-bottom: 3px ;
	}

tr.table_list_top {
	height: 30px ;
	}
	
tr.table_list_top sup {
	font-size: 0.75em;
	}
	
.table_list_local tr {
	height: 20px ;
	}
	
.table_list_local th {
	border-bottom: 1px solid #707070;
	height: 30px ;
	}

.table_list_local td {
	border-bottom: 1px dotted #707070;
	vertical-align: middle ;
	}

th.lang_flag {
	background-color:#F0F0F0 ;
	width: 150px ;
	}
	
td.lang_flag {
	background-color:#F0F0F0 ;
	width: 150px ;
	padding-left: 8px ;
	text-align: left ;
	}
	
ul.ullang_title {
	float: left ;
	margin: 0 ;
	list-style: inherit ;
	}
	
ul.ullang_flag {
	margin: 0 ;
	vertical-align: middle ;
	float: left ;
	width: 25px ;
	padding-top: 8px ;
	list-style: inherit ;
	}
	
ul.ullang_title li {
	list-style: none ;
	}
	
ul.ullang_flag li {
	list-style: none ;
	}
	
th.status1, td.status1 {
	background-color:#FFFFFF ;
	width: 100px ;
	}
	
th.status1 span {
	font-size: 0.75em ;
	}
	
td.status1 div {
	width: 45px ;
	margin: auto ;
	text-align: left ;
	}
	
td.status1 div img {
	padding-left: 4px ;
	}
	
th.status2, td.status2 {
	background-color:#F0F0F0 ;
	width: 100px ;
	}
	
td.status2 div {
	width: 45px ;
	margin: auto ;
	text-align: left ;
	}
	
td.status2 div img {
	padding-left: 4px ;
	}
	
th.localized {
	background-color:#FFFFFF ;
	width: 150px ;
	}
	
td.localized {
	background-color:#FFFFFF ;
	width: 150px ;
	padding-left: 8px ;
	}
	
tr.table_list_foot {
	background-color: #CECEF8 ;
	height: 30px ;
	}
	
tr.table_list_foot td {
	text-align: center ;
	}
	
tr.table_list_foot td img {
	padding-right: 4px ;
	}


	
/*------------------------------------------------------------------------------	
PRESSKIT_3 (with square) Jilo july 2008 
------------------------------------------------------------------------------*/

#psk-intro	{
	margin-bottom: 40px ;
	}

.ligne {
	clear: both ;
	}
	
.psk-square {
	width: 250px ;
	float: left ;
	margin: 0px 30px 50px 0px ;
	}
	
.psk-square textarea {
	border: 0 ;
	width: 280px ;
	height: 125px ;
	overflow:auto ;
	font-family:Arial, Helvetica, sans-serif ;
	font-size: 1.2em ;
	color: #404040 ;
	padding: 5px ;
	margin: 10px 0px 0px 0px ;
	}
	
div.psk-title {
	margin: 0 ;
	padding: 0 ;
	width: 260px ;
	height: 65px ;
	background: url(../images/motif2-pkt.gif) repeat-x ;
	}
	
div.psk-title h3 {
	background-image: none ;
	padding: 10px 0px 10px 10px ;
	font-weight: bold ;
	font-size: 1.5em ;
	color: #FFFFFF ;
	}
	
div.psk-title ul {
	padding: 0 ;
	margin: 0 ;
	}
	
div.psk-title ul li {
	list-style: none ;
	list-style-image: none ;
	padding: 5px 0px 0px 20px ;
	}
	
div.psk-title ul li a {
	font-weight: bold ;
	color: #FFFFFF ;
	text-decoration: none ;
	}
	
.psk-title ul li a:hover {
	font-weight: bold ;
	color: #FFFFFF ;
	text-decoration: underline ;
	}
	
#psk-bio, #psk-prdt, #psk-doc {
	background-color: #F0F0F0 ;
	padding: 15px ;
	width: 510px ;
	overflow: hidden ;
	}
	
#psk-bio ul li, #psk-prdt ul li, #psk-logo ul li, #psk-demo ul li {
	list-style: none ;
	}
	
#psk-logo, #psk-demo	{
	background-color: #F0F0F0 ;
	position: relative ;
	left: -280px ;
	padding: 15px ;
	width: 510px ;
	}
	
#psk-prdt h4, #psk-demo h4 {
	clear: both ;
	font-size: 1.2em ;
	padding: 20px 0px 15px 0px ;
	margin: 10px 0px ;
	}

.psk-duo {
	clear: both ;
	padding-top: 30px ;
	}

.psk-duo1 {
	clear: both ;
	}
	
.psk-image, .psk-media {
	background-color: white ;
	width: 200px ;
	text-align: center ;
	padding: 10px 0px ;
	float: left ;
	}
	
.psk-endmedia {
	clear: left ;
	}
	
.psk-comment {
	margin: 0px 0px 0px 210px ;
	}
	
.psk-comment h4 {
	padding: 0px 0px 4px 0px;
	margin: 0 ;
	}
	
.psk-comment ul li {
	list-style-image: none ;
	}

.psk-share {
	clear: both ;
	padding: 0 ;
	margin: 0 ;
	}
	
.psk-share1 {
	width: 280px ;
	padding: 0 ;
	margin: 0 ;
	}
	
ul.psk-share {
	border-top: 2px solid #CCCCCC ;
	padding: 3px;
	}
	
ul.psk-share1 {
	margin-bottom: 10px ;
	border-top: 2px solid #CCCCCC ;
	padding: 5px ;
	}
	
ul.psk-share li, ul.psk-share1 li {
	list-style-image: none ;
	list-style: none ;
	display: inline ;
	margin: 0px 20px 0px 0px ;
	}
	
ul.psk-share li a, ul.psk-share1 li a, #psk-bio ul li a, #psk-prdt ul li a, #psk-logo ul li a, #psk-demo ul li a {
	font-weight: bold ;
	font-size: .8em ;
	color: #404040 ;
	text-decoration: none ;
	}
	
ul.psk-share li a:hover, ul.psk-share1 li a:hover, #psk-bio ul li a:hover, #psk-prdt ul li a:hover, #psk-logo ul li a:hover, #psk-demo ul li a:hover {
	font-weight: bold ;
	font-size: .8em ;
	color: #404040 ;
	text-decoration: underline ;
	}
	
.psk-duo{
	clear: both ;
	}
	
/*------------------------------------------------------------------------------	
CONTRIBUTE : Jilo august 2008
------------------------------------------------------------------------------*/

ul.list li {
	list-style-image: none ;
	list-style: none ;
	}
	
li.list {
	list-style-image: none ;
	}

.required {
	text-align: left ;
	}

#contribute-down h3 {
	margin: 10px 0px 0px 0px ;
	background-image: none ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 14px ;
	font-weight: bold ;
	text-align: left ;
	color: #666666 ;
	padding: 5px 5px 10px 10px ;
	}
		
.contribute-rss ul {
	margin: 0px 0px 0px 30px ;
	padding: 0 ;
	}

.contribute-rss ul li {
	margin: 0px 0px 10px 0px ;
	list-style-image: none ;
	list-style: none ;
	}
	
.contribute-rss ul li a {
	display: block ;
	height: 16px ;
	color: #404040 ;
	text-decoration: none ;
	background: url(../images/feed-icon-small.png) 0px 0px no-repeat ;
	padding-left: 22px ;
	}
	
.contribute-rss ul li a:hover {
	color: #404040 ;
	text-decoration: underline ;
	}
	
.attributename span {
	padding-top: 5px ;
	font-size: 9px ;
	}
	
.contribute-beta {
	background: #F0F0F0 ;
	padding: 5px 5px 10px 5px ;
	margin: 0px 0px 30px 0px ;
	border-bottom: 1px solid #88EC25 ;
	}
	
.contribute-beta ol {
	margin: 10px 0px 0px 20px ;
	padding: 5px 0px ;
	}
	
.contribute-beta ol li {
	list-style: none ;
	list-style-image: none ;
	margin: 5px 0px ;
	display: inline ;
	}
	
.contribute-beta-end {
	background: #F0F0F0 ;
	padding: 5px 5px 10px 5px ;
	margin: 0px 0px 30px 0px ;
	border-bottom: 1px solid #404040 ;
	}
	
.contribute-beta-end ol {
	margin: 10px 20px 0px 20px ;
	padding: 0 ;
	}
	
.contribute-beta-end ol li {
	list-style: none ;
	list-style-image: none ;
	margin: 5px 0px ;
	display: inline ;
	}
	
.contribute-beta p, .contribute-beta-end p {
	margin: 10px 20px 0px 20px ;
	}
	
.contribute-beta p span, .contribute-beta-end p span {
	font-weight: bold ;
	}
	
.contribute-beta h4 {
	margin: 10px 20px 0px 20px ;
	}
	
ul.setup {
	background-color: #FFFFFF ;
	margin: 5px 0px ;
	padding: 5px 0px ;
	background-image: none ;
	}
	
.setup li {
	margin: 5px 5px 5px 15px ;
	padding: 16px 0px 16px 40px ;
	list-style: none ;
	list-style-image: none ;
	background: url(../images/setup.gif) no-repeat 0% 50% ;
	}
	
.setup li a {
	color: #666666 ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.setup li a:hover {
	color: #999999 ;
	font-weight: bold ;
	text-decoration: underline ;
	}
	
li.contribute-doc {
	margin: 5px ;
	padding: 8px 15px 8px 25px ;
	background: url(../images/doc.gif) no-repeat 0% 50% ;
	}
	
li.contribute-info {
	margin: 5px ;
	padding: 8px 15px 8px 25px ;
	background: url(../images/info.gif) no-repeat 0% 50% ;
	}
	
li.contribute-doc a, li.contribute-info a {
	color: #707070 ;
	text-decoration: none ;
	}

li.contribute-doc a:hover, li.contribute-info a:hover {
	color: #707070 ;
	text-decoration: underline ;
	}
	
li.contribute-redir a {
	background: url(../images/icones/ico_arrow.gif) no-repeat 1px 0px ;
	padding-left: 20px;
	color: #707070 ;
	text-decoration: none ;
	}
	
li.contribute-redir a:hover {
	background: url(../images/icones/ico_arrow.gif) no-repeat 3px 0px ;
	padding-left: 20px;
	color: #707070 ;
	text-decoration: underline ;
	}
	
#captcha {
	margin: 10px;
	}
	
.captcha-input {
	margin: 0px 0px 10px 0px ;
	}
	
/*------------------------------------------------------------------------------
BETA PARTNERNET / Jilo september 2008
------------------------------------------------------------------------------*/
.table_list_beta {
	border-collapse: collapse;
	border: 1px solid #707070;
	}

.table_list_beta th {
	border-bottom: 1px solid #707070;
	padding-left: 3px;
	}

tr.trwhite {
	background-color: #FFFFFF;
	height: 25px ;
	}

tr.trgray {
	background-color: #F0F0F0;
	height: 25px ;
	}
	
	
tr.trwhite td, tr.trgray td {
	padding: 5px 0px 5px 10px ;
	}
	
.seebeta {
	background-color: #F9F9F9 ;
	width: 490px ;
	margin-top: 10px ;
	}
	
#updatebeta {
	background-color: #909090 ;
	width: 490px ;
	margin-top: 10px ;
	}
	
#updatebeta table {
	width: 490px ;
	border-collapse: collapse;
	border: 1px solid #707070;
	background-color: #FFFFFF ;
	}
	
#updatebeta table tr td input, #updatebeta table tr td p {
	margin: 5px 0px ;
	}
	
.updatebeta-title {
	background-color:	#c6cdde ;
	border: 1px solid #707070;
	font-weight: bold ;
	}
	
/*------------------------------------------------------------------------------
BETATESTER.HTML / Jilo october 2008
------------------------------------------------------------------------------*/
#contrib-div {
	width: 450px ;
	margin: 10px ;
	}
	
table.contrib-table {
	margin: 10px 0px 0px 10px ;
	}
	
table.contrib-table tr td {
	border-bottom: 1px solid #C6CDDE ;
	padding: 6px 3px ;
	}
	
table.contrib-table tr td a {
	font-size: 10px ;
	font-weight: bold ;
	color: #7180BB ;
	text-decoration: none ;
	}
	
table.contrib-table tr td a:hover {
	font-size: 10px ;
	font-weight: bold ;
	color: #7180BB ;
	text-decoration: underline ;
	}
	
.contrib-comp {
	font-size: 10px ;
	font-weight: bold ;
	color: #7180BB ;
	}
	
.contrib-user {
	font-weight: bold ;
	}
	
/*------------------------------------------------------------------------------
BETATESTER IN VPN_DOWN / Jilo october 2008
------------------------------------------------------------------------------*/
ul.parag1-contrib {
	margin: 15px 0px ;
	}
	
ul.parag1-contrib li {
	list-style: none ;
	list-style-image: none ;
	padding: 0 ;
	margin: 0 ;
	}
	
ul.parag1-contrib li a {
	color: #404040 ;
	outline: none ;
	font-weight: bold ;
	text-decoration: none ;
	display: block ;
	height: 16px ;
	padding: 0px 0px 0px 20px ;
	background: url(http://www.thegreenbow.com/images/icones/edit_user.gif) no-repeat 0 0 ;
	}
	
ul.parag1-contrib li a:hover {
	color: #404040 ;
	outline: none ;
	font-weight: bold ;
	text-decoration: underline ;
	display: block ;
	height: 16px ;
	padding: 0px 0px 0px 20px ;
	background: url(http://www.thegreenbow.com/images/icones/edit_user.gif) no-repeat 0 0 ;
	}
	
/*------------------------------------------------------------------------------	
VPN_DOC Jilo sept 2008
------------------------------------------------------------------------------*/
	
.table-vpn-doc-icon {
	text-align: left ;
	height: 20px ;
	background: url(http://www.thegreenbow.com/images/doc.gif) no-repeat 0 0 ;
	padding: 0px 0px 0px 22px ;
	}
	
/*------------------------------------------------------------------------------	
VPN_MOBILE (VISIO) Jilo oct 2008
------------------------------------------------------------------------------*/

.mob-visio {
	background: url(http://www.thegreenbow.com/images/visio/visio-gradient.gif) repeat-y 100% 0;
	display: block ;
	height: 255px ;
	width: 100% ;	
	}

.mob-visio-menu {
	float: right ;
	background: url(http://www.thegreenbow.com/images/visio/visio-gradient-stroke.gif) no-repeat 100% 100% ;
	display: block ;
	height: 255px ;
	width: 100px ;
	padding: 0 ;	
	}
	
.mob-visio-menu ul {
	margin: 8px 5px 0px 0px;
	padding: 0 ;
	display: block ;
	width: 90px ;
	}
	
.mob-visio-menu ul li {
	list-style: none ;
	list-style-image: none ;
	padding: 1px 0px ;
	}
	
a.mob-visio-menu-in {
	background: url(http://www.thegreenbow.com/images/visio/blue-arrow-38.gif) #C6CDDE no-repeat 0 0 ;
	}
	
a.mob-visio-menu-no {
	background-color: white ;
	}

.mob-visio-menu ul li a {
	display: block ;
	width: 90px ;
	height: 38px ;
	line-height: 38px ;
	padding: 0px 5px 0px 0px ;
	text-decoration: none ;
	color: #404040 ;
	text-align: right ;
	font-size: 9px ;
	font-weight: bold ;
	}
	
.mob-visio-menu ul li a:hover {
	display: block ;
	width: 90px ;
	height: 38px ;
	line-height: 38px ;
	padding: 0px 5px 0px 0px ;
	color: #404040 ;
	text-decoration: none ;
	text-align: right ;
	font-size: 9px ;
	font-weight: bold ;
	background: url(http://www.thegreenbow.com/images/visio/blue-arrow-38.gif) #C6CDDE no-repeat 0 0 ;
	}
	
/* ////// MENU CHINOIS ////// */
.zh_mob-visio-menu {
	float: right ;
	background: url(http://www.thegreenbow.com/images/visio/visio-gradient-stroke.gif) no-repeat 100% 100% ;
	display: block ;
	height: 255px ;
	width: 100px ;
	padding: 0 ;	
	}
	
.zh_mob-visio-menu ul {
	margin: 8px 5px 0px 0px;
	padding: 0 ;
	display: block ;
	width: 90px ;
	}
	
.zh_mob-visio-menu ul li {
	list-style: none ;
	list-style-image: none ;
	padding: 1px 0px ;
	}
	
.zh_mob-visio-menu ul li a {
	display: block ;
	width: 90px ;
	height: 38px ;
	line-height: 38px ;
	padding: 0px 5px 0px 0px ;
	text-decoration: none ;
	color: #404040 ;
	text-align: right ;
	font-size: 12px ;
	font-weight: bold ;
	}
	
.zh_mob-visio-menu ul li a:hover {
	display: block ;
	width: 90px ;
	height: 38px ;
	line-height: 38px ;
	padding: 0px 5px 0px 0px ;
	color: #404040 ;
	text-decoration: none ;
	text-align: right ;
	font-size: 12px ;
	font-weight: bold ;
	background: url(http://www.thegreenbow.com/images/visio/blue-arrow-38.gif) #C6CDDE no-repeat 0 0 ;
	} /* end chinois */

.mob-visio-window {
	float: left ;
	position: relative ;
	}

/* /////////////// div 1 // */	
.mob-visio-s1 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.mob-visio-s1 h3 {
	margin: 100px 0px 0px 250px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	font-size: 24px ;
	font-weight: bold ;
	}
	
.mob-visio-s1 p {
	margin: 20px 25px 0px 250px ;
	padding: 0 ;
	font-size: 10px ;
	line-height: 12px ;
	}
	
/* ////// DIV 1 CHINOIS ////// */	
.zh_mob-visio-s1 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.zh_mob-visio-s1 h3 {
	margin: 100px 0px 0px 250px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	font-size: 24px ;
	font-weight: bold ;
	}

.zh_mob-visio-s1 p {
	margin: 20px 25px 0px 250px ;
	padding: 0 ;
	font-size: 12px ;
	line-height: 18px ;
	} /* end chinois */
	
.square_dv1_img {
	float: left ;
	margin: 35px 0px 0px 25px ;
	width: 200px ;
	height: 205px ;
	background: url(http://www.thegreenbow.com/images/visio/win_mob.gif) no-repeat 0 0 ;
	}
	
.square_dv1_img p {
	text-indent: -5000px ;
	position: absolute ;
	}

/* /////////////// div 2 // */	
.mob-visio-s2 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.mob-visio-s2 h3 {
	margin: 35px 0px 0px 260px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	line-height: 21px ;
	font-size: 24px ;
	font-weight: bold ;
	}
		
.mob-visio-s2 p {
	margin: 15px 0px 0px 260px ;
	padding: 0 ;
	font-size: 10px ;
	line-height: 12px ;
	}
	
/* ////// DIV 2 CHINOIS ////// */	
.zh_mob-visio-s2 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.zh_mob-visio-s2 h3 {
	margin: 35px 0px 0px 260px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	line-height: 21px ;
	font-size: 24px ;
	font-weight: bold ;
	}
		
.zh_mob-visio-s2 p {
	margin: 15px 0px 0px 260px ;
	padding: 0 ;
	font-size: 12px ;
	line-height: 18px ;
	} /* end chinois */
	
.square_dv2_img {
	float: left ;
	margin: 40px 0px 0px 25px ;
	width: 240px ;
	height: 240px ;
	background: url(http://www.thegreenbow.com/images/visio/tunnel_pers3.gif) no-repeat 0 0 ;
	}

.square_dv2_img p {
	text-indent: -5000px ;
	position: absolute ;
	}
		
/* /////////////// div 3 // */	
.mob-visio-s3 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.mob-visio-s3 h3 {
	margin: 80px 0px 0px 310px ;
	padding: 0 ;
	background-image: none ;
	line-height: 21px ;
	color: #404040 ;
	font-size: 24px ;
	font-weight: bold ;
	}
	
/* ////// DIV 3 CHINOIS ////// */	
.zh_mob-visio-s3 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.zh_mob-visio-s3 h3 {
	margin: 80px 0px 0px 310px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	line-height: 21px ;
	font-size: 24px ;
	font-weight: bold ;
	} /* end chinois */
	
ul.square_menu_dv3 {
	margin: 25px 0px 0px 310px ;
	padding: 0 ;
	}
	
ul.square_menu_dv3 li {
	float: left ;
	list-style: none ;
	padding: 0px 10px 0px 0px ;
	}
		
ul.square_menu_dv3 li a {
	outline: none ;
	}
		
/* // square // */	
.square_dv3_en {
	float: left ;
	width: 250px ;
	height: 230px ;
	outline: none ;
	margin: 40px 0px 0px 35px ;
	background: url(http://www.thegreenbow.com/images/visio/square_dv1.gif) white no-repeat 0px 0px ;
	}
	
.square_dv3_fr {
	float: left ;
	width: 250px ;
	height: 230px ;
	outline: none ;
	margin: 40px 0px 0px 35px ;
	background: url(http://www.thegreenbow.com/images/visio/square_dv1.gif) white no-repeat 0px -235px ;
	}
	
.square_dv3_sp {
	float: left ;
	width: 250px ;
	height: 230px ;
	outline: none ;
	margin: 40px 0px 0px 35px ;
	background: url(http://www.thegreenbow.com/images/visio/square_dv1.gif) white no-repeat 0px -470px ;
	}
	
.square_dv3_pt {
	float: left ;
	width: 250px ;
	height: 230px ;
	outline: none ;
	margin: 40px 0px 0px 35px ;
	background: url(http://www.thegreenbow.com/images/visio/square_dv1.gif) white no-repeat 0px -705px ;
	}
	
.square_dv3_de {
	float: left ;
	width: 250px ;
	height: 230px ;
	outline: none ;
	margin: 40px 0px 0px 35px ;
	background: url(http://www.thegreenbow.com/images/visio/square_dv1.gif) white no-repeat 0px -940px ;
	}
	
.square_dv3_en p, .square_dv3_fr p, .square_dv3_sp p, .square_dv3_de p, .square_dv3_pt p, .square_dv3_mob p {
	position: absolute ;
	text-indent: -5000px ;
	}
	
.square_li_en {
	text-indent: -5000px ;
	display: block ;
	width: 16px ;
	height: 14px ;
	background: url(http://www.thegreenbow.com/images/visio/flags.gif) no-repeat 0 0 ;
	float: left ;
	}
	
.square_li_fr {
	text-indent: -5000px ;
	display: block ;
	width: 16px ;
	height: 14px ;
	background: url(http://www.thegreenbow.com/images/visio/flags.gif) no-repeat 0px -15px ;
	}
	
.square_li_sp {
	text-indent: -5000px ;
	display: block ;
	width: 16px ;
	height: 14px ;
	background: url(http://www.thegreenbow.com/images/visio/flags.gif) no-repeat 0px -30px ;
	}
	
.square_li_de {
	text-indent: -5000px ;
	display: block ;
	width: 16px ;
	height: 14px ;
	background: url(http://www.thegreenbow.com/images/visio/flags.gif) no-repeat 0px -45px ;
	}
	
.square_li_pt {
	text-indent: -5000px ;
	display: block ;
	width: 16px ;
	height: 14px ;
	background: url(http://www.thegreenbow.com/images/visio/flags.gif) no-repeat 0px -60px ;
	}
	
.square_li_mob {
	text-indent: -5000px ;
	display: block ;
	width: 16px ;
	height: 14px ;
	background: url(http://www.thegreenbow.com/images/visio/flags.gif) no-repeat 0px -75px ;
	}
		
/* /////////////// div 4 // */	
.mob-visio-s4 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	}
	
.mob-visio-s4 h3 {
	margin: 65px 0px 0px 200px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	font-size: 24px ;
	font-weight: bold ;
	}
	
.mob-visio-s4 ul {
	margin: 10px 0px 0px 200px ;
	padding: 0 ;
	}

.mob-visio-s4 ul li {
	list-style: none ;
	list-style-image: none ;
	display: inline ;
	padding: 0px 15px 0px 0px ;
	}
	
.mob-visio-s4 ul li a {
	color: #7180BB ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.mob-visio-s4 ul li a:hover {
	color: #C6CDDE ;
	font-weight: bold ;
	text-decoration: underline ;
	}
	
.mob-visio-s4 p {
	margin: 10px 10px 10px 200px ;
	padding: 0 ;
	font-size: 10px ;
	line-height: 12px ;
	}
	
/* ////// DIV 4 CHINOIS ////// */	
.zh_mob-visio-s4 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	}
	
.zh_mob-visio-s4 h3 {
	margin: 65px 0px 0px 200px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	line-height: 21px ;
	font-size: 24px ;
	font-weight: bold ;
	}
	
.zh_mob-visio-s4 ul {
	margin: 10px 0px 0px 200px ;
	padding: 0 ;
	}

.zh_mob-visio-s4 ul li {
	list-style: none ;
	list-style-image: none ;
	display: inline ;
	padding: 0px 15px 0px 0px ;
	}
	
.zh_mob-visio-s4 ul li a {
	color: #7180BB ;
	font-weight: bold ;
	text-decoration: none ;
	}
	
.zh_mob-visio-s4 ul li a:hover {
	color: #C6CDDE ;
	font-weight: bold ;
	text-decoration: underline ;
	}
		
.zh_mob-visio-s4 p {
	margin: 10px 10px 10px 200px ;
	padding: 0 ;
	font-size: 12px ;
	line-height: 18px ;
	} /* end chinois */
	
.square_dv4_conf {
	float: left ;
	margin: 50px 0px 0px 25px ;
	width: 170px ;
	height: 170px ;
	background: url(http://www.thegreenbow.com/images/visio/easy_dep6.gif) no-repeat 0 0 ;
	}
	
.square_dv4_dns {
	float: left ;
	margin: 25px 0px 0px 25px ;
	width: 170px ;
	height: 255px ;
	background: url(http://www.thegreenbow.com/images/visio/easy_dep6.gif) no-repeat 0px -170px ;
	}
	
.square_dv4_conf p, .square_dv4_dns p {
	text-indent: -5000px ;
	position: absolute ;
	}

/* /////////////// div 5 // */	
.mob-visio-s5 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.mob-visio-s5 h3 {
	margin: 50px 0px 0px 200px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	line-height: 23px ;
	font-size: 24px ;
	font-weight: bold ;
	}
	
.mob-visio-s5 p {
	margin: 10px 25px 0px 200px ;
	padding: 0 ;
	font-size: 10px ;
	line-height: 12px ;
	}
	
/* ////// DIV 5 CHINOIS ////// */	
.zh_mob-visio-s5 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.zh_mob-visio-s5 h3 {
	margin: 50px 0px 0px 200px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	line-height: 21px ;
	font-size: 24px ;
	font-weight: bold ;
	}
		
.zh_mob-visio-s5 p {
	margin: 10px 25px 0px 200px ;
	padding: 0 ;
	font-size: 12px ;
	line-height: 18px ;
	} /* end chinois */
	
.square_dv5_img {
	float: left ;
	margin: 20px 0px 0px 35px ;
	width: 140px ;
	height: 250px ;
	background: url(http://www.thegreenbow.com/images/visio/xauth.gif) no-repeat 0 0 ;
	}
	
.square_dv5_img p {
	text-indent: -5000px ;
	position: absolute ;
	}

/* /////////////// div 6 // */	
.mob-visio-s6 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.mob-visio-s6 h3 {
	position: absolute ;
	z-index: 2 ;
	margin: 25px 0px 0px 30px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	font-size: 24px ;
	font-weight: bold ;
	}
	
.mob-visio-s6 h4  {
	position: absolute ;
	z-index: 2 ;
	margin: 15px 0px 0px 30px ;
	padding: 0 ;
	text-indent: 0 ;
	background-image: none ;
	color: #C6CDDE ;
	font-size: 9px ;
	font-weight: bold ;
	}
	
.mob-visio-s6 p {
	margin: 10px 25px 0px 200px ;
	padding: 0 ;
	font-size: 10px ;
	line-height: 12px ;
	}
	
/* ////// DIV 6 CHINOIS ////// */	
.zh_mob-visio-s6 {
	position: absolute ;
	background-color: white ;
	width: 475px ;
	height: 255px ;
	margin: 0 ;
	padding: 0 ;
	}
	
.zh_mob-visio-s6 h3 {
	position: absolute ;
	z-index: 2 ;
	margin: 25px 0px 0px 30px ;
	padding: 0 ;
	background-image: none ;
	color: #404040 ;
	line-height: 21px ;
	font-size: 24px ;
	font-weight: bold ;
	}
	
.zh_mob-visio-s6 h4  {
	position: absolute ;
	z-index: 2 ;
	margin: 15px 0px 0px 30px ;
	padding: 0 ;
	text-indent: 0 ;
	background-image: none ;
	color: #C6CDDE ;
	font-size: 9px ;
	font-weight: bold ;
	}
		
.zh_mob-visio-s6 p {
	margin: 10px 25px 0px 200px ;
	padding: 0 ;
	font-size: 12px ;
	line-height: 18px ;
	} /* end chinois */	

.square_dv6_img {
	z-index: 1 ;
	position: absolute ;
	margin: 0 ;
	padding: 0 ;
	width: 475px ;
	height: 255px ;
	background: url(http://www.thegreenbow.com/images/visio/visio_mob_spt.gif) no-repeat 0px -200px ;
	}
	
.square_dv6_img p {
	text-indent: -5000px ;
	position: absolute ;
	}
	
/* // square_menu // */	
ul.square_menu {
	padding: 0 ;
	margin: 0 ;
	}
	
ul.square_menu li {
	float: left ;
	list-style: none ;
	padding: 0px 10px 0px 0px ;
	}
	
.mob-visio-end {
	clear: both ;
	}
	
/*------------------------------------------------------------------------------	
VPN_MOBILE (FLASH) Jilo oct 2008
------------------------------------------------------------------------------*/	

.mob-flash {
	margin: 10px 0px 30px 0px ;
	}
	
.mob-flash ul {
	margin: 0 ;
	padding: 0 ;
	}
	
.mob-flash ul li {
	list-style: none ;
	list-style-image: none ;
	margin: 0px 0px 18px 0px ;
	padding: 10px 0px ;
	background-color: #F8F8F8 ;
	}
	
.mob-flash ul li a {
	display: block ;
	width: 80px ;
	background: url(http://www.thegreenbow.com/images/vpn_mobile_screenshot.jpg) no-repeat 0 0 ;
	padding: 60px 0px 0px 0px ;
	color: #5A5A5A;
	line-height: 14px ;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}
	
.mob-flash ul li a:hover {
	color: #5A5A5A;
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	}
	
.mob-flash ul li a span {
	background: url(http://www.thegreenbow.com/images/zoom.gif) no-repeat 0 0 ;
	padding: 0px 0px 0px 15px ;
	color: #0066CC;
	}
	
/*------------------------------------------------------------------------------	
PARTNERS (recruitment reseller page) Jilo dec 2008
------------------------------------------------------------------------------*/
#partners_global, #partners_program {
	margin: 40px 0px ;
	overflow: none ;
	}
	
#partners_global h3 {
	float: left ;
	margin: 25px 0px 10px 0px ;
	padding: 0 ;
	font-size: 12px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold ;
	background-image: none ;
	}
	
#partners_global h4, #partners_global p {
	margin: 20px 20px 10px 30px ;
	}
	
#partners_global ul li {
	margin: 5px 20px 5px 30px ;
	}
	
.h3_title span {
	display: block ;
	padding: 0px 0px 0px 15px ;
	color: white ;
	background-color: #C6CDDE ;
	width: 440px ;
	height: 20px ;
	line-height: 20px ;
	text-transform: uppercase ;
	}

.h3_joinus a {
	background: url(http://www.thegreenbow.com/images/arrow-partner-sprite.gif) #7586b0 no-repeat 0 0 ;
	display: block ;
	width: 110px ;
	height: 20px ;
	line-height: 20px ;
	color: white ;
	text-decoration: none ;
	text-align: center ;
	outline: none ;
	}

.h3_joinus a:hover {
	background: url(http://www.thegreenbow.com/images/arrow-partner-sprite.gif) #6B6D79 no-repeat 0 -21px ;
	display: block ;
	width: 110px ;
	height: 20px ;
	line-height: 20px ;
	font-weight: bold ;
	color: white ;
	text-decoration: none ;
	text-align: center ;
	outline: none ;
	}

/* //////// partner program page ///////// */	
#partners_program h3 {
	margin: 30px 0px 20px 0px ;
	font-size: 12px ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-weight: bold ;
	text-transform: uppercase ;
	}
	
#partners_program h3 span {
	padding: 0px 0px 0px 20px ;
	}
	
.h3_program1 {
	background: url(../images/puce-nb-sprite.gif) no-repeat 0 0 ;
	}
	
.h3_program2 {
	background: url(../images/puce-nb-sprite.gif) no-repeat 0 -23px ;
	}
	
.h3_program3 {
	background: url(../images/puce-nb-sprite.gif) no-repeat 0 -46px ;
	}
	
#partners_program p {
	margin: 20px 20px 10px 0px ;
	}
	
#partners_program ul {
	margin: 15px 0px 10px 30px ;
	}
	
#partners_program ul li {
	list-style: none ;
	list-style-image: none ;
	margin: 0px 0px 5px 20px ;
	padding: 2px 0px ;
	}
	
li.partners-arrow a {
	background: url(../images/arrow-blue-13.gif) no-repeat 3% 50% ;
	padding: 2px 0px 2px 25px ;
	color: #404040 ;
	text-decoration: none ;
	outline: none ;
	}
	
li.partners-arrow a:hover {
	background: url(../images/arrow-blue-13.gif) no-repeat 3% 50% ;
	padding: 2px 0px 2px 25px ;
	color: #5c8ab9 ;
	text-decoration: underline ;
	outline: none ;
	}
	
li.partners-doc a {
	background: url(../images/doc.gif) no-repeat 0% 50% ;
	padding: 2px 0px 2px 25px ;
	color: #404040 ;
	text-decoration: none ;
	}
	
li.partners-doc a:hover {
	background: url(../images/doc.gif) no-repeat 0% 50% ;
	padding: 2px 0px 2px 25px ;
	color: #5c8ab9 ;
	text-decoration: underline ;
	}
			
/*------------------------------------------------------------------------------
jc/060928: table list
------------------------------------------------------------------------------*/
.table_list {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	border-width: 1px;
	border-collapse: collapse;
	border-bottom: 1px solid #707070;
}

.table_list th {
	border-bottom: 1px solid #707070;
	padding-left: 3px;
}

.table_list .trwhite {
	background-color: #FFFFFF;
}

.table_list .trgray {
	background-color: #F0F0F0;
}

.table_list .trwhite td {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 3px;
}

.table_list .trgray td {
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 3px;
}

.table_list2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.table_list2 th{
	border-bottom:solid 1px #333333;
	color:#333333;
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
	text-align: center;
}

.table_list2 td{
	background-color:#FDFDFD;
	padding-left:4px;
	padding-right:2px;
	color:#666666;
	padding-top:2px;
	padding-bottom:2px;
}

a.dark, a:visited.dark, a:hover.dark{
	color:#333333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/* JILO A VIRER */
.table_list_red {
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	border-width: 1px;
	border-collapse: collapse;
	border-bottom: 1px solid #707070;
}

/*------------------------------------------------------------------------------
jc/060928: table form
------------------------------------------------------------------------------*/

.table_form {
	color: #707070;								/* font color. */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	border-collapse: collapse;
}

.table_form th {
	background-color: #CBFF97;
	border: 1px solid #A0A0A0;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.table_form td {
	border: 1px solid #A0A0A0;
	padding-left: 3px;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
}
.table_grey{
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;
	border-collapse: collapse;
}
.table_grey th{
	border: 1px solid #A0A0A0;
	background-color: #f0f0f0;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right: 6px;
}
.table_grey td{
	border: 1px solid #A0A0A0;
	padding-left: 6px;
	padding-right: 6px;
}
.bleu{
	/*COLOR: #0066CC;*/
	font-weight:bold;
}
.red{
	color:#FF0000;
}
.grey16{
	color: #707070;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding-top:8px;
}
/*******************************************************************************************/
table.noborder {
	border:none;
}
table.noborder td{
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;	
}
select.arial11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;	
}
input.arial11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;	
}
textarea.arial11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #707070;	
}
.input_style1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left:2px;
	border:1px solid #BEDCB6;
	font-size:11px;
}
.td_green_border{
	border: solid 1px #FFFFFF;
	background-color:#cff7a8;
}
/*------------------------------------------------------------------------------
jc/061102: Must be at the very end of the .css file, and especially NOT before
declaration of class 'table_border','table_form',etc...
Else, "td" inherits of border=1px of the previous declared table classes !
This enables to draw blank-bordered-tables IN table_form or table_border.
------------------------------------------------------------------------------*/
/*
.normal td {
	border: 0px;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
*/
tr.tr_souligne td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
tr.tr_souligne2 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height:24px;
}
tr.noborder2 td {
	border:none;
}
td.td_souligne {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
tr.nopadding td {
	padding: 0px!important;
}
.gris20 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666666;
}
td.td_souligne_p5 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top:5px;
}
td.td_s_p5_vt {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top:5px;
	vertical-align:top;/**/
}
td.td_p5_vt {
	padding-top:5px;
	vertical-align:top;/**/
}
table.tb_w220 {
	border: none;
	border-spacing: 0px; 
	border-collapse: collapse;
	padding:0px;
	width:220px;
}
.a_left td{
	text-align: left;
}
/**********************************************************/
/************ BOUTONS *************************************/
a.bouton_simple, a:visited.bouton_simple{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
}
a:hover.bouton_simple {
	color: #13608e;
}
a.bt_link_back, a:visited.bt_link_back,
a.bouton_lien, a:visited.bouton_lien {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/icones/arrow_green_n.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
}
a:hover.bt_link_back,
a:hover.bouton_lien {
	background-image: url(../images/icones/arrow_blue_n.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	color: #13608e;
}
a.bt_link_back, a:visited.bt_link_back {
	background-image: url(../images/icones/arrow_green_b.gif);
}
a:hover.bt_link_back {
	background-image: url(../images/icones/arrow_blue_b.gif);
}
a.menu_email, a.menu_email:visited {
	background-image: url(../images/icones/email_icone.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	COLOR: #707070; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
	padding-left: 20px;
	padding-top:1px;
	height:16px;
	display:block;
}
a.menu_email:hover{	
	text-decoration: underline;/**/
}
a.menu_left{
	COLOR: #707070;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
	background-image: url(../images/bull7.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:14px;
	padding-bottom:2px;
	/*padding-top:4px;*/
	height:14px;
	display:block;
}
a.menu_left:hover{	
	text-decoration: underline;/**/
}
a.gr1, a.gr1:visited{
	color: #2a935a;
	text-decoration:none;
}
a.gr1:hover{	
	text-decoration: underline;/**/
}
/* ///// GR2 : n�cessaire pour PRODUCTS page ///// */
a.gr2, a.gr2:visited{
	color: #00600;
	text-decoration:none;
}
a.gr2:hover{	
	text-decoration: underline;
}
/* ///// */
a.play_ico, a.play_ico:visited{
	background-image:url(../images/icones/play_ico.gif);
	color: #2a935a;
	font-weight:bold;
	text-decoration:none;
	background-position: right 0px;
	background-repeat:no-repeat;
	padding-right:18px;
	padding-top:1px;
	padding-bottom:2px;
	height:16px;
}
a.play_ico:hover{	
	text-decoration: underline;/**/
}
/* ///// play_ico2 : n�cessaire pour PRODUCTS page ///// */
a.play_ico2, a.play_ico2:visited{
	background-image:url(../images/icones/play_ico.gif);
	color: #006600;
	font-weight:bold;
	text-decoration:none;
	background-position: right 0px;
	background-repeat:no-repeat;
	padding-right:18px;
	padding-top:1px;
	padding-bottom:2px;
	height:16px;
}
a.play_ico2:hover{	
	text-decoration: underline;
}
/* ///// */
a.b_orange, a.b_orange:visited{
	background-image:url(../images/icones/button_orange_bkg.gif);
	background-repeat:no-repeat;
	width:59px;
	height:16px;
	padding-top:4px;
	text-align:center;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
a.blue_link, a.blue_link:visited, a.blue_link:active{
	color: #6480C0;								/* test jc090126 COLOR: #0066CC; */
	font-size: 12px;
	text-decoration: none;
}
a.blue_link:hover{
	text-decoration: underline;
}
a.blue_arrow, a.blue_arrow:visited{
	background-image:url(../images/icones/ico_arrow.gif);
	background-repeat:no-repeat;
	background-position: 1px 0px;
	padding-left: 20px;
	text-align:left;
	COLOR: #707070;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;	
}
a.blue_arrow:hover {
	TEXT-DECORATION: underline;
	background-position: 3px 0px;
}
a.product, a.product:visited{
	color:#7978be;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	text-decoration:none;
	font-weight:bold;
	font-style:italic;
}
a.product:hover{
	text-decoration: underline;
}
/************************************/
.admin_fond{
	background-image:url(../admin/img/head20.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:37px;
	padding-top:5px;
}
/*------------------------------------------------------------------------------
PRODUCT TABLE : JC. Add Jilo Sept. 2008
------------------------------------------------------------------------------*/
/* JC */
div.Ptop {
	background-image:url(../images/products_img/p_tab_top.gif);
	width:560px;
	height:14px;
	}
	
div.Pbottom {
	background-image:url(../images/products_img/p_tab_bottom.gif);
	width:560px;
	height:14px;
	}
	
div.Ptext {
	background-image:url(../images/products_img/p_tab_bkg.gif);
	width:532px;
	margin:0px;
	padding: 0px 14px ;
	}
	
div.Pline {
	background-image:url(../images/products_img/p_tab_line.gif);
	width:560px;
	height:14px;
	}
/* end JC begin Jilo */
div#Pcontent {
	margin: 0px 0px 0px 8px ;
	}
	
/*///////// intro sprite + indent //*/		
div#Pintro {
	margin: 0px 0px 10px 0px ;
	text-indent: -5000px ;
	background: url(http://www.thegreenbow.com/images/products.jpg) 100% 0% no-repeat;
	width: 577 px ;
	height: 191px ;
	}	
	
#Pintro-txt p {
	margin: 0px 0px 10px 10px ;
	text-align: left ;
	}

/*///////// titles sprite + titles indent //*/	
div#Pintro h2 {
	text-indent: -5000px ;
	background-image: none ;
	}

.Pprod {
	margin: 15px 0px 0px 0px ;
	height: 200px ;
	}
		
.Pprod h3 {
	margin: 0 ;
	padding: 0 ;
	font-family: Arial, Helvetica, sans-serif ;
	font-stretch: condensed ;
	font-weight: 100 ;
	font-size: 19px ;
	color: #006600 ;
	background-image: none ;
	}
	
.Pprod h3 span {
	color: #88EC25 ;
	}
	
.Pprod h4 {
	margin: 25px 0px 15px 0px ;
	padding: 0 ;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif ;
	line-height: 22px ;
	font-stretch: condensed ;
	font-weight: bold ;
	font-size: 24px ;
	color: #6B6D79 ;
	}
	
.Pprod ul {
	margin: 20px 0px 0px 0px ;
	padding: 0 ;
	}
	
.Pprod ul li {
	margin: 0 ;
	padding: 0px 20px 0px 0px ;
	list-style-image: none ;
	display: inline ;
	}

/*///////// image sprite + legend indent //*/
#Pvpn-img a {
	display: block ;
	background: url(http://www.thegreenbow.com/images/products_img/p_pict_global.jpg) 75% 0 no-repeat;
	outline: none ;
	height: 220px ;
	}
	
#Pmob-img a {
	display: block ;
	background: url(http://www.thegreenbow.com/images/products_img/p_pict_global.jpg) 75% -230px no-repeat;
	outline: none ;
	height: 220px ;
	}
	
#Pcml-img a {
	display: block ;
	background: url(http://www.thegreenbow.com/images/products_img/p_pict_global.jpg) 75% -460px no-repeat;
	outline: none ;
	height: 220px ;
	}
	
#Pvpn-img a span , #Pmob-img a span, #Pcml-img a span {
	display: block ;
	text-indent: -5000px ;
	background-image: none ;
	}
	
/*------------------------------------------------------------------------------
CML Page : Jilo Nov. 2008
------------------------------------------------------------------------------*/

#CMLintro1 {
	background: url(http://www.thegreenbow.com/images/cml-1.jpg) no-repeat 100% 0 ;
	width: 100% ;
	height: 300px ;
	}
	
#CMLintro2 {
	background: url(http://www.thegreenbow.com/images/cml-11.jpg) no-repeat 100% 0 ;
	width: 577px ;
	height: 300px ;
	}
	
#CMLintro1 h2 {
	background-image: none ;
	font-size: 31px ;
	font-weight: bold ;
	margin: 130px 0px 10px 20px ;
	padding: 0 ;
	text-indent: 0px;
	}
	
#CMLintro2 h2 {
	background-image: none ;
	font-size: 31px ;
	font-weight: bold ;
	margin: 100px 0px 10px 20px ;
	padding: 0 ;
	text-indent: 0px;
	}
	
#CMLintro1 p, #CMLintro2 p {
	font-size: 15px ;
	font-weight: bold ;
	margin: 0px 0px 0px 20px ;
	padding: 0 ;
	}

#cml_content {
	padding: 10px 0px 30px 14px ;
	}
	
.cml_chap {
	width: 250px ;
	margin: 5px 5px 30px 5px ;
	padding: 5px ;
	float: left ;
	}

.cml_chap h3 {
	background-image: none ;
	margin: 0 ;
	padding: 10px 0px 0px 85px ;
	height: 68px ;
	}
	
.cml_chap p {
	text-align: justify ;
	}
	
h3.cml_title1 {
	background: url(http://www.thegreenbow.com/images/cml_feature.jpg) no-repeat 0px 0px ;
	}
	
h3.cml_title2 {
	background: url(http://www.thegreenbow.com/images/cml_feature.jpg) no-repeat 0px -80px ;
	}
	
h3.cml_title3 {
	background: url(http://www.thegreenbow.com/images/cml_feature.jpg) no-repeat 0px -320px ;
	}
	
h3.cml_title4 {
	background: url(http://www.thegreenbow.com/images/cml_feature.jpg) no-repeat 0px -160px ;
	}
	
/************************ Page Buy *********************************/
#lic_content{
	display:none;
	padding-left:4px;
}
#lic_num_input{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
.orange{
	color:#FF8D0F;
}
.bordeaux{
	color:#CC0000;
}
.barre{
	background-image:url(../images/elements/barre.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	font-weight:bold;
}

/**********************************************************************/
/****************************** Onglets *******************************/
div.ongCont{
	height: 29px;
	background-image:url(../images/elements/onglets/ong_line_bkg.gif);
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
td.ongGreyLeft, td.ongGreyRight,
td.ongWhiteLeft, td.ongWhiteRight {
	height:29px;
	width:9px;
	background-position:top right;
	background-repeat:no-repeat;
}
td.ongGreyLeft{
	background-image:url(../images/elements/onglets/ong_grey_left.gif);
}
td.ongGreyRight{
	background-image:url(../images/elements/onglets/ong_grey_right.gif);
	background-position:top left;
}
td.ongWhiteLeft{
	background-image:url(../images/elements/onglets/ong_white_left.gif);
}
td.ongWhiteRight{
	background-image:url(../images/elements/onglets/ong_white_right.gif);
	background-position:top left;
}
td.ongGreyLeftNB, td.ongGreyRightNB {
	height:29px;
	width:8px;
	background-position:top right;
	background-repeat:no-repeat;
}
td.ongGreyLeftNB{
	background-image:url(../images/elements/onglets/ong_grey_left_noborder.gif);
}
td.ongGreyRightNB{
	background-image:url(../images/elements/onglets/ong_grey_right_noborder.gif);
	background-position:top left;
}
td.ongGreyBkg, td.ongWhiteBkg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	height: 29px;
	padding-top:2px;
	padding-left:6px;
	padding-right:6px;
	background-repeat:repeat-x;
}
td.ongGreyBkg a, td.ongWhiteBkg a,
td.ongGreyBkg a:hover, td.ongWhiteBkg a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
td.ongGreyBkg {
	background-image:url(../images/elements/onglets/ong_grey_bkg.gif);
}
td.ongWhiteBkg {
	background-image:url(../images/elements/onglets/ong_white_bkg.gif);
}


/*------------------------------------------------------------------------------
RESELLER Jilo august 2008
------------------------------------------------------------------------------*/

form {
	margin:0pt;
	padding:0pt;
	}

h2#h2_resellers {
	margin-top: 30px ;
	}

div.menu_reseller {
	margin-top: 25px ;
	width: 540px ;
	}

div.menu_reseller ul {
	margin:0pt ;
	padding:0pt ;
	list-style:none;
	}
	
div.menu_reseller ul li {
	float:left;
	list-style:none;
	text-align: center ;
	border-bottom: 1px solid #505050 ;
	}
	
div.menu_reseller ul li.select a {
	display: block;
	width: 135px ;
	height: 20px ;
	padding-top: 5px ;
	background:url(../images/menu_reseller.gif) no-repeat right -50px;
	color: #666666 ;
	text-decoration: none ;
	}
	
div.menu_reseller ul li.selected a {
	display:block;
	width: 135px ;
	height: 20px ;
	padding-top: 5px ;
	background:url(../images/menu_reseller.gif) no-repeat right 0px;
	color: #666666 ;
	text-decoration: none ;
	}
	
div.menu_reseller ul li a:hover {
	display:block;
	width: 135px ;
	height: 20px ;
	padding-top: 5px ;
	background: url(../images/menu_reseller.gif) 100% -25px ;
	color: #666666 ;
	text-decoration: none ;
	}		

#list_reseller {
	clear: left ;
	}
	
table#table_search {
	background-color: #F8F8F8 ;
	width: 540px ;
	}
	
table#table_search tr td {
	padding: 10px 0px 10px 10px ;
	height: 20px ;
	}
	
.option-us {
	color:#990000 ;
	font-weight: bold ;
	}
	
div.tab-reseller h3 {
	background: none ;
	padding: 0px 0px 0px 10px ;
	margin: 15px 0px 5px 0px ;
	COLOR: #707070;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
	}
	
.div-partner {
	margin-bottom: 10px ;
	}
		
table.level1 {
	border-right: 3px solid #505050 ;
	background-color: #F4F4F4 ;
	padding: 10px 0px ;
	margin-bottom: 5px ;
	}
	
table.level1 p {
	padding-bottom: 3px ;
	}
	
table.level1 span {
	padding-top: 10px ;
	}

table.level3 {
	padding: 10px 0px ;
	margin-bottom: 5px ;
	}
	
table.level3 p {
	padding-bottom: 3px ;
	}
	
table.level3 span {
	padding-top: 10px ;
	}
	
td.onlineshop {
	 text-align: right ;
	 padding: 0px 10px 0px 0px ;
	 }
	 
td.onlineshop a img {
	 border: 0 ;
	 }

/*////////////////////////// design simple */
.level2 {
	background-color: #F8F8F8 ;
	border: 1px solid #505050 ;
	padding: 10px 0px ;
	}
	
.level3 {
	padding: 10px 0px ;
	}
	
	
/*------------------------------------------------------------------------------
jc080404. Dynamic popup display. Associated with javascript function "DynPopup()"
& html code "<span>". Cf. comment in "/commun/script.js"
------------------------------------------------------------------------------*/
#dynpopup { position:absolute; visibility:hidden; }
