/* =============
 * Secifique webtv 
 * =============*/

div.videoBox a:hover {
        background-color: #9eeb0b;
}
div.videoWrapper {
width:100%;
margin:0;padding:0
}
div.videoBox  {
float:left;
min-height:165px;
margin:0px 13Px 0px 0px
}
h2.videoTitle{font:bold 14px Arial, Helvetica, sans-serif; line-height:2em
}
.webtv .node .videoWrapper h2.title{font:bold 18px Arial, Helvetica, sans-serif; line-height:2em;color:#75a815
}
div.videoBox a {
display: block;
text-decoration: none;
min-height:165px;
}
element.style {
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
}
body#bodyMaSexualite div.videoBox a img {
border: 4px solid #CCCCCC;
}
body#bodyMaSexualite div.videoBox a:active img, body#bodyMaSexualite div.videoBox a:hover img {
border: 4px solid transparent;
}
div.videoWrapper,.videoContent {
width:100%;padding:0;margin:0
}
div.videoRight {
margin:24px 0 10px 17px; 
width:175px;
}
div.videoRight hr {
color: #cccccc;
background-color: #cccccc; 
height: 1px;
border: 0;
margin:10px 0 10px 0;
}
div.resume {clear:both;
margin:30px 0 25px;font-size:11px;padding-top:20Px
}

.duree {
float:right;
margin: 6px 0 5px;
}
div.videoVideo .duree, div.videoVideo h2 { display: inline; }

.videoRight,.videoVideo {
float:left;
width:445px;
}
/* Pour separer les li des tags avec une virgule */
div.videoTerms ul.links li::before { content: ","; } 
div.videoTerms ul.links { font-size:10px} 
div.videoTerms ul.links li:first-child:before { content: ""; }
div.links { clear: both; } 

span.note { font-weight: bold; } 


.chat .question {margin-bottom:0;}
.chat,.chat p a, .chat .question strong a , .chat > span{ 
text-align: center;
text-decoration:none;
}
.chat strong{color:#75a815;}
.mois,.jour {color:#75a815;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:2.3em;
}
.date {
color:#75a815;
font-size:29px;
color:#FFF;background:#acee2d;
text-decoration:none;
padding:3px;margin:5px 0
}

.webtv h2.title {
font:bold 12px Arial, Helvetica, sans-serif; line-height:2em;color:#75a815
}
div.links p a:link,div.links p a:visited {
color:#75a815;font-size:11px;line-height:1.3em;
}
div.links p  {
padding:0 ;margin:0;height:21px
}
div.links p.download {
background:#FFFFFF url(img/icon-download.png) no-repeat scroll 0 0px;
padding-left:29px;

}
div.links p.share {
background:#FFFFFF url(img/icon-share.png) no-repeat scroll 0 0px;
padding-left:29px;

}
div.links p.email {
background:#FFFFFF url(img/icon-send.png) no-repeat scroll 0 0px;
padding-left:29px;

}



/*=============
 * MENU 
 * ============*/

#primary {
margin-left:0px;
}
.menu0 .links {
background:transparent url(img/menu/onglet-menu0.png) no-repeat scroll -2px top;
}
.menu1 .links {
background:transparent url(img/menu/onglet-menu1.png) no-repeat scroll left top;
}
.menu2 .links {
background:transparent url(img/menu/onglet-menu2.png) no-repeat scroll -2px top;
}
.menu3 .links {
background:transparent url(img/menu/onglet-menu3.png) no-repeat scroll -2px top;
}
.menu4 .links {
background:transparent url(img/menu/onglet-menu4.png) no-repeat scroll -2px top;
}
.menu5 .links {
background:transparent url(img/menu/onglet-menu5.png) no-repeat scroll -2px top;
}
.menu6 .links {
background:transparent url(img/menu/onglet-menu6.png) no-repeat scroll -2px top;
}


