/*  contentTop  */
#contentTop {width:670px;border-bottom:1px solid #e3e2da;padding-bottom:20px;margin-bottom:20px;position:relative;top:-5px}
#contentTop .title {margin-bottom:8px;font-size:24px;line-height:28px}
#contentTop .signature {font-size:11px;line-height:15px;height:30px}
#contentTop .avatar {float:left}
#contentTop .avatar img {margin-right:10px}
#contentTop .author {font-weight:bold}
#contentTop .stats {font-size:11px;position:absolute;bottom:20px;right:0px}
#contentTop .facebook {float:left}
#contentTop .gplusone {float:left !important;margin-left:8px !important}
#contentTop .reactions {margin-left:8px;float:left;background:url(http://img.midilibre.fr/img/icn/icn_reactions.gif) 0 4px no-repeat;padding-left:20px;line-height:20px;font-weight:bold}

/*  article body  */
#leftColumn .articleBlock a {text-decoration:underline}
#leftColumn .articleBlock .image {border:1px solid #ccc;margin-bottom:26px;/*in case there is no caption*/}
#leftColumn .articleBlock .caption {font-size:11px;line-height:16px;color:#6e6862;margin-bottom:4px;position:relative;/*to correctly place the caption*/ top:-20px}
#leftColumn .articleBlock .chapeau {font-weight:bold}
#leftColumn .articleBlock p {margin-bottom:20px}
#leftColumn .articleBlock ul {margin-bottom:20px}
#leftColumn .articleBlock li {background:url(http://img.midilibre.fr/img/bg/bg_bullet.gif) 2px 8px no-repeat;padding-left:14px}
#leftColumn .articleBlock .advert {float:left;background:none;margin:0px 10px 10px 0px}
#leftColumn .lireAussiBlock {border-top:1px solid #E3E2DA;padding-top:20px;margin-bottom:30px}
#leftColumn .lireAussiBlock .title {background:url(http://img.midilibre.fr/img/ti/ti_lireAussi.gif) 0px 0px no-repeat;height:13px;width:86px;margin-bottom:15px}
#leftColumn .lireAussiBlock .link {background:url(http://img.midilibre.fr/img/bg/bg_bullet.gif) 2px 8px no-repeat;padding-left:14px;font-size:13px;line-height:16px;margin-top:5px}
#leftColumn .lireAussiBlock a {font-weight:bold}
.win #leftColumn em {font-family:arial;font-size:15px}
#leftColumn .gplusone {float:left !important;margin-left:8px !important}

/*  toolbar  */
#leftColumn .toolbarBlock {margin-bottom:58px;height:15px}
#leftColumn .toolbarBlock div {float:left;margin-right:6px;position:relative}
#leftColumn .toolbarBlock a:hover, #leftColumn .toolbarBlock .pointer:hover {text-decoration:none!important}
#leftColumn .toolbarBlock a span, #leftColumn .toolbarBlock .pointer span {display:none}
#leftColumn .toolbarBlock a:hover span, #leftColumn .toolbarBlock .pointer:hover span {display:block;background:url(http://img.midilibre.fr/img/bg/bg_toolbar_tip.png) 0px 0px no-repeat;position:absolute;left:-10px;height:28px;top:-30px;font-size:11px;white-space:nowrap}
#leftColumn .toolbarBlock a:hover span b, #leftColumn .toolbarBlock .pointer:hover span b {display:block;font-weight:normal;border-right:1px solid #b0aaa4;border-left:1px solid #b0aaa4;height:23px;line-height:21px;padding:0px 8px}
#leftColumn .toolbarBlock .facebook a {background:url(http://img.midilibre.fr/img/icn/icn_facebook.gif) 0 0px no-repeat;display:block;height:15px;width:15px}
#leftColumn .toolbarBlock .twitter a {background:url(http://img.midilibre.fr/img/icn/icn_twitter.gif) 0 0px no-repeat;display:block;height:15px;width:15px}
#leftColumn .toolbarBlock .email a {background:url(http://img.midilibre.fr/img/icn/icn_email.gif) 0 0px no-repeat;display:block;height:15px;width:15px}
#leftColumn .toolbarBlock .print a {background:url(http://img.midilibre.fr/img/icn/icn_print.gif) 0 0px no-repeat;display:block;height:17px;width:17px}
#leftColumn .toolbarBlock .text_big a {background:url(http://img.midilibre.fr/img/icn/icn_text_big.gif) 0 0px no-repeat;display:block;height:13px;width:13px;position:relative;top:1px}
#leftColumn .toolbarBlock .text_small a {background:url(http://img.midilibre.fr/img/icn/icn_text_small.gif) 0 0px no-repeat;display:block;height:13px;width:10px;position:relative;top:2px}

