/********************
**  FLASH GAME
*********************/

/********************
** MAIN STYLE SHEET
*********************/
body {
	background: #FFFFFF url('/images/bg.png') repeat-x;
	font-family: Arial;
	color: #3b3b3d;
	font-size: 12px;
}

h1.video-title {
	font-size: 17px;
	font-weight: bold;
	color: #ff6600;
	height: 30px;
	width: 630px;
}

h1.program-title {
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 0 20px;
	height: 35px;
	width: 615px;
	border-bottom: 1px #ff6600 dotted;
	text-transform: uppercase;
}

h1.theme-title {
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 0 40px;
	height: 35px;
	width: 615px;
	border-bottom: 1px #ff6600 dotted;
	text-transform: uppercase;
	position: relative;
	margin-top: 0px;
}

#thematic-name {
	position:relative;
	font-family:Helvetica,Arial,sans-serif;
	font-size:2.5em;
	font-weight:bold;
	color:#FFFFFF;
}

h2.homepage-title {
	background: transparent url("/images/picto/colored/n-wifi.png") no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 0 0 25px;
    margin-top:10px;
	height: 25px;
	width: 630px;
	border-bottom: 1px #ff6600 dotted;
	text-transform: uppercase;
}

h2.program-vid-title {
	font-size: 14px; 
	font-weight: bold; 
	color: #ff6600;
}

h3.theme-name {
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

h3.section-name {
	color: #ff6600;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}

a:link {
	color: #333333;
	text-decoration: none;
}

a:visited {
	color: #333333;
	text-decoration:none;;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

a.orang-a {
	color: #ff6600;
	text-decoration: none;
}

a.homepage-theme-title{
	padding: 0px 0px 0px 40px; 
	display: block; 
	width: 84px; 
	height: 35px;
}

a.homepage-theme-titlecentered {
	padding: 8px 0px 0px 40px; 
	display: block; 
	width: 108px; 
	height: 27px;
}

p .link-error {
	color:blue;
}

p .link-error:visited {
	color:blue;
}

p .link-error:hover {
	color:#000000;
	text-decoration:underline;
}

p.small-txt-p {
	font-size: 10px;
}

.program-description a , #vid-synopsis a {
	text-decoration:underline;
	cursor:pointer;
}

ul.small-txt-ul {
	font-size: 10px;
}

span.bold-span {
	font-weight: bold;
}

span.underline-span {
	text-decoration: underline;
}

span.orang-span {
	color: #ff6600;
}

#main-container, #container-header, #container-footer {
	width: 1010px;
	margin: 10px auto 0;
}

#container-cols {
	width: 1010px;	
}

#container-header, #container-cols, #container-footer {
	float: left;
}

#header-logo {
	width: 260px;
    height:101px;
	float: left;
}

#header-ad {
	width: 750px;
	float: left;
	text-align: right;	
}

#cols-left {
	width: 695px;
	min-height: 500px;
	float: left;
}

#cols-right {
	width: 315px;
	min-height: 500px;	
	float: left;	
}

#box-tabs, #box-learnabout, #box-content {
	width: 700px;
	float: left;
	margin-top: 15px;
}

/** progressively moving to classes !! */
#co2_box, #box-login, #box-search, #box-news, .box-ads, #box-info, #box-googleads, #box-newsletter, #box-author, #box-zapping, #box-discover  {
	width: 275px;
	margin: 15px 0 0 15px;
	float: left;
}

/***Compteur CO2 ***/
#co2_box {
    background: url('/images/co2.jpg') top left no-repeat;
    height: 113px;
    margin-left:10px;
    margin-top:5px;
}

#co2_counter {
    color:#fff;
    padding: 50px 70px 15px 0;
    font-weight: bold;
    font-size: 1.6em;
    text-align:center;
}

.co2_digit {
  	background-image: url("/images/co2-sprite.png");
  	background-repeat: no-repeat;
  	background-position: -10px -62px;
    padding: 0px 5px;
}

#co2_link {
    text-align: right;
    margin-right: 50px;
}

#co2_link a {
    color:#fff;
    font-weight:bold;
    font-size: 1.1em;
    text-decoration:underline;
}