#primary .links li{
background-repeat:no-repeat;
}
#primary .links li a{
width:118px;
text-indent:-500em;
}
.menu-763  {
background-image:url(img/menu/la_repet_OFF.jpg);
background-position: 25px 8px;
}
.menu-764 {
background-image:url(img/menu/cest_vrai_OFF.jpg);
background-position: 10px 15px;
}
.menu-765 {
background-image:url(img/menu/premiere_fois_OFF.jpg);
background-position: 3px 15px;
}
.menu-766 {
background-image:url(img/menu/paroles_experts_OFF.jpg);
background-position: 30px 7px;
width:100px;
}
#main #conteneurRubrique #menuRubriqueQ ul li.menu-765 a{
width:110px;
}
#main #conteneurRubrique #menuRubriqueQ ul li.menu-779 a {
width:100px;
}
.menu-767 {
background-image:url(img/menu/comment_ca_marche_OFF.jpg);
background-position: 8px 10px;
}
.menu-779 {
background-image:url(img/menu/chat_OFF.jpg);
background-position: 35px 15px;
}
/* Active menus */
.menu1 .links .menu-763,.menu-763:hover,.menu-763.active  {
background-image:url(img/menu/la_repet_ON.jpg);
}
.menu2 .links .menu-764,.menu-764:hover,.menu-764.active {
background-image:url(img/menu/cest_vrai_ON.jpg);
}
.menu3 .links .menu-765,.menu-765:hover,.menu-765.active {
background-image:url(img/menu/premiere_fois_ON.jpg);
}
.menu5 .links .menu-766,.menu-766:hover,.menu-766.active {
background-image:url(img/menu/paroles_experts_ON.jpg);
}
.menu4 .links .menu-767,.menu-767:hover,.menu-767.active {
background-image:url(img/menu/comment_ca_marche_ON.jpg);
}
.menu6 .links .menu-779,.menu-779:hover,.menu-779.active {
background-image:url(img/menu/chat_ON.jpg);
}

/* =============
 * Ecrase la css globale 
 * ============= */

#main #conteneurRubrique .webtv #articleZoneGauche  {
width:95%;
}
.webtv >  .panel-flexible {
width:100%;
}
.webtv #articleZoneGauche .panel-flexible .panel-flexible-sidebars .panel-row .panel-col { 
float:none;
}
#main #conteneurRubrique .rubrique #articleZoneGauche .videoBox p {
font-size:11px;
margin:0px 0px 0px 0px;
padding:0px 7px 0px 7px;
width:125px;
}

#main #conteneurRubrique .webtv {
background:transparent url(img/fond-rubrique-question.png) no-repeat scroll left top;
padding-left:9px;
padding-right:9px;
width:682px;
padding-bottom:10px;
}
#webtv {
height:100%;
}

/* =============
 *  Nouveaux blocks 
 * ============= */
.chat {
background:transparent url(img/fond-chat.png) no-repeat scroll left top;
margin:0;
padding:30px 25px 5px 10px;
}
.myspace {
background:transparent url(img/fond-myspace.png) no-repeat scroll left top;
margin:0;
padding:30px 25px 5px 25px;
}
.skyrock {
background:transparent url(img/fond-skyrock.png) no-repeat scroll left top;
margin:0;
padding:30px 25px 5px 25px;
}
#bottomBlock {
background:transparent url(img/bottomBlock.png) no-repeat scroll left top;
height:8px;
width:236px;
margin:0;
padding:0;
}
#webtv {
background:transparent url(img/fond-accueil-question.png) no-repeat scroll left top;	
}

.chat h2.title{font-size:11px}

.panel-pane h2.title {font:14px Arial, Helvetica, sans-serif;color:#75a815;}


div.slogan {
background:#F0EDDA none repeat scroll 0 0;
padding:3px;
margin:30px;
}
div.wrapper {
background:#F7F5E7 none repeat scroll 0 0;
padding:10px;
}
#TB_window ul.menu,
#TB_window div.breadcrumb,
#TB_window div#navbar,
#TB_window div#header,
#TB_window div#admin-menu,
#TB_window #sidebar-left,
#TB_window #sidebar-right,
#TB_window #skip-to-nav {
display:none;
}
#TB_window #main {
padding:0;
margin:0;
width:400px;
background:none;
}
#TB_window #content {
padding:0;
margin:0;
}
#TB_window #conteneur {
width:400px;
}

