/* css pour nouvelle section video */

#video-droit h4, #video-centre h4 {color:#aa1d25; font-size:12px; margin:0 0 3px 0;}
#video-droit h4 a, #video-centre h4 a {color:#aa1d25; text-decoration:none;}
#video-droit h4 a:hover, #video-centre h4 a:hover {color:#aa1d25; text-decoration:underline;}
#video-droit a:link, 
#video-droit a:visited { color: #aa1d25 }
.cap {text-transform:uppercase;}

div.clear {clear:both; height:1px; overflow:hidden;}

#video-centre {color:#4c433f; font-size:11px;  /*position:relative;*/ width:452px;}
#video-centre .space {width:444px;}
#video-centre h2 { color:#b25c0a; font-size:16px; margin:13px 0px 6px 0px; padding-bottom:3px;}
#video-centre .categorie {margin-top:-10px; width:214px;}
#video-centre p.toutes a {color:#aa1d25; float:right; margin-top:3px; font-weight: bold; font-size: 12px}
* html #video-centre p.toutes a {margin-top:15px;} /* ie 6 */
*+html #video-centre p.toutes a {margin-top:15px;} /* ie7 */


#video-centre .categorie p {border-bottom:1px solid #e1e1d1; padding:5px 0; margin:0;}
#video-centre .categorie p.actif a {color:#aa1d25;}
#video-centre .categorie a {color:#4c433f; text-decoration:none;}
#video-centre .categorie a:hover {color:#4c433f; text-decoration:underline;}
#video-centre .video {border:1px solid #c1bcb6; height:133px; float:left; margin:0 10px 0 0; position:relative; width:238px;}
#video-centre .video img.play {position:absolute; top:30px; left:90px;} 
#video-centre .video img { border: 0px; }
#video-centre .txt {float:left; width:190px;}
#video-centre .txt a:link,
#video-centre .txt a:visited { color: #aa1d25 }
#video-centre .filet {background:#d9d8d3; clear:both; height:2px; margin:10px 0 11px 0; overflow:hidden; width:100%;}

#video-centre .fiche-recette {background:#f4f1ea; border:1px solid #c1bcb6; border-bottom:3px solid #c1bcb6; padding:20px 0 20px 15px; width:436px;}
#video-centre .fiche-recette .photo {float:left; width:156px;}
#video-centre .fiche-recette .photo p {background:#e1e1d1; padding:7px 0; text-align:center;}
#video-centre .fiche-recette .txt {float:left; margin-left:10px;}
#video-centre .fiche-recette a {color:#aa1d25; text-decoration:underline;}
#video-centre .fiche-recette a:hover {color:#aa1d25; text-decoration:none;}
#video-centre .onglet {background:#f4f1ea; border:1px solid #c1bcb6; border-bottom:0; height:29px; position:absolute; top:-29px; width:90px; z-index:2;}
#video-centre .onglet span {border-top:4px solid #aa1d25; display:block; padding-top:6px; text-indent:10px;}

#video-centre .fiche-recette img.nouveau {float:right; margin:-20px 0 0 2px;}
* html #video-centre .fiche-recette img.nouveau {float:left;} /* ie 6 */


#video-centre .fiche-recette dl {margin:0 15px 10px 0; width:230px;}
#video-centre .fiche-recette dl dt, #video-centre .fiche-recette dl dd {float:left; font-size:12px; margin:0 0 5px 0;}
#video-centre .fiche-recette dl dt {clear:left; width:105px;}
#video-centre .fiche-recette dl dd {width:120px;}
#video-centre .fiche-recette dl dd.color {color:#b25c0a;}

#video-centre table.color {background:#736252; border-top:2px solid #e1e1d1; border-bottom:2px solid #e1e1d1; margin-bottom:7px; width:100%;}
#video-centre table.color th {font-weight:bold; padding:7px;}
#video-centre table.color th a {color:#fff; display:block; text-decoration:none;}
#video-centre table.color th a.off {background:url(/images/metro/fr/arrow_off.png) no-repeat; padding-left:10px;}
#video-centre table.color th a.up {background:url(/images/metro/fr/arrow_up.png) no-repeat; padding-left:10px;}
#video-centre table.color th a.down {background:url(/images/metro/fr/arrow_down.png) no-repeat; padding-left:10px;}

#video-centre table.color th a:hover {color:#fff; text-decoration:underline;}


#video-centre .touslesvideos {border:1px solid #c1bcb6; height:84px; float:left; margin:0 10px 0 0; overflow:hidden; position:relative; width:150px;}
#video-centre .touslesvideos img.play {position:absolute; top:12px; left:45px;} 
#video-centre .txt-big {float:left; width:280px;}

