@CHARSET "UTF-8";

#yh-wrap * dl, #yh-wrap * dt ,#yh-wrap * dd, #yh-wrap * ul, #yh-wrap * ol, #yh-wrap * li,  #yh-wrap * p{margin:0;padding:0;}


#yh-wrap ol,ul {list-style:none;}

#yh-wrap {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

#yh-wrap  * {line-height:1.22em;}

/* generic styles and wrappers */
#yh-wrap { margin:0; padding:0; text-align:center; color:#333; }
#yh-wrap a{ text-decoration:none; }
#yh-wrap a:hover{ text-decoration:underline; }
#yh-wrap a { color:#FFFFFF;  }
#yh-wrap * h3{ font: "Trebuchet MS",sans-serif; color:#07B2AD }

.cls{ zoom:1; }
.cls:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* fix IE guillotine bug */
.clr { clear:both; }

#yh-wrap{ width:655px; text-align:left; margin:0 auto ; background-color:#F4EBE4;  }


a.more { font-weight:bold; font-size:77%; text-transform:uppercase; color:#005daa; }

/* prevent overflow issues in IE, e.g. wide contents cause columns to drop */
#yh-wrap, .yh-ww, .yh-we { _overflow:hidden; }


/* switcher */
#yh-promo { margin-top:10px; min-height:200px; _height:200; position:relative; z-index:1; width:655px; height:200px }

#yh-promo-content { float:left; width:292px; position:absolute;  }

#yh-promo-content .promoCard{ z-index:1; width:100%; _height:200px; position:absolute; top:0px; padding:0; margin:0; background-color:#fff; background-repeat:no-repeat; visibility:hidden; opacity:0; -moz-opacity:0; filter: alpha(opacity=0); outline:none; }

#yh-promo-content .show, #yh-promo-menu li.show div{ visibility:visible; opacity:.99; -moz-opacity:.99; filter: alpha(opacity=.99); }

#yh-promo-content .copy{ position:absolute; bottom:10px; left:0px; }

#yh-promo-content .copy a.mn { font:182% georgia,times,serif; color:#680e1a; background-color:#fff; padding-right:10px; padding-bottom:2px; }

#yh-promo-menu { float:right; width:345px; }

#yh-promo-menu ul{  }

#yh-promo-menu li { position:relative; padding:0px; margin:0px 0px 1px; background:#fff url(/images/titres.gif) no-repeat -671px -24px; border:1px solid #16B1A9; 
height:21px; line-height:132px; }

#yh-promo-menu li a{ position:relative; display:block; height:32px; padding:7px 10px 0; margin:0px; z-index:5; font-size:85%; color:#333; outline:none; line-height:16px; }

#yh-promo-menu li a.last{ height:30px; }

#yh-promo-menu li div{ left: -10px  }

#yh-promo-menu li.selected a{  }

#yh-promo-menu li div { position:absolute; z-index:3; margin:-1px 0 0 -1px; width:350px; *margin-left:-11px; *width:365px; *display:inline; visibility:hidden; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); }

#yh-promo-menu li div p { border:1px solid #fbe17c; background-color:#fdf3c5; *margin-left:10px; }

#yh-promo-menu li div span{ position:absolute; margin:0 0 6px 0; width:355px; height: 40px; background:#16B1A9 url(/images/titres.gif) repeat-y -1100px center; background-color:#16B1A9}
.home #yh-promo-menu li div span{height: 24px;}
.home #yh-promo-menu li{  }
.home #yh-promo-menu li a{ height:18px; padding:4px 10px 0; }

#yh-promo-foot { clear:both; text-align:right; padding:3px 4px; background:transparent url(/images/titres.gif) no-repeat -701px 0; }

#yh-promo-btn { display:block; float:right; width:54px; height:18px; cursor:hand; cursor:pointer; margin:0px; background:transparent url(/images/titres.gif) no-repeat -1046px 0; }

#yh-promo-btn.start{ background-position:-1046px -18px; }

/* topic card */
#yh-promo-content #yh-promo-more { height:200px; margin-left:0; overflow:auto; border:1px solid #16B1A9; zoom:1; border-radius:9px 0 0 9px; -moz-border-radius:9px 0 0 9px; background-color:#E7FFFF; /* need a bg color to fix an ie display issue */ }

#yh-promo-more ul{ width:47%; *width:45%; margin:0 0 9px 9px; float:left; display:inline; zoom:1; }