/***************************************
** POPUP THEME
***************************************/

#popup-filter {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.4;
	display: none;
	top: 0;
	left: 0;
    z-index:1500;
}

#popup-frame {
	background: transparent url("/images/popup-bg.png") no-repeat;
	position: absolute;
	width: 500px;
	height: 610px;
	top: 20%;
	left: 23%;
	z-index: 1501;
	display: none;
}

#popup-frame p {
	width: 425px;
	margin: 80px 0 0 45px;
	color: #666666;
    font-size:14px;
    font-weight:bold;
}

#popup-list-1 {
	display: block;
	float: left;
	list-style: none;
	width: 200px;
	margin: 20px 0px 0px 45px;
}

#popup-list-2 {
	display: block;
	float: left;
	list-style: none;
	width: 200px;
	margin: 20px 0px 0px 20px;
}

#popup-frame ul li {
	margin: 7px 0px;
}

/********************
** TAB STYLE
*********************/
div.menu-tab {
	background-image: url("/images/tabs-sprite.png");
	background-color: transparent;
	background-repeat: repeat-x;
  	background-position: 0px -82px;
	position: relative;	
	height: 32px;
	text-align: center;
	float: left;
	margin: 0 1px;
}

div.menu-tab-selected {
  	background-image: url("/images/tabs-sprite.png");
	background-color: transparent;
	background-repeat: repeat-x;
  	background-position: 0px -0px;
	position: relative;	
	height: 32px;
	text-align: center;
	float: left;
	margin: 0 1px;
}

div.menu-tab p {
	margin: 5px 10px 0;
}

div.menu-tab p a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
}

div.menu-tab p a:hover{
	color: #ffffff;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
}

div.menu-tab-selected p {
	margin: 5px 10px 0;
}

div.menu-tab-selected p a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

div.corner-left {
	background-image: url("/images/tabs-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: 0px -220px;
  	display: block;
  	width: 6px; 
  	height: 6px;
	position: absolute;	
	left: 0;
}

div.corner-right {
	background-image: url("/images/tabs-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: 0px -332px;
  	display: block;
  	width: 6px; 
  	height: 6px;
	position: absolute;
	right: 0;
}

div.corner-left-selected {
	background-image: url("/images/tabs-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: 0px -164px;
  	display: block;
  	width: 6px; 
  	height: 6px;
	position: absolute;
	left: 0;
}

div.corner-right-selected {
	background-image: url("/images/tabs-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: 0px -276px;
  	display: block;
  	width: 6px; 
  	height: 6px;
	position: absolute;
	right: 0;
}

/********************
** LOGIN STYLE
*********************/
#login-top, #login-bottom {
	width: 300px;
	height: 5px;
}

#logout-btn {
	text-align: right;
}

#login-top {
	background-image: url("/images/login-frame-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -10px;
}

#login-bottom {
	background-image: url("/images/login-frame-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -10px -35px;
}

#login-content {
	background-image: url("/images/bgs-sprite.png");
  	background-position: -1434px 0px;
	background-color: transparent;
	background-repeat: repeat-y;
	width: 300px;
	height: 22px;	
	position: relative
}

#login-content-icon {
	float: left; 
	width: 15px;
	margin-left: 5px;
}

#login-content-icon img {
	margin-top: 1px;
}

#login-content-form {
	float: left;
	width: 280px;
	left: 22px;
}

#login-content-form input.textbox {
	border: none;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 0px 2px;
	height: 13px;
	color: #666666;
}

#login-content-form input.auth-btn {
	background: url("/images/btns-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -10px -10px;
	border: none;
	width: 5px;
	margin-top: -1px;
    vertical-align:text-top;
	cursor:pointer;
}

/*************************
** LEARN ABOUT BOX STYLE
**************************/
#box-learnabout {
	margin-top: 20px;
}

#learnabout-top {
	background-image: url("/images/learn-about-sprite.png");
	background-color: transparent; 
	background-repeat: no-repeat;
	background-position: -10px -10px;
	width: 693px;
	height: 55px;
	float: left;
}

