/* CSS Document */
body {
	margin: 0;
	font-family: 'Lucida Grande', Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif;
	font-size: 12px;
	background: #fff url(../assets/background_main.gif) repeat-x;
	color: #333333;
}

h1 {
	font-size: 24px;
	color: #333333;
	margin: 20px 0px 20px 0px;
	font-weight: normal;
}

h2 {
	font-size: 1.1em;
	color: #878787;
	margin: 26px 0px 0px 0px;
	font-weight: normal;
}

h3 {
	font-size: 1.1em;
	color: #821E81;
	margin: 24px 0px 0px 0px;
	font-weight: normal;
}

h4 {
	font-size: 10px;
}

h5 {
	color: #000000;
	padding: 0;
	font-size: 11px;
}

h6 {
	color: #333333;
	padding: 0;
	font-size: 16px;
	margin: 0;
}

img {
	border: 0;
}

#prechargement {
 display: none;
}

#language {
	position: fixed;
	top: 20px;
	height: 26px;
	right: 5px;
}

/* NAVBAR */

#navbar {
	background-image: url(../assets/navbar1.gif);
	background-repeat: no-repeat;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	position: relative;
	font-size: 11px;
}

#navbar ul {
	margin: 0;
	padding: 0px 0px 0px 434px;
	list-style: none;
}

#navbar li {
	display: inline;
	float: left;
	margin: 0;
}

#navbar li a {
	color: #5789CC;
	display: block;
	padding: 0px 7px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

#navbar li a.current {
	color: #333333;
	cursor: default;
}

#navbar li a.last {
	border-right-style: none;
}

#navbar li a:hover {
	color: #333333;
}

/* Fix IE. Hide from IE Mac \*/
* html #navbar ul li { 
	float: left; height: 1%; 
}
* html #navbar ul li a { 
	height: 26px; 
}

/* End */


/* NAVBAR2 */

#navbar2 {
	height: 24px;
	margin: 0 auto;
	background-image: url(../assets/navbar1.gif);
	padding: 0;
}

/* End */


/* NAVTAB */

#nav-tab {
	height: 16px;
	font-size: 100%;
}

#nav-tab ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-tab li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

#nav-tab li a {
	background-image: url(../assets/tb/tb1_middle_light.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #fff;
	color: #fff;
	display: block;
	height: 16px;
	padding: 0px 9px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
}

#nav-tab li.left a {
	background-image: url(../assets/tb/tb1_left_light.gif);
	background-position: left;
	background-repeat: no-repeat;
	border: 0;
	padding-left: 11px;
}

#nav-tab li.right a {
	background-image: url(../assets/tb/tb1_right_light.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 11px;
}

#nav-tab li a.active {
	cursor: default;
	background-image: url(../assets/tb/tb1_middle_deep.gif);
	background-repeat: repeat-x;
}

#nav-tab li.left a.active {
	background-image: url(../assets/tb/tb1_left_deep.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#nav-tab li.right a.active {
	background-image: url(../assets/tb/tb1_right_deep.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#nav-tab li a:hover {
	background-image: url(../assets/tb/tb1_middle_deep.gif);
}

#nav-tab li.left a:hover {
	background-image: url(../assets/tb/tb1_left_deep.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#nav-tab li.right a:hover {
	background-image: url(../assets/tb/tb1_right_deep.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* ----------------------------------------------- nav tab blue */

#nav-tab-large {
	font-size: 100%;
	height: 18px;
}

#nav-tab-large ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-tab-large li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

#nav-tab-large li a {
	background-image: url(../assets/tb_large/tb1_middle_light.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #fff;
	color: #fff;
	display: block;
	height: 18px;
	padding: 0px 9px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
	line-height: 18px;
}

#nav-tab-large li.left a {
	background-image: url(../assets/tb_large/tb1_left_light.gif);
	background-position: left;
	background-repeat: no-repeat;
	border: 0;
	padding-left: 11px;
}

#nav-tab-large li.right a {
	background-image: url(../assets/tb_large/tb1_right_light.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 11px;
}

#nav-tab-large li a.active {
	cursor: default;
	background-image: url(../assets/tb_large/tb1_middle_deep.gif);
	background-repeat: repeat-x;
}

