.titre{color:#3D9AA8;}
#container.webTV {width:957px; border:1px solid #056371;}
.webTV a:link, .webTV a:visited, .webTV a:hover, .webTV a:active {color:#3d9aa8;}
.webTV a:hover {text-decoration:underline;}

/* ______________HEADER______________ */
.webTV #bandeau_top {background:#056371; border-bottom:1px solid #ffffff; padding:3px 15px;}
.webTV #bandeau_top a:link,
.webTV #bandeau_top a:visited,
.webTV #bandeau_top a:hover,
.webTV #bandeau_top a:active {color:#ffffff; font-size:115%;background:url(../../e_img/charte/webtv-fleche-bleue.gif) no-repeat 0 1px; padding:0 0 0 18px;}

.webTV #bandeau {background: url(../../e_img/charte/webtv-banniere.gif) no-repeat top right; border-bottom:1px solid #056371;}

/* ______________CONTENU______________ */
.webTV #contenu {background: url(../../e_img/charte/webtv-bk.gif) repeat-y top right;}
.webtv-contenu #webtv-gauche {float:left; width:686px;}

.webtv-contenu div#chemin{border-bottom:1px solid #056371;}
.webtv-contenu div#chemin li a,.webtv-contenu div#chemin li a:link,.webtv-contenu div#chemin li a:visited,.webtv-contenu div#chemin li a:hover,.webtv-contenu div#chemin li a:active{color:#3D9AA8;}

/* bloc principal */
#webtv-gauche .webtv-content {padding:10px 20px 20px 20px;}
#webtv-gauche .webtv-content #title {background: url(../../e_img/charte/webtv-titre-bk.gif) repeat-x 0 0; float:left;}
#webtv-gauche .webtv-content #title h2 {background: url(../../e_img/charte/webtv-titre-bk-right.gif) no-repeat right top;}
#webtv-gauche .webtv-content #title span {background: url(../../e_img/charte/webtv-titre.gif) no-repeat; padding:9px 15px 11px 60px; color:#ffffff; font-size:200%; font-weight:normal; display:block;}
#webtv-gauche .webtv-content #title.rub-244 span {background: url(../../e_img/charte/webtv-titre-tchats.gif) no-repeat; }
#webtv-gauche .webtv-content #title.rub-245 span {background: url(../../e_img/charte/webtv-titre-conseil.gif) no-repeat; }
#webtv-gauche .webtv-content #title.rub-246 span {background: url(../../e_img/charte/webtv-titre-news.gif) no-repeat; }
#webtv-gauche .webtv-content #title.rub-247 span {background: url(../../e_img/charte/webtv-titre-evenements.gif) no-repeat; }
#webtv-gauche .webtv-content #title.rub-248 span {background: url(../../e_img/charte/webtv-titre-projets.gif) no-repeat; }
#webtv-gauche .webtv-content #infos {padding:10px 0 15px;}
#webtv-gauche .webtv-content #infos h3 {text-transform:uppercase; color:#3296a3; font-weight:bold; font-size:125%; padding:0 0 5px 0;}

#webtv-player {padding:35px 0 0 0;} 
#webtv-player .content {background:url(../../e_img/charte/webtv-bk-lignebleue.gif) repeat-y right top;height:1%;} 
#webtv-player .player-video {float:left; width:518px; margin-top:-35px; background:url(../../e_img/charte/webtv-player-fd-ht.gif) no-repeat #3D9AA8;position:relative;}
#webtv-player .player-video #videoContent{ background:url(../../e_img/charte/webtv-player-fd-bas.gif) no-repeat left bottom; padding:14px;height:392px;  }

/* bloc Partager */
#webtv-player #partagez-la-video {background:url(../../e_img/charte/webtv-bk-lignebleue.gif) repeat-x 0 0; float:left; width:128px;}
#webtv-player #partagez-la-video .partagez-content {background:url(../../e_img/charte/webtv-bk-lignebleue-arrondi-1.gif) no-repeat right top;}
#webtv-player #partagez-la-video h3 {color:#3d9aa8; font-size:155%; background:#fff; float:left; margin-top:-14px; padding:0 11px; margin-left:18px;position:relative;height:1%;}
#webtv-player #partagez-la-video ul {margin:0; padding:30px 0 0 15px; clear:both; list-style:none;}
#webtv-player #partagez-la-video ul li {padding:1px 0 12px 24px;}
#webtv-player #partagez-la-video ul li.facebook {background:url(../../e_img/charte/webtv-share-facebook.gif) no-repeat 0 0;}
#webtv-player #partagez-la-video ul li.twitter {background:url(../../e_img/charte/webtv-share-twitter.gif) no-repeat 0 0;}
#webtv-player #partagez-la-video ul li.delicious {background:url(../../e_img/charte/webtv-share-delicious.gif) no-repeat 0 0;}
#webtv-player #partagez-la-video ul li.blogger {background:url(../../e_img/charte/webtv-share-blogger.gif) no-repeat 0 0;}
#webtv-player #partagez-la-video ul li.netvibes {background:url(../../e_img/charte/webtv-share-netvibes.gif) no-repeat 0 0;}
#webtv-player #partagez-la-video ul li.rss {background:url(../../e_img/charte/webtv-share-rss.gif) no-repeat 0 38px; padding-top:39px;}
#webtv-player #partagez-la-video ul li.mail {background:url(../../e_img/charte/webtv-share-mail.gif) no-repeat 0 0;}
#webtv-player #partagez-la-video a:link, 
#webtv-player #partagez-la-video a:visited, 
#webtv-player #partagez-la-video a:hover, 
#webtv-player #partagez-la-video a:active {color:#3d9aa8; font-size:110%;}

/* retranscription */
#webtv-player #retranscription {clear:both;background:url(../../e_img/charte/webtv-bk-lignebleue.gif) repeat-x left bottom; margin:0 0 0 128px;}
#webtv-player #retranscription .content {background:url(../../e_img/charte/webtv-bk-lignebleue-arrondi-2.gif) no-repeat right bottom;}
#webtv-player #retranscription .content-inner {background:url(../../e_img/charte/webtv-bk-lignebleue-arrondi-3.gif) no-repeat left bottom; padding:7px 20px;}
#webtv-player #retranscription a {background:url(../../e_img/charte/fleche-bleue.gif) no-repeat 0 1px; padding:0 0 0 18px;}

/* Infos vidéos : durée, tags, liens */
#infos-suite .field {padding:0 0 6px 0;}
#infos-suite #tag span {float:left; padding:0 3px 0 0;}
#infos-suite #lien-video input#lien-video {width:385px; height:15px; padding:1px 3px; font-size:100%; color:#3d9aa8; border:1px solid #a4d0d6; }

/*liste ttes les vidéos*/
.liste-tte-videos {height:1%;margin-top:10px;}
.liste-tte-videos .titre{background:url(../../e_img/charte/webtv-bk-lignebleue-ht.gif) no-repeat left bottom;padding:0 11px;}
.liste-tte-videos .titre h3 {background:#fff; float:left; color:#3d9aa8; font-size:189%; padding:0 11px;}
.liste-tte-videos .bordure-cotes{border:solid #3d9aa8; border-width:0 1px;padding:17px 14px 5px 25px;height:1%;}
.liste-tte-videos .fd-bas{background:url(../../e_img/charte/webtv-bk-lignebleue-arrondi-3.gif) no-repeat left bottom;}
.liste-tte-videos .fd-bas .coin-dr{background:url(../../e_img/charte/webtv-bk-lignebleue-arrondi-2.gif) no-repeat right bottom;padding:0 8px 0 14px;}
.liste-tte-videos .fd-bas .bordure-bas{border-bottom:solid 1px #3d9aa8;height:8px; overflow:hidden;}

.liste-tte-videos  table{width:auto;}

.vignette_video { padding-right:10px;text-align:center;width:110px;}
.vignette_video a{ padding-right:10px;}
.vignette_video img{width:110px;}

/*page tags*/
#tags_resultat{margin-top:10px;}
#tags_resultat .vignette_video{float:left;}

/*page recherche*/
#moteurRechercheVideo  #formulaire {border:0;}
#moteurRechercheVideo  #formulaire input{background:#1D8392; border:0; color:#ffffff; font-size:120%; font-weight:bold; font-family:Trebuchet MS; padding:0px 3px;width:auto;}
#moteurRechercheVideo #formulaire input#key{width:198px;/*height:18px; */border:1px solid #a4d0d6;background:#fff; color:#3D9AA8; font-size:100%; font-weight:normal;padding:0 0 0 2px;}
#moteurRechercheVideo table{margin-top:10px;}

/*page envoi-ami*/
#envoiAmi .formulaire, #envoiAmi .webtv-content #formulaire{border:solid 1px #a4d0d6;}
.formulaire, .webtv-content #formulaire{padding:10px; margin-bottom:10px; width:auto;}
.formulaire input, .webtv-content #formulaire input{font-size:100%;border:1px solid #a4d0d6;width:198px;}
.webtv-content #formulaire textarea{border:1px solid #a4d0d6;width:198px;}
.formulaire .label,#formulaire .label{float:left;width:176px;}
.formulaire .texte,#formulaire .texte{margin:1px 0;}
.formulaire .submit,.webtv-content #formulaire .submit {margin:15px 0 0px 0px;background:#1D8392; border:0; color:#ffffff; font-size:120%; font-weight:bold; font-family:Trebuchet MS; padding:0px 3px;width:auto;float:right; }


.pagination{display:block; text-align:right; margin-top:10px;}
/* _______________ COLONNE DE DROITE _____________ */
.webtv-contenu #webtv-droite {float:right; width:271px; background:url(../../e_img/charte/webtv-degrade-bleu.gif) repeat-x 0 0;}
.webtv-contenu #webtv-droite .webtv-content {padding:0 18px;}
.webtv-contenu #webtv-droite .webtv-content h2{margin:0 0 10px 0;background:url(../../e_img/charte/webtv-titre-chaines.gif) repeat-x left bottom;color:#FFFFFF;font-size:200%;font-weight:normal;padding:0 0 5px;display:block;}

.webtv-contenu #webtv-droite  a,.webtv-contenu #webtv-droite  a:link,.webtv-contenu #webtv-droite  a:visited,.webtv-contenu #webtv-droite  a:hover,.webtv-contenu #webtv-droite  a:active{color:#fff;}

/* rechercher une vidéo */
#webtv-droite #globalsearch {display:block; padding:10px 0 0 0;}
#webtv-droite #globalsearch label {margin:0 0 8px 0;padding:0 0 5px;background:url(../../e_img/charte/webtv-titre-recherche.gif) repeat-x left bottom;color:#FFFFFF;font-size:200%;font-weight:normal;display:block;}
#webtv-droite #globalsearch input.searchengine {width:198px; border:1px solid #a4d0d6;margin-bottom:8px; /*float:left;*/}
#webtv-droite #globalsearch input.submit {background:#1D8392; border:0; color:#ffffff; font-size:120%; font-weight:bold; font-family:Trebuchet MS; padding:0 0 0 6px;/* float:left; display:block;*/}

/* Liste des Chaînes dispo */
#webtv-chaine-menu {margin:15px 0;}
#webtv-chaine-menu ul {list-style:none; margin:0; padding:0;}
#webtv-chaine-menu ul li {list-style:none; margin:0; padding:0;}
#webtv-chaine-menu ul li a {display:block; width:231px; height:34px; text-indent:-1000%; overflow:hidden;}
#webtv-chaine-menu li a.item-244, #webtv-chaine-menu li a.selected-244 {background:url(../../e_img/charte/webtv-chaine-tchats.gif) no-repeat 0 0;}
#webtv-chaine-menu li a.item-245, #webtv-chaine-menu li a.selected-245 {background:url(../../e_img/charte/webtv-chaine-conseils.gif) no-repeat 0 0;}
#webtv-chaine-menu li a.item-246, #webtv-chaine-menu li a.selected-246 {background:url(../../e_img/charte/webtv-chaine-newsletters.gif) no-repeat 0 0;}
#webtv-chaine-menu li a.item-247, #webtv-chaine-menu li a.selected-247 {background:url(../../e_img/charte/webtv-chaine-evenements.gif) no-repeat 0 0;}
#webtv-chaine-menu li a.item-248, #webtv-chaine-menu li a.selected-248 {background:url(../../e_img/charte/webtv-chaine-projetsurb.gif) no-repeat 0 0;}

/*liste vidéos du moment*/
.liste-video-moment {margin-bottom:10px;}
.liste-video-moment img{width:80px;padding-right:10px;}

/* ______________BOTTOM______________ */
.webTV #bottom {width:957px;}
.webTV #bottom_menu {border:1px solid #056371; border-width:1px 0 0 0; padding:8px 0; color:#056371;}
.webTV #bottom_menu li {padding:0;}
.webTV #bottom_menu li a.lien:link,
.webTV #bottom_menu li a.lien:visited,
.webTV #bottom_menu li a.lien:hover,
.webTV #bottom_menu li a.lien:active {color:#056371; padding:0 3px; font-size:90%;}