#learnabout-bottom {
	background-image: url("/images/learn-about-sprite.png");
	background-color: transparent; 
	background-repeat: no-repeat;
	background-position: -10px -85px;
	width: 693px;
	height: 23px;
	float: left;	
}

#learnabout-content {
	background-image: url("/images/bgs-sprite.png");
	background-color: transparent;
	background-repeat: repeat-y;
  	background-position: -10px 0px;
	width: 693px;
	float: left;	
}

#learnabout-top p {
	width: 670px;
	height: 35px;
	margin: 5px 0 0 20px;
	font-weight: bold;
}

#share, #mobile {
	border-left: 2px #ff6600 solid;
	min-height: 120px;
}

div.learnabout-boxes {
	width: 229px;
	margin: 0px;
	float: left;
}

div.learnabout-title {
	width: 230px;
	height: 35px;
	text-align: center;
}

div.learnabout-description {
	height: 80px;
}

div.learnabout-description p{
	width: 175px;
	margin-left: 39px;
}

#vodmobile-img {
	float: left;
	height: 77px;
	margin-left: 10px;
}

#mobile-description {
	float: left;
	width: 180px;
} 

#mobile-description p{
	margin-left: 5px;
}

#mobile-more {
	float: left;
	width: 230px;
}

#partners a {
	color:blue;
}

#partners a:hover {
	color:#000000;
	text-decoration:underline;
}

.prixpublic_header2 {
	border-bottom:1px dotted #EE5C00;
	clear:left;
	color:#ff6600;
	display:block;
	font-size:1.3em;
	font-weight:bold;	
	text-align:left;
	width:250px;
}

.prixpublic_olist a {
	color:blue;
}

.prixpublic_olist a:visited {
	color:blue;
}

.prixpublic_olist a:hover {
	color:#000000;
	text-decoration:underline;
}

.prixpublic_olist a:visited {
	color:blue;
}

a.more-about-link {
	background-image: url("/images/btns-sprite.png");
  	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -49px;
	display: block;
	width: 107px;
	height: 22px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin: auto;
	padding-top: 2px;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
}

a.more-about-link:hover, a.filters-link:hover {
	color: #ffCC99;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
}

.page-pagination {
	clear:both;
    float:right;
    vertical-align:middle;
}

/*************************
** MAIN CONTENT BOX STYLE
**************************/
#content-top, #content-bottom {
	width: 692px;
	height: 23px;
	float: left;
}

#content-top {
  	background-image: url("/images/roundcorners-sprite.png");
  	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -10px;
}

#content-bottom {
  	background-image: url("/images/roundcorners-sprite.png");
  	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
  	background-position: -9px -53px;
}

#content {
  	background-image: url("/images/bgs-sprite.png");
	background-color: transparent;
	background-repeat: repeat-y;
  	background-position: -722px 0px;
	width: 692px;
	min-height: 500px;
	float: left;
}

#breaking-news, #themes {
	float: left;
	margin-left: 15px;
	width: 655px;
}

#breaking-news-title {
	float: left;
	width: 630px;
}

.rss-flow {
	background: transparent url(/images/picto/colored/rss.png) no-repeat scroll -5px 0px;
	position:relative;
	top:8px;
	height: 35px; 
	padding-top: 8px; 
	padding-left: 35px; 
	float: right; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial;
}

#breaking-news-slideshow {
  	background-image: url("/images/slideshow-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -376px;
	float: left;
	width: 639px;
	margin: 15px 0px 15px 10px;
	height: 255px;
	position: relative;
}
/*
#slideshow-frame {

	width: 639px;
	height: 255px;
	position: absolute;
    top: 0;
    left: 0;
}*/

#slideshow-frame-bottom {
	position: absolute;
        left: 0;
	bottom: 0px;
	width: 639px;	
	height: 4px;
  	background-image: url("/images/slideshow-sprite.png");
	background-color: transparent;
	background-repeat: repeat-x;
  	background-position: 0px -651px;
	z-index: 99;
}

#breaking-news-slideshow IMG {
	position: absolute;
	z-index: 100;
}

#frame-topleft {
	top: 0;
	left: 0;
}

#frame-topright {
	top: 0;
	right: 0;
}

#frame-bottomleft {
	bottom: 0;
	left: 0;
}