#nav-tab-large li.left a.active {
	background-image: url(../assets/tb_large/tb1_left_deep.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#nav-tab-large li.right a.active {
	background-image: url(../assets/tb_large/tb1_right_deep.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#nav-tab-large li a:hover {
	background-image: url(../assets/tb_large/tb1_middle_deep.gif);
}

#nav-tab-large li.left a:hover {
	background-image: url(../assets/tb_large/tb1_left_deep.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#nav-tab-large li.right a:hover {
	background-image: url(../assets/tb_large/tb1_right_deep.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* ----------------------------------------------- nav tab black */

#nav-tab2-large {
	font-size: 11px;
	height: 18px;
	font-weight: normal;
}

#nav-tab2-large ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-tab2-large li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

#nav-tab2-large li a {
	background-image: url(../assets/tb_large/tb2_middle_light.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #fff;
	color: #fff;
	display: block;
	height: 18px;
	padding: 0px 9px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
	line-height: 18px;
}

#nav-tab2-large li.left a {
	background-image: url(../assets/tb_large/tb2_left_light.gif);
	background-position: left;
	background-repeat: no-repeat;
	border: 0;
	padding-left: 11px;
}

#nav-tab2-large li.right a {
	background-image: url(../assets/tb_large/tb2_right_light.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 11px;
}

#nav-tab2-large li a.active {
	cursor: default;
	background-image: url(../assets/tb_large/tb2_middle_deep.gif);
	background-repeat: repeat-x;
}

#nav-tab2-large li.left a.active {
	background-image: url(../assets/tb_large/tb2_left_deep.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#nav-tab2-large li.right a.active {
	background-image: url(../assets/tb_large/tb2_right_deep.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#nav-tab2-large li a:hover {
	background-image: url(../assets/tb_large/tb2_middle_deep.gif);
}

#nav-tab2-large li.left a:hover {
	background-image: url(../assets/tb_large/tb2_left_deep.gif);
	background-position: left;
	background-repeat: no-repeat;
}

#nav-tab2-large li.right a:hover {
	background-image: url(../assets/tb_large/tb2_right_deep.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/* ---------------------- */

#nav-tab2 {
	height: 16px;
	font-size: 11px;
}

#nav-tab2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-tab2 li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

#nav-tab2 li a {
	background-color: #BCBCBC;
	border-left: 1px solid #fff;
	color: #fff;
	display: block;
	height: 16px;
	line-height: 16px;
	padding: 0px 9px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
}

#nav-tab2 li.left_2 a {
	background: #BCBCBC url(../assets/tb2_left_light.gif) left no-repeat;
	border: 0;
	padding-left: 11px;
}

#nav-tab2 li.right_2 a {
	background: #BCBCBC url(../assets/tb2_right_light.gif) right no-repeat;
	padding-right: 11px;
}

#nav-tab2 li a.active2 {
	background-color: #999999;
	cursor: default;
}

#nav-tab2 li.left_2 a.active2 {
	background: #999999 url(../assets/tb2_left_deep.gif) left no-repeat;
}

#nav-tab2 li.right_2 a.active2 {
	background: #999999 url(../assets/tb2_right_deep.gif) right no-repeat;
}

#nav-tab2 li a:hover {
	background: #999999;
}

#nav-tab2 li.left_2 a:hover {
	background: #999999 url(../assets/tb2_left_deep.gif) left no-repeat;
}

#nav-tab2 li.right_2 a:hover {
	background: #999999 url(../assets/tb2_right_deep.gif) right no-repeat;
}

/* -----------MENU LOGICIELS----------- */

#nav-tab3 {
	height: 40px;
	font-size: 11px;
	line-height: 40px;
	padding-top: 8px;
	margin: 0px 0px 18px -9px;
}

#nav-tab3 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-tab3 li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

#nav-tab3 li a {
	background-color: #FFF;
	color: #fff;
	display: block;
	height: 40px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
}

#nav-tab3 li.left_3 a {
	background: #FFF url(../assets/tb_vbook_off.png) left no-repeat;
	border: 0;
	width: 96px;
}

#nav-tab3 li.right_3 a {
	background: #FFF url(../assets/tb_tv_off.png) right no-repeat;
	width: 153px;
}