/*to select the correct toolbar images*/
#leftColumn .toolbarBlock .smallText .small, #leftColumn .toolbarBlock .mediumText .medium, #leftColumn .toolbarBlock .largeText .large {display:block}
#leftColumn .toolbarBlock .smallText .medium, #leftColumn .toolbarBlock .smallText .large, #leftColumn .toolbarBlock .mediumText .small, #leftColumn .toolbarBlock .mediumText .large, #leftColumn .toolbarBlock .largeText .small, #leftColumn .toolbarBlock .largeText .medium {display:none}
#leftColumn .toolbarBlock .largeText .large.text_big a {background:url(http://img.midilibre.fr/img/icn/icn_text_big.gif) 0 -17px no-repeat}
#leftColumn .toolbarBlock .smallText .small.text_small a {background:url(http://img.midilibre.fr/img/icn/icn_text_small.gif) 0 -13px no-repeat}


/*PORTFOLIO BLOCK*/
.portfolioBlock { margin-bottom:30px;color:#fff;background:#000;height:373px;position:relative;line-height:16px}
.portfolioBlock .counter { font-size:11px;height:24px;line-height:23px;border-bottom:1px solid #1c1c1c;padding-left:16px}
.portfolioBlock .description { font-size:12px;padding:14px 16px 17px 16px;height:48px}
.portfolioBlock .credits { font-size:10px;color:#999;position:absolute;bottom:14px;right:16px}
.portfolioBlock .player { position:absolute;margin-top:-104px;right:0px}
.portfolioBlock .player a { display:block;width:24px;height:24px;background:url(http://img.midilibre.fr/img/icn/icn_portfolio_player.gif) 0 0px no-repeat;float:left;margin-left:1px;cursor:pointer}
.portfolioBlock .player a#zoomBtn:hover { background-position:0px -24px}
.portfolioBlock .player a#prevBtn { background-position:-25px 0px}
.portfolioBlock .player a#prevBtn:hover { background-position:-25px -24px}
.portfolioBlock .player a.pause { background-position:-100px 0px}
.portfolioBlock .player a.pause:hover { background-position:-100px -24px}
.portfolioBlock .player a.play { background-position:-50px 0px}
.portfolioBlock .player a.play:hover { background-position:-50px -24px}
.portfolioBlock .player a#nextBtn { background-position:-75px 0px}
.portfolioBlock .player a#nextBtn:hover { background-position:-75px -24px}
.portfolioBlock .arrows { position:absolute;top:0;left:0px;z-index:100}
.portfolioBlock .arrows #portPrev { position:absolute;top:0;left:0px;width:255px;height:255px}
.portfolioBlock .arrows #portPrev.off a { display:none}
.portfolioBlock .arrows #portPrev.on a { display:block;width:28px;height:46px;background:url(http://img.midilibre.fr/img/icn/icn_portfolio_arrows.png) 0 0px no-repeat;margin-top:105px;margin-left:15px}
.portfolioBlock .arrows #portNext { position:absolute;top:0;left:255px;width:255px;height:255px}
.portfolioBlock .arrows #portNext.off a { display:none}
.portfolioBlock .arrows #portNext.on a { display:block;width:28px;height:46px;background:url(http://img.midilibre.fr/img/icn/icn_portfolio_arrows.png) -28px 0px no-repeat;margin-top:105px;margin-right:15px;float:right}
.portfolioBlock .player a#prevBtn.end { background-position:-25px -48px}
.portfolioBlock .player a#nextBtn.end { background-position:-75px -48px}

/*fullsized*/
#article.fullsizedPort #leftColumn { top:0px}
#article.fullsizedPort #topBlock { margin-top:20px;background:#000;overflow:hidden}
#article.fullsizedPort .portfolioBlock { width:650px;float:left;margin:20px 18px 0 18px;height:auto}
#article.fullsizedPort .portfolioBlock .chapo { font-size:13px;width:650px;padding-bottom:22px;color:#999999;padding-right:0px}
#article.fullsizedPort .portfolioBlock .chapo  p {margin:0}
#article.fullsizedPort .portfolioBlock .chapo  a { color: #f00}
.ie6 #article.fullsizedPort .portfolioBlock { margin:20px 9px 0 9px}
#article.fullsizedPort .portfolioBlock .title { font-size:20px;line-height:22px;height:23px;overflow:hidden;padding-bottom:13px;padding-right:0px}
#article.fullsizedPort .portfolioBlock .description { padding-left:0px;padding-right:0px;height:90px}
#article.fullsizedPort .portfolioBlock .counter { border-left:1px solid #1c1c1c;padding-left:0px}
#article.fullsizedPort .portfolioBlock .credits { left:0px;position:relative}
#article.fullsizedPort .portfolioBlock .types { position:absolute;margin-top:455px;right:0px;font-size:11px}
#article.fullsizedPort .portfolioBlock .types a { display:block;float:left;color:#fff;height:20px;line-height:20px;font-weight:bold;background:url(http://img.midilibre.fr/img/bg/bg_grayButton2.gif) left top no-repeat;margin-left:4px}
#article.fullsizedPort .portfolioBlock .types span { display:block;background:url(http://img.midilibre.fr/img/bg/bg_grayButton2.gif) right top no-repeat;margin-left:6px;padding-right:6px;font-size:11px;line-height:18px;height:20px}
.ie6 #article.fullsizedPort .portfolioBlock .types a, .ie6 #article.fullsizedPort .portfolioBlock .types span { float:left}
.ie6 #article.fullsizedPort .portfolioBlock .types span { margin-left:3px}
#article.fullsizedPort .portfolioBlock .player { margin-top:325px}
#article.fullsizedPort .portfolioBlock .arrows { top:auto}
#article.fullsizedPort .portfolioBlock .arrows #portPrev { width:325px;height:325px}
#article.fullsizedPort .portfolioBlock .arrows #portNext { left:325px;width:325px;height:325px}
#article.fullsizedPort .portfolioBlock .arrows #portPrev.on a, #article.fullsizedPort .portfolioBlock .arrows #portNext.on a { margin-top:139px}
#article.fullsizedPort .sidebar { width:314px;float:left;background:#0f0f0f}
#article.fullsizedPort .sidebar .advert { font-size:8px;margin-top:14px;margin-bottom:22px}
#article.fullsizedPort .sidebar .advert span { position:relative;top:2px}
#article.fullsizedPort .sidebar .title { color:#fff;font-size:16px;font-weight:bold;margin-left:15px;margin-bottom:15px}
#article.fullsizedPort .sidebar .article { float:left;width:130px;margin-left:15px;padding-right:8px;height:118px;margin-bottom:3px;overflow:hidden}
.ie6 #article.fullsizedPort .sidebar .article { margin-left:11px}
#article.fullsizedPort .sidebar .article a { color:#fff}
#article.fullsizedPort .sidebar .image { margin-bottom:4px}
#article.fullsizedPort .sidebar .link { font-size:11px;line-height:15px;font-weight:bold}
#article.fullsizedPort .stats { position:absolute;right:-160px;top:0px;font-size:11px}
#article.fullsizedPort .stats .facebook { float:left}
#article.fullsizedPort .stats .reactions { background:url("http://img.midilibre.fr/img/icn/icn_reactions.gif") no-repeat scroll 0 4px;float:left;font-weight:bold;line-height:20px;margin-left:8px;padding-left:20px}
#article.fullsizedPort #leftColumn .toolbarBlock a:hover span { background-position:0px -28px;top:23px}
#article.fullsizedPort #leftColumn .toolbarBlock a:hover span b { margin-top:5px}

/*lightbox*/
#lightboxContainer { position:absolute;top:0px;left:0px;background:#000;z-index:10000;text-align:center;width:100%}
.ie6 #lightboxContainer, .ie7 #lightboxContainer { height:4000px}
#lightboxContainer.off { display:none}
#lightboxContainer.on { display:block}
#article.fullsizedPort #lightbox.portfolioBlock, #lightbox.portfolioBlock { margin:20px auto;width:950px;text-align:left;float:none}
#lightbox .close { display:block;background:url("http://img.midilibre.fr/img/icn/icn_lightbox_close.gif") right top no-repeat;height:17px;padding-right:23px;line-height:17px;font-size:9px;text-transform:uppercase;color:#fff;position:absolute;top:0px;right:0px}
#lightbox .portfolio { position:relative;top:17px}
#lightbox .close:hover { background-position:right -17px;text-decoration:none}
#lightbox .counter { border-left:1px solid #1C1C1C}
#article.fullsizedPort #lightbox.portfolioBlock .player, #article #lightbox .player { margin-top:-130px}
#article #lightbox .player #zoomBtn { display:none}
#article #lightbox .description { font-size:13px;padding-left:0px;padding-bottom:2px;padding-right:0px;height:90px}
#article #lightbox.portfolioBlock .credits { position:relative;right:0px;top:0px}
#article #lightbox.portfolioBlock .arrows { top:17px}
#article #lightbox.portfolioBlock .arrows #portPrev { height:475px;left:0;position:absolute;top:0px;width:475px}
#article #lightbox.portfolioBlock .arrows #portNext { height:475px;left:475px;position:absolute;top:0px;width:475px}
#article #lightbox.portfolioBlock .arrows #portPrev.on a, #article #lightbox.portfolioBlock .arrows #portNext.on a { margin-top:214px}
#article .poll { position:relative;margin-bottom:30px;top:-28px;border-top:1px solid #E3E2DA;padding-top:20px}
#article .poll .pollTitle { font-size:15px;color:#f00;font-weight:bold;margin-bottom:15px;letter-spacing:.5px}
#article .poll .title { font-size:17px;line-height:20px;margin-bottom:15px}
#article .poll input { float:left;margin:0;padding:0}
.ie6 #article .poll input { border:0px solid #fff;position:relative;top:2px}
#article .poll label { display:block;margin-left:20px;padding-bottom:10px;position:relative;top:-4px}
#article .poll .votes { position:absolute;bottom:0px;right:10px;font-size:11px}
#article .poll .results .votes { position:relative;bottom:0px;right:0px}
#article .poll input.button { float:none;margin:7px 0 17px;padding:2px 12px 4px}
#article .encart { border-top:1px solid #E3E2DA;padding:16px 0 6px 0}
#article .encart .title { margin-bottom:8px;text-transform:uppercase}
#article .encart a {text-decoration:underline}
#article .adBlock { position:relative;top:-30px;border-top:1px solid #D8D2CC}
#article .adBlock .ad { border-bottom:1px solid #D8D2CC;text-align:center;line-height:26px;font-size:12px;padding:4px 0}
#article .adBlock .ad a { display:table-cell}
#article .adBlock .ad a.link { vertical-align:middle;width:510px;color:#2695C1}
#article .adBlock .ad img { float:left}


/*petitesAnnoncesBlock*/
#petitesAnnoncesBlock {overflow:auto;border-bottom:1px solid #e3e2da;position:relative;top:-30px}
#petitesAnnoncesBlock .bar {background:#cae7f3;color:#3799c9;font-size:11.5px;line-height:22px;font-weight:bold;padding-left:10px;height:24px;position:relative;margin-bottom:10px}
#petitesAnnoncesBlock .bar .place {position:absolute;right:10px;top:0px}
#petitesAnnoncesBlock .annonce {float:left;width:170px;font-size:10px;line-height:14px;font-family:arial,Helvetica,sans-serif;margin-bottom:10px}
#petitesAnnoncesBlock .annonce img {float:left;width:68px;height:51px;margin-right:6px}
#petitesAnnoncesBlock .annonce a {display:block;margin-right:4px;color:#6e6862}
#petitesAnnoncesBlock .annonce a strong {display:block;font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;color:#000;font-size:11px;letter-spacing:-0.7px;padding-bottom:2px}

/*infoML*/
p.infoMidiLibre {background:url("http://img.midilibre.fr/img/icn/icn_info_ml.gif") 0px 4px no-repeat; text-indent:84px;}