#frame-bottomright {
	bottom: 0;
	right: 0;
}

#slideshow-tabs, #slideshow-preview {
	float: left;
	height: 255px;
	position: relative;
}

#slideshow-tabs {
	width: 340px;
}

#tabs-container {
  	background-image: url("/images/slideshow-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -10px;
	position: absolute;
	z-index: 80;
	margin: 4px 0px 0px 4px;
}

#tabs-flow {
	list-style:none ;
	display:block; 
	float: left; 
	width: 350px; 
	font-size: 13px; 
	font-weight: bold; 
	margin: 0px;
	color:#666666;
}

div.tab-overflow {
	display: block; 
	width: 350px; 
	height: 55px; 
	overflow: hidden;	
}

div.tab-p {
	display:block;
	float: left; 
	width:270px; 
	height: 50px;	
	margin-left: 5px;
}

div.icon-position {
	float: left; 
	width:42px; 
	height: 55px;	
}

#tabs-flow li.current {
  	background-image: url("/images/slideshow-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -281px;
	color: #FFFFFF;	
}

#star {
	overflow: hidden; 
	display:block; 
	width: 350px; 
	height: 60px; 
	position:relative; 
	padding: 15px 0 0 10px;
}

#heart {
	overflow: hidden; 
	display:block; 
	width: 350px; 
	height: 60px; 
	position:relative; 
	padding: 15px 0 0 10px;
	margin-top: -12px;
}

#trophy {
	overflow: hidden; 
	display:block; 
	width: 350px; 
	height: 60px; 
	position:relative; 
	padding: 15px 0 0 10px;	
	margin-top: -13px;
}

#eye {
	overflow: hidden; 
	display:block; 
	width: 350px; 
	height: 60px; 
	position:relative; 
	padding: 15px 0 0 10px;	
	margin-top: -14px;
}

#slideshow-preview {
	width: 302px;
	height: 247px;	
	margin: 4px 0px 0px -6px;
	overflow: hidden;
	position: relative;
}

#preview-position {
	position: relative;
	width: 302px;
	height: 247px;
	overflow: hidden;
}

#preview-position IMG {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

#preview-position img.star {
	position: absolute;	
	z-index: 9;
}


.large-play-btn {
	position: absolute;
	left: 40%;
	top: 30%;
	z-index: 20;
}

#themes-container {
	float: left;
}

#themes-synopsis {
	background: transparent url("/images/themes-synopsis.png") no-repeat;
	float: left;
	width: 131px;
	height: 150px;
	margin-top: 10px;
}

#themes-synopsis p {
	font-size:12px;
	font-weight:bold;
	height:142px;
	margin:auto;
	width:120px;
}

.themes-info {
	float: left;
	width: 125px;
	height: 160px;
	margin: 10px 3px 0;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	-webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
}

.themes-info:hover {
	background-color: #FFAA33;
	-webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
}

.title-picto {
	float: left;
	width: 42px
}

.title-theme {
	float: left;	
	width: 89px; 
}

.themes-info-title, .themes-info-preview, .themes-info-desc {
	float: left;
	width: 131px;
	position: relative;
}

.themes-info-preview img{
	margin-left: 8px;
}

.play-preview-btn {
	position: absolute;
	left: 30%;
	top: 30%;
}

.smallplay-preview-btn {
	position: absolute;
	left: 40%;
	top: 30%;
}

.mediumplay-preview-btn {
	position: absolute;
	left: 42%;
	top: 35%;
}

.themes-info-desc p{
	width: 112px;
	margin: 0 0 0 7px;
	line-height: 10px;
}

.themes-info-desc p a{
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

.theme-play-btn {
	border:medium none;
	max-width:20px;
	position: absolute;
	left: 33%;
	top: 35%;
}

/*************************************
** RIGHT COL BOXES POSITIONNING STYLE
*************************************/
#box-search, #box-news, #box-info, .box-ads, #box-googleads, #box-author, #box-zapping, #box-discover  {
	margin-top: 20px;
}

/*************************
** SEARCH BOX STYLE
**************************/
#search-top, #search-bottom {
	width: 300px;
	height: 16px;
	float: left;
}