#nav-tab3 li a.active3 {
	background-color: #FFF;
	cursor: default;
}

#nav-tab3 li.left_3 a.active3 {
	background: #FFF url(../assets/tb_vbook_on.png) left no-repeat;
}

#nav-tab3 li.right_3 a.active3 {
	background: #FFF url(../assets/tb_tv_on.png) right no-repeat;
}

#nav-tab3 li a:hover {
	background: #FFF;
}

#nav-tab3 li.left_3 a:hover {
	background: #FFF url(../assets/tb_vbook_on.png) left no-repeat;
}

#nav-tab3 li.right_3 a:hover {
	background: #FFF url(../assets/tb_tv_on.png) right no-repeat;
}

/* ---------------------- */

#nav-tab4 {
	height: 16px;
	font-size: 11px;
}

#nav-tab4 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-tab4 li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

#nav-tab4 li a {
	background-color: #AFAFD9;
	border-left: 1px solid #fff;
	color: #fff;
	display: block;
	height: 16px;
	padding: 0px 9px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
}

#nav-tab4 li.left_4 a {
	background: #AFAFD9 url(../assets/tb4_left_light.gif) left no-repeat;
	border: 0;
	padding-left: 11px;
	width: 67px;
}

#nav-tab4 li.right_4 a {
	background: #AFAFD9 url(../assets/tb4_right_light.gif) right no-repeat;
	padding-right: 11px;
}

#nav-tab4 li a.active4 {
	background-color: #9899BC;
	cursor: default;
}

#nav-tab4 li.left_4 a.active4 {
	background: #9899BC url(../assets/tb4_left_deep.gif) left no-repeat;
}

#nav-tab4 li.right_4 a.active4 {
	background: #9899BC url(../assets/tb4_right_deep.gif) right no-repeat;
}

#nav-tab4 li a:hover {
	background: #9899BC;
}

#nav-tab4 li.left_4 a:hover {
	background: #9899BC url(../assets/tb4_left_deep.gif) left no-repeat;
}

#nav-tab4 li.right_4 a:hover {
	background: #9899BC url(../assets/tb4_right_deep.gif) right no-repeat;
}
	
/* ---------------------- */

/**** Inline STYLE-tag style sheet ****/


#header {
	margin: 0;
	background-image: url(../assets/header_logo_fr.gif);
	height: 106px;
}

#header_en {
	margin: 0;
	background-image: url(../assets/header_logo_en.gif);
	height: 106px;
}

#header_it {
	margin: 0;
	background-image: url(../assets/header_logo_it.gif);
	height: 106px;
}

#main {
	margin: 0px auto 0px;
	width: 820px;
	background-color: #FFFFFF;
}

a:link, a:visited {
	text-decoration: none;
	color: #5795C7;
}

a:hover {
	text-decoration: underline;
}
#banner {
	height: 254px;
}

#bannerServices {
	height: 234px;
}

#banner_support_top {
	background: #fff url(../assets/tuto_top.gif) no-repeat top left;
	width: 703px;
	padding: 0 20px;
	margin: 10px 0 0 15px;
	border: 0;
	height: 32px;
}

#banner_support_middle {
	width: 703px;
	background: #fff url(../assets/tuto_middle.gif) repeat-y top left;
	margin: 0 0 0 15px;
	padding: 0 20px;
}

#banner_support_bottom {
	background: transparent url(../assets/tuto_bottom.gif) no-repeat bottom left;
	width: 703px;
	border: 0;
	margin-top: 0px;
	margin: 0 0 0 15px;
	padding: 0 20px;
	height: 36px;
}


#content {
}

#sidebar {
	float: right;
	width: 208px;
	margin: 0;
	border-left: solid #999999 1px;
	background-color: #F2F2F2;
	padding: 10px 10px 40px 5px;
	background-image: url(../assets/sidebar_bg.gif);
	background-repeat: no-repeat;
}

#sidebar img {
}


.sidebarbox {
	margin: 0;
	padding: 8px 6px 16px 7px;
	color: #999999;
	font-size: 10px;
}

#contentbox {
	margin: 0px 223px 0px 0px;
	padding: 0px 40px 0px 36px;
	text-align: justify;
	border-right: solid #999999 1px;
}