#video-centre ul.pagination {margin:0; float:right; padding:0;}
#video-centre ul.pagination li span {display:none;}

#video-centre ul.pagination li.first {background:none;}

#video-centre ul.pagination li.prem, #video-centre ul.pagination li.prec, #video-centre ul.pagination li.suiv, #video-centre ul.pagination li.dern {background:none; margin:0 2px;}
#video-centre ul.pagination li.prem a, #video-centre ul.pagination li.prec a, #video-centre ul.pagination li.suiv a, #video-centre ul.pagination li.dern a {background:none; margin:0; padding:3px 0 !important;}

#video-centre ul.pagination li {background:url(/images/metro/fr/video-sep.gif) no-repeat 0 3px; float:left; list-style:none;}
#video-centre ul.pagination li a {color:#aa1d25; display:block; padding:0 5px; text-decoration:underline; }
#video-centre ul.pagination li.actif {font-weight:bold; padding:0 5px;}
#video-centre ul.pagination li a:hover {color:#aa1d25; text-decoration:none;}


#video-droit {color:#4c433f; font-size:11px; float:right; margin:0 0 0 10px; padding:0; width:173px;}
#video-droit p {margin:0 0 10px 0;}
#video-droit h3 {color:#ffffff; margin:0 0 12px 0; font-size:13px; background-color: #736051; padding: 4px;}
#video-droit .video {border:1px solid #c1bcb6; height:96px; margin-bottom:5px; position:relative; width:171px;}
#video-droit .video img.play {position:absolute; top:20px; left:55px;} 
#video-droit .filet {border-top:2px solid #d9d8d3; clear:both; height:2px; margin:18px 0 11px 0; overflow:hidden; width:100%;}
#video-droit .pub {text-align:center; width:171px;}
#video-droit .pub img {margin:0 auto;}

#video-droit .category-title { font-size: 13px; font-weight: bold; color: #ffffff; margin-bottom: 6px; padding: 4px; background-color: #736051 }
#video-droit .category-box div { padding: 4px 2px 4px 0px; border-top: 1px solid #e1e1d1 }
#video-droit .category-box a:link, 
#video-droit .category-box a:visited { font-size: 11px; text-decoration: none; color: #4c433f; }
#video-centre .aide-memoire { text-align: right; padding-top: 6px; }
#video-centre .aide-memoire a:link { color: #990000 }