#search-top {
  	background-image: url("/images/roundcorners-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -96px;
}

#search-bottom {
	background-image: url("/images/roundcorners-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -132px;
}

#search-content {
	background-color: #FFFFFF;
	width: 300px;
	float: left;	
}

#search-form, #search-filters, #search-tags, #form-title, #form-inputs {
	float: left;
	width: 300px;
}

#title-icon {
	float: left;
	width: 35px;
}

#title-name {
	width: 265px;
	float: left;
}

p.secondary-titles {
	color: #ff6600;
	font-weight: bold;
	font-size: 18px;
	margin-left: 10px;	
}

#form-inputs {
	background-color: #666666; 
	width: 280px;
	height: 24px;
	margin: 0px 10px; 
}

input.verylarge-customize-textbox {
	background: transparent url("/images/verylarge-textbox-bg.png") no-repeat;
	width: 415px;
	height: 21px;
	border: none;
	font-size: 1.1em;
	color: #666666;	
        padding-left:6px;
        float:right;
}

input.medium-customize-textbox {
	background: transparent url("/images/medium-textbox-bg.png") no-repeat;
	width: 280px;
	height: 19px;
	border: none;
        margin-top:10px;
	font-size: 0.9em;
	color: #666666;
	font-weight: bold;
}

#zapping-mail {
    margin-top: 0px;
}

input.medium-textbox-export {
    background: transparent url("/images/medium-textbox-export.png") no-repeat;
    width: 235px;
    height: 19px;
    border: none;
    margin-top:10px;
    font-size: 0.9em;
    color: #666666;
    font-weight: bold;
}

input.small-customize-textbox {
	background: transparent url("/images/small-textbox-bg.png") no-repeat;
	width: 181px;
	height: 19px;
	border: none;
	margin: 3px 0 0 7px;	
	padding: 2px 0 0 6px;
	font-size: 1.1em;
	color: #666666;
}

input.search-btn {
	background-image: url("/images/btns-sprite.png");
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-position: -10px -91px;
	border: none;
	width: 5px;
	margin: 0px;
    vertical-align:text-top;
}

a.filters-link {
	background-image: url("/images/btns-sprite.png");
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-position: -10px -127px;
	display: block;
	float: left;
	width: 137px;
	height: 21px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0px 0px 10px;
	padding-top: 2px;
	-webkit-transition: color 0.2s linear;
	-moz-transition: color 0.2s linear;
}

#search-tags {
	margin-top: 10px;
}

#tags-position {
	margin:0 10px;
	text-align:center;
}

a.tags-link {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

/***********************************************************
** NEWS - INFO - ZAPPING - DISCOVER - NEWSLETTER BOXES STYLE
************************************************************/
#news-top, #info-top, #newsletter-top, #author-top, #zapping-top, #discover-top {
	width: 300px;
	height: 32px;
	float: left;
}

#news-top {
	background: transparent url("/images/news-header.png") no-repeat;
}

#info-top {
  	background-image: url("/images/co2-sprite.png");
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-position: -10px -10px;
}

#newsletter-top {
	background-image: url("/images/newsletter-sprite.png");
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-position: -10px -10px;
}

#author-top {
	background: transparent url("/images/author-header.png") no-repeat;
}

#zapping-top {
	background: transparent url("/images/zapping-header.png") no-repeat;
}

#discover-top {
	background: transparent url("/images/discover-header.png") no-repeat;
}

#news-bottom, #info-bottom, #newsletter-bottom, #author-bottom, #zapping-bottom, #discover-bottom {
	background-image: url("/images/roundcorners-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: -10px -168px;
	width: 300px;
	height: 16px;
	float: left;
}

#news-content, #info-content, #newsletter-content, #author-content, #zapping-content, #discover-content {
	background-color: #FFFFFF;
	width: 300px;	
	float: left;	
}

#newsletter-bottom, #newsletter-content, #zapping-content, #zapping-bottom {
        width: 299px;
}

#news-position, #info-position, #newsletter-position,#newsletter-done, #author-position, #zapping-position, #discover-position {
	float: left;
	margin: 10px 5px 0;
	position: relative;
}