#yh-promo-more li{ font:85% verdana,sans-serif; *float:left; *clear:both; zoom:1; width:auto; *width:190px; }

#yh-promo-more li a { color:#000000 }

#yh-promo-more li a:hover{ color:#000000 ; text-decoration:none; }

#yh-promo-more h2{ clear:both; font:bold 77% verdana,sans-serif; margin:9px; }


#moretopics h3{ margin:10px 10px 7px; padding-bottom:7px; border-bottom:1px solid #dddcd6; font:114% arial,sans-serif; text-transform:uppercase; background-color:#E7FFFF; /* need a bg 


color to fix an ie display issue */ }

/* switcher card */
.promoCard .text{ /*margin:30px 55px 5px 12px; width:200px; padding-left:10px; background-image:url(/images/trans.png); background-repeat:repeat */
   position:absolute;
   padding:0;
   color:#FFFFFF;
   top:143px;
   height:65px;
}


.more{ display:block; font-size:100%; text-transform:none; margin-top:7px; color:#FF0000; font-weight:900;width:93%; margin-left:10px}

.clickim {display:block;
    position:relative;
	top: 0px;
    left:0px;
    width:292px;
    height:200px;}

/* Tier1 Article css */
.yh-promo-byline {font:normal 11px arial; color:#999999;margin-bottom:20px;line-height:normal;}
.yh-promo-byline label{color:#333333;line-height:normal;}
.yh-promo-byline .yh-promo-credit{line-height:normal;}
.yh-promo-cnt {width:654px; padding-bottom:30px;}

#yh-promo-article .hotdog {padding-bottom:20px;border-bottom:1px solid #999999;margin-bottom:30px;}

#yh-promo-article .hotdog h4{font:bold 12px arial;color:#333333;text-transform:uppercase;}

#yh-promo-article .hotdog ul li{margin-top:10px; list-style-type:none;}

#yh-promo-article .hotdog a{color:#00639B;font:normal 11px arial;}

#yh-promo-article .yh-promo-hdr {margin:40px 20px 20px 0; background:none;}

#yh-promo-article .yh-promo-hdr .title h1{font:normal 26px "Trebuchet MS",sans-serif; margin:0; width:470px; color:#333333;}
.yh-promo-hdr .subtitle h2{font:normal 13px "Trebuchet MS",sans-serif;text-transform:none;color:#333333;}
.yh-promo-hdr .logo{color:#AAA;font:77% verdana;float:right;}
.yh-promo-hdr .logo .attrline{margin:0 0 5px;}
.yh-promo-hdr .logo .attrline label{color:#999999;font-size:11px;font-family:arial}


#yh-promo-article .img-left{margin:0 20px 30px 0;float:left;display:block;}

#yh-promo-article .img-left img{margin: 0 0 5px;display:block;}

#yh-promo-article .img-left .caption, #yh-promo-article .hotdog .disclaimer{font:normal 10px arial;color:#999999;display:block;}

#yh-promo-article .hotdog .disclaimer{margin-top: 5px;}

#yh-promo-article .promo-cnt-left .subdiv {width:180px;margin-right:20px;clear:left;float:left;display:block;} 
.promo-cnt-left #yh-ratings-art {margin:0;}
.promo-cnt-left #yh-ratings-art h4 {text-transform:uppercase; font:bold 12px arial;color:#333333;}
.promo-cnt-left #yh-ratings-art .dt {background:none;clear:none;height:0px;}

#yh-promo-article #yh--w h1 {margin:40px 0 20px;zoom:1;}

#yh-promo-article #yh--w div img {margin: 10px 0;}

#yh-promo- {background:#FBF8EB none repeat scroll 0 50%; padding-top: 15px; top: 0px;}

#yh-promo- #yh--e {background:none; float:none; width: 100%;}

#yh-promo- .feedb {background: none; border-bottom: none; float: right; width: 276px; margin: 10px 12px; padding: 0px; display:inline;}

#yh-promo- .alsoon { background: none; float: left; width: 650px; margin: 10px 12px; padding: 0px; display: inline;}

#yh-promo- .alsoon li { float: left; width: 20%;}

#yh-promo-article .yh-promo-hdr .title .yh-art-hdr-print-h1 {width:300px;}

#yh-promo-article .dtk-art-tools,#yh-promo-article .synd {width:654px;clear:none;float:left;}