#contentboxExtended {
	margin: 0;
	padding: 0px 38px 0px 30px;
	text-align: left;
}

.contentbox ul {
	margin-left: 2px; padding-left: 0px;
}

.contentbox li {
	padding: 0px 0px 10px 0px;
	list-style-image: url(../assets/puce1.gif);
	margin: 0px 0px 0px 20px;
	text-align: left;
}

#columnLeft {
	margin: 0;
	padding: 0 10px 0 30px;
	text-align: justify;
	float: left;
	width: 175px;
}

#columnRight {
	float: left;
	margin: 0;
	width: 499px;
	padding: 0 0 0 15px;
	border-left: solid #E5E5E5 1px;
}

#footer {
	margin: 0px 0px 20px 0px;
	color: #999999;
	font-size: 10px;
	text-align: center;
	clear: both;
	padding: 20px 0px 30px;
	border-top: solid #E5E5E5 1px;
}

#clearer {
	clear: both;
	margin: 0px;
	height: 10px;
	display: block;
}

#dl_top {
	background: #fff url(../assets/dl_top.gif) no-repeat top left;
	width: 440px;
	padding: 0px 20px 0px 20px;
	margin: 10px auto 0px;
	border: 0;
	height: 20px;
}

#dl_top #top { 
margin-right: 25px;
}

#dl_content {
	width: 440px;
	background: #fff url(../assets/dl_body.gif) repeat-y top left;
	margin: 0 auto;
	padding: 0 20px;
}

#dl_bottom {
	background: transparent url(../assets/dl_bottom.gif) no-repeat bottom left;
	width: 440px;
	border: 0;
	margin-top: 0px;
	margin: 0px auto 0px;
	padding: 0px 20px;
	height: 40px;
}


/*standart*/

.sidebartitle1 {
	padding: 16px 0px 7px 0px;
	margin: 0px 10px 0px 8px;
	color: #5C5C5C;
	border-top: solid #FFFFFF 1px;
}

/*newsletter*/

.sidebartitle2 {
	padding: 8px 0px 8px 8px;
	margin: 0;
	color: #5C5C5C;
}

/*switch language*/

.sidebartitle3 {
	padding: 7px 0px;
	margin: 0px 10px 0px 8px;
	color: #5C5C5C;
	border-top: solid #E5E5E5 1px;
}

/*icon*/

.sidebartitle4 {
	padding: 10px 0px 7px 0px;
	margin: 0px 10px 0px 8px;
	color: #5C5C5C;
	border-top: solid #fff 1px;
}

/*sidebar image*/

.icon {
	padding: 0 5px 0 0;
	margin: 0 0 -8px -2px;
}

.goto {
	margin: 0px 0px 4px 10px;
}

.notes {
	padding-top: 5px;
	border-top: solid #999999 1px;
	font-style: oblique;
	font-size: 9px;
	width: 94%;
}

.imageLeft {
	float: left;
	padding: 5px 14px 5px 0px;
}

.imageRight {
	float: right;
	padding: 0px 0px 0px 10px;
}

.mac {
	color: #333333;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	float: left;
	background-image: url(../assets/icon_mac.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 38px;
	margin: 10px 0;
}

.win {
	color: #333333;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	float: left;
	background-image: url(../assets/icon_win.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 0 0 38px;
	margin: 10px 0;
}

.italic {
	font-style: italic;
	font-size: 10px;
	color: #999999;

}.bold {
	font-weight: bold;
	color: #333333;
}
.red {
	color: #CE3222;
	font-size: 9px;
	font-style: italic;
}

.red_large {
	color: #CE3222;
	font-size: 12px;
	font-weight:bold;
}
.highlight {
	color: #CE3222;
	font-weight: bold;
}

.adsenseBottom {
	margin: 25px auto 10px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	width: 470px;
}

table {
	margin: 0;
}

.support_td {
	border-right: solid #CCC 1px;	
}

input {
	font-size: 10px;
	color: #71ACD2;
	padding-left: 3px;
}

.videolist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.videolist li {
	padding: 3px 12px;
}

.videolist img {
	padding: 0 10px 0 0;
	margin: 0 0 -3px -2px;
}