#newsletter-position {
    margin-top: 0px;
}

#author-position {
	width: 290px;
}

#zapping-position {
	margin: 10px 30px 0;
}

#newsletter-position {
	font-size: 10px;
}

#discover-position {
	margin: 10px 3px 0;	
}

#discover-position div.discover-position-boxes {
	float: left; 
	width:125px; 
	margin: 0px 7px;
}

div.discover-position-boxes .themes-info-preview img.preview {
	width: 100%;
}

div.discover-position-boxes .themes-info-preview {
	width: 125px;
}

/****************
** Zapping btn **
*****************/
input.valid-submit-btnzapping {
	background-image: url("/images/newsletter-sprite.png");
	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -62px;
	display: block;
	width: 190px;
	height: 21px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	margin: auto;
	border: none;
	clear: left;
}

/***********************
** ZAPPING FORM STYLE **
************************/

#zapping-mail {
    width: 245px;
    padding-left: 5px;
    padding-right: 5px;
}

/*************************
** ADS POSITIONNING STYLE
*************************/
#ads-position {
	width: 300px;
	height: 250px;
	float: left;	
}

#googleads-position {
	width: 300px;
	height: 265px;
	float: left;	
}

/*************************
** FOOTER STYLE
*************************/
#footer-menu, #footer-info {
	width: 1010px;
	float: left;
}

#footer-menu {
 	background-image: url("/images/bgs-sprite.png");
	background-color: transparent;
	background-repeat: repeat-y;
  	background-position: -1753px 0px;
	height: 20px;
}

#footer_extra .theme_link_list {
float:left;
}

#footer_extra{
    color:#666666;
    font-size:0.8em;
    font-weight: normal;
    float:left;
    vertical-align:baseline;
}

#site_summary {
    color:#666666;
    margin-bottom:1em;
    width:900px;
    font-size:0.8em;
}

#site_summary a {
    text-decoration:underline;
}

#site_summary a:hover {
    color:#000000;
    text-decoration:underline;
}

#remuneration_txt {
    margin-top:1em;
    margin-bottom:1em;
    color:#666666;
    clear:left;
    font-size:0.8em;
    width:500px;
}

#remuneration_txt a {
    text-decoration:underline;
}

#remuneration_txt a:hover {
    color:#000000;
    text-decoration:underline;
}

#footer-position {
	color: #FFFFFF;
    font-size:1em;
    margin-right:10px;
    text-align:right;
    vertical-align:baseline;
}

#footer-position a:link {
	color: #FFFFFF;
	text-decoration: none;
    font-size:1em;
}

#footer-position a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
}

#footer-position a:hover {
	text-decoration: underline;
    color:#000000;
}

#info-desc {
	width: 1010px;
}


#info-desc p {
	width: 990px;
	color: #666666;
	text-align: center;
	font-size: 11px;
	margin: 10px auto;
}

#info-links {
	width: 720px;
	height: 130px;
}

div.list-links-position {
	float: left;display:block;
}

div.list-links-position ul{
	width: 155px;
	color: #666666;
        display:inline-block;
        float:left;
}

.list-links-position ul li a {
	color: #666666;
	text-decoration: none;
	font-size: 10px;
}

.list-links-position ul li a:hover {
	color: #000000;
	text-decoration: underline;
}

#info-partners p{
	width: 700px;
	margin: auto;
	text-align: center;
	font-size: 1.1em;
	color: #666666;
}

#info-partners p a{
	color: #666666;
	text-decoration: none;
	font-size: 11px;
}

/*************************
** BREADCRUMB STYLE
*************************/
#breadcrumb {
	float: left;
	width: 660px;
}

#breadcrumb-position {
	margin: 0 0 15px 0;
	color: #333333;
}

.breadcrumb-link:link {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}

.breadcrumb-link:visited {
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}

/*************************
** STATIC CONTENT STYLE
*************************/

#content-position {
	font-family: Arial;
	color: #3b3b3d;
	font-size: 11px;
	margin-left: 15px;
	float: left;
	width: 660px;
}

.static-information, .static-title,.static-title-theme, #disclaimer {
	float: left;
}

.static-information {
	margin: 10px 0px;
        width:660px;
}