#main #conteneurRubrique .rubrique #articleZoneGauche {
margin:0 15px 0 15px;
margin-right:15px;
}
#main #conteneurRubrique .rubrique #articleZoneGauche h2{
margin:10px 0 5px 0;
}

#main #conteneurRubrique .rubrique #articleZoneGauche .videoContent h2.title {padding:10px 20px 0;}
#nuageTags p {
margin-left:5px;
margin-right:25px;	
}
.search-home #edit-submit {
background:transparent url(img/fond-bouton-soumettre.png) no-repeat scroll left top;
border:medium none;
color:white;
cursor:pointer;
font-size:1em;
font-weight:bold;
height:19px;
line-height:19px;
width:40px;
}
.videoRight .links a,.videoCaptions a  {
color:#666666;
}
.videoCaptions a  {
font-size:11px;
}
.videoContent .resume {
display:none;
}
div.webtv div.videoRight div.clear {clear:both;}
div.webtv div#articleZoneGauche div.node-type-page div.content {
min-height:600px;
}

div.webtv #articleZoneGauche div.content h2 {
color:#75A815;
font-size:1em;
}



#menu-webtv {
background:url("themes/zen/zen/img/bg.gif") no-repeat scroll 0 0 #FFFFFF;
float:left;
font-size:small;
height:51px;
line-height:normal;
margin:0;
voice-family:inherit;
width:700px;
}

#menu-webtv ul {

  margin:0;

  padding:10px 0px 0 5px;

  list-style:none;

}

#menu-webtv li {

  float:left;

  background:url("themes/zen/zen/img/left.gif") no-repeat;

 

  margin:0;

  padding:0 0 0 4px;

    font:11px/1.15em trebuchet MS,Serif;

  letter-spacing:-0.6px;

}
#menu-webtv li.menu-764, #menu-webtv li.menu-765, #menu-webtv li.menu-766, #menu-webtv li.menu-779, /*#menu-webtv li.menu-964,*/ #menu-webtv li.menu-1016 {
line-height:30px;
}

#menu-webtv a {

  float:left;

  display:block;

  background:url("themes/zen/zen/img/right.gif") no-repeat right top;

  padding:4px 5px 4px 3px;

  text-decoration:none;

  font-weight:bold;

  color:#555;

}

/* Commented Backslash Hack

   hides rule from IE5-Mac \*/

#menu-webtv a {float:none;}

/* End IE5-Mac hack */

#menu-webtv a:hover {

  color:#6C0;

}

#menu-webtv .active {

  background-image:url("themes/zen/zen/img/left_on.gif");

}

#menu-webtv .active a {

  background-image:url("themes/zen/zen/img/right_on.gif");

  color:#6C0;

  padding-bottom:7px;

}

/*AJOUTS PHIL*/
#menu-webtv li {

  line-height:15px;
  max-width:98px;/*max-width:119px;*/
  text-align: center; 
  vertical-align: middle;

}
#menu-webtv a {
  height:42px;/*height:35px;*/

}
body#bodyMaSexualite #menu-webtv li {
  margin:0;
  padding:0 0 0 4px;
}
/* Deuxieme ligne d'onglets */



.menu-webtv2 {
background:url("img/fond-rubrique-question.png") no-repeat scroll left top transparent;
border-bottom:1px solid #F5F5F5;
height:90px;
margin:0;
padding-left:9px;
padding-right:9px;
width:682px;
}
.menu-webtv2 li {
border-right:2px solid #F6F6F6;
font:11px/1.15em trebuchet MS,Serif;
letter-spacing:-0.6px;
max-width:119px;
text-align:center;
vertical-align:middle;
}
.menu-webtv2 a {
color:#555555;
display:block;
float:left;
font-weight:bold;
height:25px;
margin-top:4px;
padding:4px 5px 4px 3px;
text-decoration:none;
}
.menu-webtv2 a:hover {
  color:#6C0;
}
.menu-webtv2 .active {

}
.menu-webtv2 .active a {

  color:#6C0;
  padding-bottom:7px;
}