.video-titre { padding-top: 11px; width: 373; padding-bottom: 5px; }
.titre-princ { display: inline; padding:0px; margin: 0px; color: #4c433f; text-transform: uppercase; font-weight: bold; font-size: 14px }
.titre-video { text-transform: uppercase; color: #4c433f; margin-top: 2px; font-size: 14px; }

#video-centre .button { clear: both; font-weight: bold; font-size: 12px; margin-top: 4px; }

#video-centre .recipe-box { background-color: #f4f1ea; margin-left: 1px; width: 431px; padding: 13px 13px 12px 10px; border-bottom: 2px solid #c1bcb6; margin-bottom: 12px;}
#video-centre .recipe-box .box-title { height: 23px; }
#video-centre .recipe-box .box-title div { float: left; font-size: 16px; color: #b25c0a; font-weight: bold; }
#video-centre .recipe-box .box-title .recipe-number { float: right; font-size: 12px; font-weight: normal; }
#video-centre .recipe-box .recipe-image { float: left; width: 166px; overflow: hidden; }
#video-centre .recipe-box .recipe-image a:link { color: #aa1d25 }
#video-centre .recipe-box .recipe-image p { margin: 0px; }
#video-centre .recipe-box .recipe-details { width: 244px; float: left; }
#video-centre .recipe-box .recipe-details .recipe-title { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #4c433f; margin-bottom: 15px; }
#video-centre .recipe-box .recipe-details .recipe-label { width: 140px; float: left; font-size: 12px; }
#video-centre .recipe-box .recipe-details .recipe-label a:link { color: #aa1d25 }
#video-centre .recipe-box .recipe-details .recipe-label-left { width: 100px; color: #4c433f; }
#video-centre .recipe-box .recipe-details .detail-separator { clear: both; height: 9px; border: 0px; }
#video-centre .recipe-box table tr td span { font-size: 12px; color: #4c433f; }
#video-centre .recipe-box table tr td span.temps { font-weight: bold; color: #b25c0a; }

#video-centre .tips-box { border-bottom: 2px solid #d9d8d3; padding: 0px 4px 10px 10px; line-height: 18px; }
#video-centre .tips-box p { line-height: 16px; }
#video-centre .tips-box p.tips-box-title { font-size: 16px; color: #b25c0a; font-weight: bold; }

#video-centre .comment-title { font-size: 16px; font-weight: bold; color: #b25c0a; padding: 0px 0px 18px 10px; }
#video-centre .comment-box { padding: 10px 0px 30px 10px; border-bottom: 2px solid #d9d8d3 }
#video-centre .comment-box .comment-info { padding: 0px 5px 11px 0px; }
#video-centre .comment-box .comment-info .username { color: #b25c0a; font-size: 12px; font-weight: bold; }
#video-centre .comment-box .comment-info .date { font-size: 12px; color: #4c433f; }
#video-centre .comment-box .comment { font-size: 11px; color: #4c433f; padding-bottom: 23px; line-height: 18px; }
#video-centre .text-connection { font-size: 11px; color: #4c433f; margin-top: 15px }
#video-centre .text-connection a:link { color: #a81d24; }

#video-centre .add-comment-title { padding-bottom: 8px; font-size: 14px; color: #b25c0a; font-weight: bold; }
#video-centre .comment-label { color: #4c433f; font-size: 11px; }

#video-centre .summary-box { padding-left: 12px; padding-top: 18px; width: 442px; margin-left: 1px; background: #f4f1ea; border-bottom: 2px solid #c1bcb6; }
#video-centre .summary-box .sub-box { margin-bottom: 13px; padding:13px 15px 2px 15px; width: 400px; background: #ffffff; border-top: 1px solid #c1bcb6; border-bottom: 1px solid #c1bcb6; }

#video-centre .summary-box .summary-description { width:198px; float: left; margin-bottom: 6px; padding-right: 30px; }
#video-centre .summary-box .summary-description a:link { color: #aa1d25; }
#video-centre .summary-box .summary-details { width: 151px; float: left; margin-left: 12px; }
#video-centre .summary-box .summary-details .comment-label { font-weight: bold; padding-bottom: 2px; }
#video-centre .summary-box .summary-details .comment-link { padding-bottom: 2px; }
#video-centre .summary-box .summary-details a:link { color: #aa1d25 }

#video-centre .summary-box .member-votes { width: 219px; float: left; }
#video-centre .summary-box .user-vote { width: 157px; float: left;  }

#wide-box { float:left; width: 635px; padding-top: 10px; }
#wide-box .box-title { font-size: 16px; font-weight: bold; color: #b25c0a; padding-bottom: 8px; }
#wide-box table.search-info tr td { font-size: 11px; color: #4c433f }

#video-index { width: 635px; }

#video-index .index-title { font-size: 16px; font-weight: bold; color: #b25c0a; padding: 0px 4px 10px 0px; border-bottom: 2px solid #dad6d3; margin-bottom: 10px; }

#video-index .category { padding-bottom: 8px; }
#video-index .category a:link, 
#video-index .category a:visited { font-size: 12px; font-weight: bold; color: #b25c0a; text-decoration: none }
#video-index .index-separator { color: #c1bcb6 }
#video-index .sub-category { font-size: 11px; color: #4c433f; text-decoration: none; }

#search-box { padding-top: 21px; }
#search-box .search-title { font-size: 13px; color: #ffffff; font-weight: bold; padding: 4px; background-color: #736051; margin-bottom: 6px; }
#search-box span { color: #4c433f; font-size: 10px; }
#search-box .searchInput { width: 172px; height: 15px; border: 1px solid #d1d3d4; color: #736252; font-family: Arial, Helvetica; widht: 11px; font-size: 11px; }
#search-box .search-label-example,
#search-box .search-label-category { color: #4c433f; font-size: 10px; text-align: right; }
#search-box .search-label-category { text-align: left; padding-top: 1px; }
#search-box .tag-cloud { text-align: center; border-top: 2px solid #d9d8d3; border-bottom: 2px solid #d9d8d3; margin-bottom: 23px; margin-top: 11px; padding: 13px; 	13px: ;
}
#search-box .tag-cloud-link-1 { font-size: 10px; color: #736252; text-decoration: none; }
#search-box .tag-cloud-link-2 { font-size: 12px; color: #b25c0a; text-decoration: none; }
#search-box .tag-cloud-link-3 { font-size: 14px; color: #b25c0a; font-weight: bold; text-decoration: none; }
#search-box .index-link { font-size: 11px; color: #aa1d25; }

/* Box Commentaires Fb et Metro */
.fbCommentContainer{border:5px solid #4471B4;width:430px;clear:left;}
.metroCommentContainer{border:5px solid #BA4A49;width:430px;clear:left;}