#disclaimer {
	margin-top: 20px;
}

.large-grey-p {
	color: #3b3b3d;
	font-size: 10px;
	width: 655px;
	margin: 10px 0;
}

textarea.large-txtarea {
	border: 1px #ff6600 solid;
	color: #3b3b3d;
	font-size: 11px;
	width: 655px;
	height: 800px;
}

.centered-txt-p {
	color: #3b3b3d;
	font-size: 11px;	
	text-align: center;
	margin: 10px 0;
}

.verylarge-input-btn {
	background: transparent url("/images/verylarge-btn.png") no-repeat;
	border: none;
	width: 224px;
	height: 19px;
	color: #FFFFFF;
	/*text-transform: uppercase;*/
	font-size: 10px;
}

input.large-input-btn {
	background: transparent url("/images/large-input-btn.png") no-repeat;
	border: none;
	width: 157px;
	height: 19px;
	color: #FFFFFF;
	/*text-transform: uppercase;*/
	font-size: 10px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 0px;
}

.small-input-btn {
	background: transparent url("/images/verysmall-btn.png") no-repeat;
	border: none;
	width: 71px;
	height: 19px;
	color: #FFFFFF;
	font-size: 10px;
}

a.large-input-btn {
	background: transparent url("/images/large-input-btn.png") no-repeat;
	border: none;
	width: 157px;
	height: 19px;
	color: #FFFFFF;
	/*text-transform: uppercase; TODO: validate the change*/
	font-size: 10px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 1px 0 0 0 ;
	margin: 5px;
}

a.small-link-btn {
	background-image: url("/images/btns-sprite.png");
  	background-color: transparent;
	background-repeat: no-repeat;
  	background-position: -10px -49px;
	border: none;
	width: 107px;
	height: 22px;
	color: #FFFFFF;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 11px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 3px 0 0 0 ;
	margin: 5px;
	float: left;
}

a.large-link-btn {
	background-image: url("/images/btns-sprite.png");
  	background-color: transparent;
  	background-repeat: no-repeat;
  	background-position: -10px -127px;
	border: none;
    min-width:137px;
	height: 21px;
	color: #ffffff;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 11px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 3px 0 0 0 ;
	margin: 15px 5px;
	float: left;
}

a.large-link-btn-active {
        background: transparent url("/images/large-btn-active.png") no-repeat;
	border: none;
        width:137px;
	height: 22px;
	color: #ffffff;
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-size: 11px;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 3px 0 0 0 ;
	margin: 15px 5px;
	float: left;
}

.title-picture {
	float: left;
	width: 655px;
	border-bottom: 1px #ff6600 dotted;
	margin-bottom: 15px;
}
/*
#validate_signup {
    margin-right:230px;
}
*/

.theme-item a {
	color:blue;
}

.theme-item a:visited {
	color:blue;
}

.theme-item a:hover {
	color:black;
	text-decoration:underline;
}

.program-item a {	
	color:blue;
}

.program-item a:visited {	
	color:blue;
}

.program-item a:hover {
	color:black;
	text-decoration:underline;
}

.video-item a {	
	color:blue;
	margin-left:10px;
}

.video-item a:visited {	
	color:blue;
}

.video-item a:hover {
	color:black;
	text-decoration:underline;
}

/***************************************
** PLAYER AD
***************************************/

.video_player_ad {
    text-align:center;
    padding-top: 25px;
    height: 303px;
    display: none;
    background-color: #000;
}
#ad_timer { color: #fff;}

/***************************************
** CONTENT SEPARATION LEFT-RIGHT STYLE
***************************************/
#content-left, #content-right {
	float: left;
}

#content-left {
	width: 260px;
}

#content-right {
    width: 390px;
}

ul {
    margin-left: 15px;
}

.normal-grey-p {
	color:#666666;
        font-size:11px;
        font-weight:bold;
        line-height:15px;
        margin:5px 0;
}

.normal-grey-p a{
	color:blue;
        text-decoration:none;
}

.normal-grey-p a:hover{
	color:black;
        text-decoration:underline;
}

.themes-info-search {
        float:left;
        height:105px;
        margin:10px 3px 0;
        width:125px;
}

.login_label {
	clear:left;
	color:#666666;
	float:left;
	font-weight:bold;
	margin-right:1.2em;
	margin-top:0.8em;
	text-align:right;
	width:250px;
}

.login_element {
	float:left;
	margin-top:0.8em;
	width:240px;
}

.login_element input {
	border:1px solid #666666;
	float:left;
	font-size:0.9em;
}

#connexion_form dd {
	/*float:right;*/
	margin:auto;
	width:100px;
	padding-top:110px;
}

div.link_reminder {
	float:right;
	margin:-17px 100px 0 10px;
	width:200px;
}

div.link_reminder a{
	color:#EE5C00;
	text-decoration:none;
}

div.link_reminder a:hover {
	text-decoration:underline;
}

#validate_signin {
	cursor:pointer;
	font-weight:bold;
}

.logged-in:link{
	color:#000000;
	vertical-align: bottom;
	text-decoration:none;
}

.logged-in:visited{
	color:#000000;
	vertical-align: bottom;
	text-decoration:none;
}

.profile-logged:link{
	color:#ffffff;
	vertical-align: bottom;
	text-decoration:none;
}

.profile-logged:visited{
	color:#ffffff;
}

.profile-logged:hover {
	color:#000000;
}

.logged-out:link {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	/*margin: 0px;*/
	margin-left: 5px;
    vertical-align:text-top;
}

.logged-out:visited {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	margin: 0px;
    vertical-align:text-top;
}

.user_videos_links {
    width: 650px;
    height: 25px;
    float: left;
}

.user_videos_links_buttons{
    margin-left: 70px;
    float: left;
}

.user_videos_links_buttons a{
    float: left;
}

#video-left-col {
    display:block;
    z-index:1;
}

#VODplayer {
    display:block;
}

/** Messages **/
.good_msg {
	color:green;
}

/****************************Tabs***********************/
ul.tabs
{  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.tabs li
{  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab.*/
ul.tabs a 
{ 
	float:left;
	font-size:13px;
	display:block;
	padding:5px;	
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#D9D9D9;
	color:#FF6600;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.tabs a:hover 
{
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#EFEFEF;
	border-bottom:2px solid #ddd;	
	color:#FF6600;	
	cursor:default;
	font-weight:bold;
	font-size: 110%;
}
	
/* tab pane */
.panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#EFEFEF;	
}

.panes {	
	background-color:#EFEFEF;
	display:none;		
	padding:20px;
	border:1px solid #999;
	border-top:0;
	font-size:14px;	 
	font-size:18px;
	color:#456;	
}

.panes ul.tabs  li a
{
	color:#666;
}

/* theme selection popup frame*/
a.theme-popup {
	background: transparent url(/images/picto/popup/theme-popup.png) no-repeat 0px 0px; 
	width:199px; 
	height:49.5px; 
	display:block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	-webkit-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
}

a.theme-popup:hover {
	background-color: #FEFEFE;
	-webkit-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
}

a.homepage-theme-title {
	background: transparent url(/images/picto/theme/theme_icons_home.png) no-repeat 0px 0px; 
}

div.block {
    border: solid thin #f18103;
    color: #ffffff;
    background-color: #f18103;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    margin: 10px;
    padding: 15px;
    font-weight: bold;
}

div.visu {
	clear: left;
	background: transparent url('/images/visuexportableplayer.png') no-repeat 0px 75px;
	width: 660px;
	height: 320px;
}

div._1 .step {
    background: transparent url('/images/visuexportableplayer.png') -700px 0px;
    width: 230px;
    height: 45px;
}

div._2 .step {
    background: transparent url('/images/visuexportableplayer.png') -700px -45px no-repeat;
    padding-left: 50px;
    padding-top: 10px;
    height: 45px;
}

div._2 textarea {
	padding: 0;
	width: 100%;
}

div._3 {
	background-color: #ffffff;
}

div._3 .step {
    background: transparent url('/images/visuexportableplayer.png') -700px -90px no-repeat;
    padding-left: 50px;
    padding-top: 10px;
    height: 40px;
}

div._3 em {
    color: #f18103;
    font-size: 10px;
}