/* Fix pour le nouveau code de Twitter */
body > iframe {width:0!important;}

/**
* @styles.css
* css principal pour le rebranding du site
*/
body {
    padding:0;
    margin:0;
    background-color:#fff;
    background:none;
}
img {border:0 none;}
.clearer {clear:both; height:0; padding:0; margin:0; overflow:hidden;}

#entete,
#navigation {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}
#entete a,
#navigation a {text-decoration:none;}
#entete ul,
#entete ol,
#navigation ul,
#navigation ol {
    list-style-type:none;
    padding:0;
    margin:0;
}
#header,
#alerte,
#pubs,
#wallpaper,
#navigation,
#sousNavigation,
#wrapper,
#footer,
#footerLiensNav,
#footerLiensTop,
#footerBoxLiens,
#footerMenu,
#footerBoxCopyright {
   float:left;
   width:100%;
}
#entete,
#navigation .ctnNavigation,
#sousNavigation .ctnSousNavigation,
#wrapper #masthead,
#wrapper #contenant,
#footer .ctnLiensNav,
#footer .ctnLiensTop,
#footer .ctnBoxLiens,
#footer .ctnNavigation,
#footer .ctnBoxCopyright {
    width:994px;
    margin:0 auto;
}
#wrapper #masthead {background:#fff;}
#alerte .ctnAlerte,
#pubs .ctnPubs {
    width:974px;
    padding:0 10px;
    margin:0 auto;
    text-align:center;
}
#entete .ctnEntete,
#navigation .menu,
#sousMenu,
#masthead #maincontent,
#contenant #bg {
    float:left;
    width:974px;
    padding:0 10px;
    background:#fff;
    text-align:left;
}

/* --------------------------------- */
/* PUBS
/* --------------------------------- */
body.pubs,
body#bgPubs,
body.recherche {background:url(../img/bg_pubs.png) repeat-x 0 0;}
#bgPubs974 {background:url(../img/bg_pubs974.png) repeat-x 0 0;}
#bgPubs974 {background:url(../img/bg_pubs974.png) repeat-x 0 0;}
body.accueil#bgPubs974 {background:none;}
#pub2x2,
#pub974x125 {
    margin:0 auto;
    width:100%;
}
.pub2x2 {
    width:994px;
    margin:0 auto;
    text-align:center;
}
.pub974x125 {
    width:994px;
    margin:0 auto;
    text-align:center;
}
.pubBulle {
    padding:55px 0 0 50px;
}

/* --------------------------------- */
/* Cyberpresse en page d'accueil
/* --------------------------------- */
#boxaccueil {
    float:left;
    width:100%;
    height:83px;
    margin:0 auto;
    background-color:#878787;
}
#cpbffbox {
	display:block;
    width:974px;
    height:83px;
    margin:auto;
    background-color:#878787;
    padding:0
}
.cbpffa {
	background-image:url(../img/pageaccueil/cbp_en_accueilb.gif);
    background-repeat:no-repeat;
    width:632px;
    height:83px;
    background-color:#878787;
    float:left
}
.cbpfftxt {
	float:left;
    height:83px;
    width:342px;
}
.cbpfftxt ol {
	padding:0;
    margin:0;
    padding-left:20px;
    padding-top:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:16px;
    float:left;
    list-style:decimal;
    color:#fff;
}
.cbpfftxt li {
	margin:0;
    padding:0 0 8px 0;
}
.addhomebtc {
	vertical-align:bottom;
    margin:0;
    padding:0;
    border:0;
}
#hpmsg {width:100%}


/* ---------------------------------------------------------------------------------- */
/* HEADER
/* ---------------------------------------------------------------------------------- */
#entete .ctnEntete {
    height:103px;
    overflow:hidden;
}

/* Bandeau d'alerte */
#messageAlerte {
	float:left;
  	width:100%;
	background:#878787;
}
#messageAlerte .ctnMessageAlerte {
	width:994px;
    margin:0 auto;
}
#messageAlerte .ctnMessageAlerte .message {
	float:left;
   	width:994px;
	background:url(../img/bg_alerteVideo.png) repeat-y 609px 0;
}
#messageAlerte .messageTxt {
	float:left;
   	width:561px;
	padding:24px 24px 50px 24px;
	font-size:14px;
	line-height:18px;
	color:#000;
	background:#fff;
}
#messageAlerte .messageTxt a.pdf {
	float:right;
	padding:0 40px 0 0;
	font-size:12px;
	font-weight:bold;
	line-height:38px;
	color:#003399;
	background:url(../img/ico_pdf.png) no-repeat 127px 0;
}
#messageAlerte .messageVideo {
	float:left;
   	width:361px;
	padding:85px 0 0 24px;
}
#messageAlerte .messageVideo .boxVideo {
	float:left;
   	width:308px;
	padding:10px;
	height:271px;
	background:#616161;
	border:1px solid #979797;
}
#messageAlerte .messageVideo .boxVideo p {
	float:left;
	width:308px;
	padding:0 0 10px 0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
#messageAlerte .messageVideo .boxVideo div {
	float:left;
	width:295px;
	height:165px;
	border:6px solid #fff;
}
#alerte {background:url(../img/bg_alerteSpeciale.png) repeat-x 0 0;}
#alerte .ctnAlerte p {
    float:left;
	height:100px;
    margin:0;
    font-size:13px;
    color:#fff;
}
#alerte .ctnAlerte p.txt {
    width:874px;
    padding:0;
	font-size:26px;
	line-height:100px;
	text-transform:uppercase;
    text-align:left;
}
#alerte .ctnAlerte p.txt img {vertical-align:middle;}
#alerte .ctnAlerte p.txt a {color:#fff;}
#alerte .ctnAlerte p#show,
#alerte .ctnAlerte p#hide {
    width:90px;
	height:25px;
    padding:31px 0 8px 5px;
	font-weight:bold;
	line-height:33px;
    text-align:left;
	background:url(../img/btn_down.png) no-repeat 63px 31px;
}
#alerte .ctnAlerte p#hide {background:url(../img/btn_up.png) no-repeat 63px 31px;}
#alerte .ctnAlerte p#show a,
#alerte .ctnAlerte p#hide a {
    display:block;
    width:88px;
    height:40px;
    color:#cfcfcf;
}
#alerte .ctnAlerte p a:hover {text-decoration:none;}

/* Pubs standards - 728x90 et 238x90 */
body#fond #pubs {padding:0;}
body#fond .ctnPubs {
    width:994px;
    padding:0;
}
#pubs {padding:8px 0;}
#pubs .ctnPubs .pubA,
#pubs .ctnPubs .pubB {
    float:left;
    height:90px;
}
#pubs .ctnPubs .pubA {
    width:728px;
    padding-right:8px;
}
#pubs .ctnPubs .pubB {
    width:238px;
    text-align:right;
}

/* Pubs de type wallpaper */
#wallpaper .ctnWallpaper {
    width:994px;
    margin:0 auto;
}
#wallpaper .ctnWallpaper .wallpaper {
    float:left;
    width:994px;
    text-align:center;
}

/* Logo */
#entete .boxLogo {
    float:left;
    width:95px;
    height:95px;
    padding:4px 0;
    background:url(../img/logo_lapresse.png) no-repeat 0 4px;
}
#entete .boxLogo a {
    display:block;
    width:95px;
    height:0;
    padding:95px 0 0 0;
    overflow:hidden;
}

/* --------------------------------- */
/* Visa & Liens channels
/* --------------------------------- */
#entete .boxChannels {
    float:left;
    width:541px;
    height:103px;
}
#entete .boxChannels .nouveau {
    float:left;
    position:relative;
    top:-44px;
    left:192px;
    display:none;
}
#entete .boxChannels .nouveau p {
    padding:0 5px;
    font-family:Verlag;
    font-size:11px;
    text-transform:uppercase;
    background:#b8e1e1;
}
#entete .boxChannels .nouveau .fleche {
    float:left;
    border-color:#b8e1e1 transparent transparent #b8e1e1;
    border-style:solid;
    border-width:4px;
    display:block;
    font-size:0;
    height:0;
    left:5px;
    line-height:0;
    position:relative;
    width:0;
}

/* Visa */
#entete .boxVisa {
    float:left;
    width:541px;
    height:78px;
}
#entete .boxVisa p {
    float:left;
    width:529px;
    padding:8px 0 0 12px;
    margin:0;
    font-size:14px;
    line-height:20px;
    text-align:left;
}
#entete .boxVisa p a.profil {
    padding-right:8px;
    margin-right:3px;
    border-right:1px solid #333;
}
#entete .boxVisa p a {color:#666;}
#entete .boxVisa p a:hover {text-decoration:underline;}
#entete .boxVisa p a strong {color:#333;}

/* Liens channels */
#entete .boxChannels ul {
    float:left;
    width:537px;
    padding:0 0 0 4px;
}
#entete .boxChannels ul li {
    float:left;
    margin:0 1px 0 0;
    font-size:13px;
    line-height:22px;
    text-transform:uppercase;
    color:#333;
}
#entete .boxChannels ul li a {
    display:inline-block;
    height:22px;
    padding:0 8px;
    color:#333;
}
body.recherche #entete .boxChannels ul li.blogues,
body.recherche #entete .boxChannels ul li.chroniques {
    width:auto;
    padding-bottom:0;
    background:none;
}
#entete .boxChannels ul li a:hover,
#entete .boxChannels ul li.active a,
.videos #entete .boxChannels ul li.videos a,
.videoplayer #entete .boxChannels ul li.videos a,
.slideshow #entete .boxChannels ul li.photos a,
.blogues #entete .boxChannels ul li.blogues a,
.chroniques #entete .boxChannels ul li.chroniques a,
.debats #entete .boxChannels ul li.debats a {
    color:#fff;
    background:url(../img/bg_menu-over.png) repeat-x 0 -466px;
    text-decoration:none;
}

/* --------------------------------- */
/* M�dias sociaux & Recherche
/* --------------------------------- */
#entete .boxRecherche {
    float:left;
    position:relative;
    width:338px;
    height:103px;
}
#entete .boxRecherche ul.mediasSociaux,
#entete .boxRecherche .formRecherche {float:right;}

/* M�dias sociaux */
#entete .boxRecherche ul.mediasSociaux {padding:8px 10px 13px 0;}
#entete .boxRecherche ul.mediasSociaux li {
    float:left;
    height:21px;
    padding:0 11px 0 0;
    line-height:21px;
}
#entete .boxRecherche ul.mediasSociaux li.facebook {background:url(../img/bg_mediasSociaux.gif) no-repeat 0 0;}
#entete .boxRecherche ul.mediasSociaux li.twitter {background:url(../img/bg_mediasSociaux.gif) no-repeat -32px 0;}
#entete .boxRecherche ul.mediasSociaux li.google {background:url(../img/bg_mediasSociaux.gif) no-repeat -64px 0;}
#entete .boxRecherche ul.mediasSociaux li.mobile {background:url(../img/bg_mediasSociaux.gif) no-repeat -96px 0;}
#entete .boxRecherche ul.mediasSociaux li.rss {
    background:url(../img/bg_mediasSociaux.gif) no-repeat -128px 0;
    padding:0;
}
#entete .boxRecherche ul.mediasSociaux li.facebook a,
#entete .boxRecherche ul.mediasSociaux li.twitter a,
#entete .boxRecherche ul.mediasSociaux li.google a,
#entete .boxRecherche ul.mediasSociaux li.mobile a,
#entete .boxRecherche ul.mediasSociaux li.rss a {
    display:block;
    width:21px;
    height:0;
    padding:21px 0 0 0;
    overflow:hidden;
}
#entete .boxRecherche ul.mediasSociaux li.facebook a:hover {background:url(../img/bg_mediasSociaux.gif) no-repeat 0 -30px;}
#entete .boxRecherche ul.mediasSociaux li.twitter a:hover {background:url(../img/bg_mediasSociaux.gif) no-repeat -32px -30px;}
#entete .boxRecherche ul.mediasSociaux li.google a:hover {background:url(../img/bg_mediasSociaux.gif) no-repeat -64px -30px;}
#entete .boxRecherche ul.mediasSociaux li.mobile a:hover,
body.mobile #entete .boxRecherche ul.mediasSociaux li.mobile a {background:url(../img/bg_mediasSociaux.gif) no-repeat -96px -30px;}
#entete .boxRecherche ul.mediasSociaux li.rss a:hover,
body.rss #entete .boxRecherche ul.mediasSociaux li.rss a {background:url(../img/bg_mediasSociaux.gif) no-repeat -128px -30px;}

/* Recherche */
#entete .formRecherche {
    width:159px;
    position:absolute;
    padding:0 0 4px 0;
    bottom:0;
    right:0;
}
#entete .formRecherche form.cnh_off {display:none;}
#entete .formRecherche ul {
    float:left;
    position:relative;
    top:1px;
}
#entete .formRecherche ul li {
    float:left;
    font-size:12px;
    line-height:12px;
    color:#bdbcbd;
}
#entete .formRecherche ul li a {
    float:left;
    padding:0 5px 8px 5px;
    line-height:12px;
    color:#0574ac;
}
#entete .formRecherche ul li a:focus {outline:none;}
#entete .formRecherche ul li a:hover {text-decoration:none;}
#entete .formRecherche ul li a.select {background:url(../img/search_arrow.gif) no-repeat 9px 14px;}
#entete .formRecherche ul li a#cotes.select {background:url(../img/search_arrow.gif) no-repeat 13px 14px;}
#entete .formRecherche input {
    float:left;
    font-size:13px;
    color:#6a6a6a;
}
#entete .formRecherche .champsRecherche {
    width:132px;
    height:22px;
    padding:0 0 0 2px;
    line-height:22px;
    border-top:1px solid #bdbcbd;
    border-right:0 none;
    border-bottom:1px solid #bdbcbd;
    border-left:1px solid #bdbcbd;
    background:url(../img/bg_recherche.png) repeat-x 0 0;
}
#entete .formRecherche .btnSubmit {
    width:24px;
    height:24px;
    border:0 none;
    background:url(../img/btn_recherche.png) no-repeat 0 0;
    cursor:pointer;
}
body.slideshow .btnSubmit {
    width:24px;
    height:24px;
    border:0 none;
    background:url(../img/btn_recherche.png) no-repeat 0 0;
    cursor:pointer;
}

/* --------------------------------- */
/* Menu
/* --------------------------------- */
.ctnNavigation .menu ul {
    float:left;
    width:974px;
    height:34px;
    border-bottom:1px solid #fff;
    background:#e2001a;
}
.ctnNavigation .menu ul li {
    float:left;
    font-size:13px;
    line-height:32px;
    text-transform:uppercase;
    color:#fff;
    position:relative;
    top:1px;
}
.ctnNavigation .menu ul li a {
	float:left;
    position:relative;
    left:-1px;
    height:34px;
    padding:0 11px 0 11px;
    margin:0 1px 0 0;
    color:#fff;
    /*background:url(../img/separateur_menu.gif) no-repeat right -1px;*/
}

/* État over et active */
.ctnNavigation .menu ul li a:hover {
	position:relative;
    height:33px;
    padding:1px 10px 0 12px;
    margin:-1px -1px 0 0;
  	left:-3px;
    line-height:32px;
    text-decoration:none;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    background:none;
}
body.actualites .ctnNavigation .menu ul li.actualites a,
body.international .ctnNavigation .menu ul li.international a,
body.sports .ctnNavigation .menu ul li.sports a,
body.arts .ctnNavigation .menu ul li.arts a,
body.vivre .ctnNavigation .menu ul li.vivre a,
body.vins .ctnNavigation .menu ul li.vins a,
body.voyage .ctnNavigation .menu ul li.voyage a,
body.noel .ctnNavigation .menu ul li.noel a,
.menu ul.affaires li.affaires a,
.menu ul.auto li.auto a,
.menu ul.maison li.maison a,
.menu ul.techno li.techno a,
#masthead #header .ctnNavigation .menu ul li.cinema a,
#global .ctnNavigation .menu ul li.cinema a {
    padding:1px 8px 0 8px;
    margin:-1px -1px 0 0;
  	left:-3px;
    line-height:32px;
    text-decoration:none;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
body.actualites .ctnNavigation .menu ul li.actualites a:hover,
body.international .ctnNavigation .menu ul li.international a:hover,
body.sports .ctnNavigation .menu ul li.sports a:hover,
body.arts .ctnNavigation .menu ul li.arts a:hover,
body.vivre .ctnNavigation .menu ul li.vivre a:hover,
body.vins .ctnNavigation .menu ul li.vins a:hover,
body.voyage .ctnNavigation .menu ul li.voyage a:hover,
body.noel .ctnNavigation .menu ul li.noel a:hover,
.menu ul.affaires li.affaires a:hover,
.menu ul.auto li.auto a:hover,
.menu ul.maison li.maison a:hover,
.menu ul.techno li.techno a:hover,
#masthead #header .ctnNavigation .menu ul li.cinema a:hover {
    position:relative;
    height:34px;
    padding:1px 8px 0 8px;
    margin:-1px -1px 0 0;
  	left:-3px;
    line-height:32px;
    text-decoration:none;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}

/* Accueil */
.ctnNavigation .menu ul li.accueil {
    width:36px;
	overflow:hidden;
}
.ctnNavigation .menu ul li.accueil a {
    display:block;
    width:35px;
    margin:0 1px 0 0;
    left:0;
    padding:0;
    background:url(../img/bg_menu-over.png) no-repeat 0 -1px;
}
.ctnNavigation .menu ul li.accueil a:hover {
    top:0;
    width:35px;
    height:34px;
    left:0;
    padding:0 1px 0 1px;
    margin:-1px -1px 0 0;
    background:url(../img/bg_menu-over.png) no-repeat 0 -38px;
    border-right:0 none;
    border-left:0 none;
}
body.accueil .ctnNavigation .menu ul li.accueil {border-right:0 none;}
body.accueil .ctnNavigation .menu ul li.accueil a {
    padding:0;
    margin:0;
    position:relative;
    left:0;
    line-height:34px;
    background:url(../img/bg_menu-over.png) no-repeat 0 -39px;
    border-left:0 none;
    border-right:0 none;
}
.ctnNavigation .menu ul li.accueil a:hover {padding:0;}

/* Actualites */
.ctnNavigation .menu ul li.actualites a:hover,
body.actualites .ctnNavigation .menu ul li.actualites a {background:url(../img/bg_menu-over.png) repeat-x 0 -76px;}

/* International */
.ctnNavigation .menu ul li.international a:hover,
body.international .ctnNavigation .menu ul li.international a {background:url(../img/bg_menu-over.png) repeat-x 0 -76px;}

/* Affaires */
.ctnNavigation .menu ul li.affaires a:hover,
.ctnNavigation .menu ul.affaires li.affaires a {background:url(../img/bg_menu-over.png) repeat-x 0 -115px;}

/* Sports */
.ctnNavigation .menu ul li.sports a:hover,
body.sports .ctnNavigation .menu ul li.sports a {background:url(../img/bg_menu-over.png) repeat-x 0 -154px;}

/* Auto */
.ctnNavigation .menu ul li.auto a:hover,
.ctnNavigation .menu ul.auto li.auto a {background:url(../img/bg_menu-over.png) repeat-x 0 -193px;}

/* Arts */
.ctnNavigation .menu ul li.arts a:hover,
body.arts .ctnNavigation .menu ul li.arts a {background:url(../img/bg_menu-over.png) repeat-x 0 -232px;}

/* Cinema */
.ctnNavigation .menu ul li.cinema a:hover,
#header .ctnNavigation .menu ul li.cinema a:hover,
#masthead #header .ctnNavigation .menu ul li.cinema a,
#global .ctnNavigation .menu ul li.cinema a {background:url(../img/bg_menu-over.png) repeat-x 0 -271px;}

/* Vivre */
.ctnNavigation .menu ul li.vivre a:hover,
body.vivre .ctnNavigation .menu ul li.vivre a {background:url(../img/bg_menu-over.png) repeat-x 0 -349px;}

/* Voyage */
.ctnNavigation .menu ul li.voyage a:hover,
body.voyage .ctnNavigation .menu ul li.voyage a {background:url(../img/bg_menu-over.png) repeat-x 0 -310px;}

/* Vins */
.ctnNavigation .menu ul li.vins a:hover,
body.vins .ctnNavigation .menu ul li.vins a {background:url(../img/bg_menu-over.png) repeat-x 0 -349px;}

/* Maison */
.ctnNavigation .menu ul li.maison a:hover,
.ctnNavigation .menu ul.maison li.maison a {background:url(../img/bg_menu-over.png) repeat-x 0 -388px;}

/* Techno */
.ctnNavigation .menu ul li.techno a:hover,
.ctnNavigation .menu ul.techno li.techno a {background:url(../img/bg_menu-over.png) repeat-x 0 -427px;}

/* Noel */
.ctnNavigation .menu ul li.noel a:hover,
body.noel .ctnNavigation .menu ul li.noel a {background:url(http://www.cyberpresse.ca/ui/img/bg_menu-over.png) repeat-x 0 -491px;}
.ctnNavigation .menu ul li.noel a {background:none;}

/* --------------------------------- */
/* Sous-menu
/* --------------------------------- */
#sousMenu ul {
    float:left;
    width:974px;
    padding:0;
    margin:0;
    background:#3b3b3b;
    list-style-type:none;
}
#sousMenu ul li {
    float:left;
    padding:0 7px;
    font-size:13px;
    line-height:34px;
}
#sousMenu ul li a {
    padding:0 2px 4px 2px;
    color:#fff;
}
#sousMenu div.quotidien ul li a {color:#545454;}
#sousMenu ul li a:hover,
#sousMenu ul li.active a {
    text-decoration:none;
    border-bottom:5px solid #7a7a7a;
}

/* Actualités */
body.actualites #header #sousMenu ul {background:#696561;}
body.actualites #header #sousMenu ul li a:hover,
body.actualites #header #sousMenu ul li.active a {border-bottom:5px solid #a4a5a5;}
#header #sousMenu .navChannel ul.actualites li a:hover,
#header #sousMenu .navChannel ul.actualites li.active a {border-bottom:4px solid #696561;}

/* International */
body.international #header #sousMenu ul {background:#696561;}
body.international #header #sousMenu ul li a:hover,
body.international #header #sousMenu ul li.active a {border-bottom:5px solid #a4a5a5;}
#header #sousMenu .navChannel ul.international li a:hover,
#header #sousMenu .navChannel ul.international li.active a {border-bottom:4px solid #696561;}

/* Affaires */
#header #sousMenu ul.affaires {background:#0574ac;}
#header #sousMenu ul.affaires li a:hover,
#header #sousMenu ul.affaires li.active a {border-bottom:5px solid #34baff;}
#header #sousMenu .navChannel ul.affaires li a:hover,
#header #sousMenu .navChannel ul.affaires li.active a {border-bottom:4px solid #0574ac;}

/* Sports */
body.sports #header #sousMenu ul {background:#e0ae00;}
body.sports #header #sousMenu ul li a:hover,
body.sports #header #sousMenu ul li.active a {border-bottom:5px solid #ffd52d;}
#header #sousMenu .navChannel ul.sports li a:hover,
#header #sousMenu .navChannel ul.sports li.active a {border-bottom:4px solid #e0ae00;}

/* Auto */
#header #sousMenu ul.auto {
    margin:0;
    background:#5b7c8e;
}
#header #sousMenu .navChannel ul.auto{background:none;}
#header #sousMenu ul.auto li a:hover,
#header #sousMenu ul.auto li.active a {border-bottom:5px solid #9ac7dc;}
#header #sousMenu .navChannel ul.auto li a:hover,
#header #sousMenu .navChannel ul.auto li.active a {border-bottom:4px solid #5b7c8e;}

/* Arts */
body.arts #header #sousMenu ul {background:#00a5bb;}
body.arts #header #sousMenu ul li a:hover,
body.arts #header #sousMenu ul li.active a {border-bottom:5px solid #a0e6f0;}
#header #sousMenu .navChannel ul.arts li a:hover,
#header #sousMenu .navChannel ul.arts li.active a {border-bottom:4px solid #00a5bb;}

/* Cinema */
table#global #sousMenu ul {background:#9958a1;}
table#global #sousMenu ul li a:hover,
table#global #sousMenu ul li.on a {border-bottom:5px solid #dca6fc;}
table#global .navChannel ul li a:hover,
table#global .navChannel ul li.selected a {border-bottom:4px solid #9958a1;}

/* Vivre */
body.vivre #header #sousMenu ul {background:#840132;}
body.vivre #header #sousMenu ul li a:hover,
body.vivre #header #sousMenu ul li.active a {border-bottom:5px solid #ff7fa0;}
#header #sousMenu .navChannel ul.vivre li a:hover,
#header #sousMenu .navChannel ul.vivre li.active a {border-bottom:4px solid #840132;}

/* Voyage */
body.voyage #header #sousMenu ul {background:#ff6c00;}
body.voyage #header #sousMenu ul li a:hover,
body.voyage #header #sousMenu ul li.active a {border-bottom:5px solid #ffbf7a;}
#header #sousMenu .navChannel ul.voyage li a:hover,
#header #sousMenu .navChannel ul.voyage li.active a {border-bottom:4px solid #ff6c00;}

/* Vins */
body.vins #header #sousMenu ul {background:#840132;}
body.vins #header #sousMenu ul li a:hover,
body.vins #header #sousMenu ul li.active a {border-bottom:5px solid #ff7fa0;}
#header #sousMenu .navChannel ul.vins li a:hover,
#header #sousMenu .navChannel ul.vins li.active a {border-bottom:4px solid #840132;}

/* Maison */
#header #sousMenu ul.maison {background:#8fa929;}
#header #sousMenu ul.maison li a:hover,
#header #sousMenu ul.maison li.active a {border-bottom:5px solid #dfeab4;}
#header #sousMenu .navChannel ul.maison li a:hover,
#header #sousMenu .navChannel ul.maison li.active a {border-bottom:4px solid #8fa929;}

/* Techno */
#header #sousMenu ul.techno {background:#6473b4;}
#header #sousMenu ul.techno li a:hover,
#header #sousMenu ul.techno li.active a {border-bottom:5px solid #b6c6fd;}
#header #sousMenu .navChannel ul.techno li a:hover,
#header #sousMenu .navChannel ul.techno li.active a {border-bottom:4px solid #6473b4;}

/* Noel */
body.noel #header #sousMenu ul {background:#4d4e4e;}
body.noel #header #sousMenu ul li a:hover,
body.noel #header #sousMenu ul li.active a {border-bottom:5px solid #7a7a7a;}
#header #sousMenu .navChannel ul.voyage li a:hover,
#header #sousMenu .navChannel ul.voyage li.active a {border-bottom:4px solid #7a7a7a;}

/* Debats */
body.debats #header #sousMenu ul {background:#252525 url(../img/bg_navPhotos.png) repeat-x 0 0;}
body.debats #sousMenu ul li a:hover,
body.debats #sousMenu ul li.on a {border-bottom:5px solid #7a7a7a;}
body.debats .obj_lst {
    left:0;
    top: 0;
    position: absolute;
}

/* Galerie Photo & Videos */
body.slideshow #sousMenu ul li a:hover,
body.videos #sousMenu ul li a:hover,
body.slideshow #sousMenu ul li.on a,
body.videos #sousMenu ul li.on a {border-bottom:5px solid #7a7a7a;}

/* Navigation 3e niveau */
#sousMenu .navChannel,
.content .navChannel {
    float:left;
    width:974px;
}
#sousMenu .navChannel ul,
#sousMenu .navChannel ul.auto,
.content .navChannel ul {
    float:left;
    width:974px;
    padding:0;
    margin:0;
    list-style-type:none;
    background:none;
}
#sousMenu .navChannel ul li,
.content .navChannel ul li {
    float:left;
    padding:0 10px;
    font-size:13px;
    line-height:34px;
}
#sousMenu .navChannel ul li a,
.content .navChannel ul li a {
    padding:0 2px 1px 2px;
    font-weight:normal;
    color:#000;
    text-decoration:none;
}

/* --------------------------------- */
/* CSS pour sites externe
/* --------------------------------- */
#maincontent .breadcrumb {padding:10px 0;}
.pubsExternal {
    float:left;
    width:100%;
    background:#b0b0b0;
    text-align:center;
}
.pubsExternal table {margin:0 auto;}
.pubsExternal table tbody {display:inline;}
#wrapper table {background:#fff;}
#masthead #contenant ul.main-nav {display:none;}
#maincontent .filariane .linear.fil-ariane li {
    float:none;
    display:inline;
}
#cyberpresse_haut #wrapper #masthead #content {
    float:left;
    width:974px;
    padding:0 0 0 10px;
}
#cyberpresse_haut #wrapper #masthead #content #header #menu ul {
    float:left;
    width:974px;
    padding:0;
    margin:0;
}
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li {margin-right:0;}
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li a {
    font-size:13px;
    line-height:14px;
}
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li.filet-menu {display:none;}
#cyberpresse_haut #wrapper #masthead #content #header #arianne {
    display:inline-block;
    width:974px;
}
#cyberpresse_haut #wrapper #masthead #content #corps #gauche {
    margin-left:0;
    margin-right:0;
    width:634px;
}
#cyberpresse_haut #wrapper #masthead #content #corps #droit {left:730px;}
#cyberpresse_haut #contenant {display:none;}
#cyberpresse_haut #wrapper #masthead #content #header {float:none;}

#maincontent table#wg_container_table {width:974px;}
#maincontent table#wg_container_table,
#maincontent table#wg_subContainer_table,
#maincontent table#wg_subContainer_table table {background:#000;}
#maincontent h1.detente-header a {color:#333;}
#maincontent td .games-wrapper {
    padding:0;
    border:0 none;
    text-align:left;
}
#maincontent td p.txt-pub {text-align:center;}
#wrapper #maincontent #wg_container {width:974px;}
#wrapper #maincontent #wg_subContainer_table1 {
    width:974px;
    background:#000;
}

/* Stats sports */
#shsBody .shsTableTtlRow {background-color:#ed1c24;}


/* --------------------------------- */
/* CONCOURS - Interception
/* --------------------------------- */
#concours {
    float:left;
    width:100%;
    background:#e5e5e5;
}
#concours .ctnConcours {
    margin:0 auto;
    padding:0 10px;
    text-align:center;
    width:974px;
    background:url(../img/concours/concours_technoInterception.jpg) no-repeat 10px 0;
}
#concours .ctnConcours a {
    display:block;
    width:974px;
    height:0;
    padding:200px 0 0 0;
    overflow:hidden;
}


/* --------------------------------- */
/* Les Quotidiens & D�tentes
/* --------------------------------- */
#sousMenu .quotidien {
    float:left;
    width:974px;
    margin:3px 0 0 0;
    background:url(../img/bg_quotidiens.png) repeat-x 0 0;
}
#masthead .sousmenu {padding:0 0 0 10px;}
#sousMenu .quotidien h2 {
    padding:0;
    margin:0;
}
#sousMenu .quotidien ul {
    width:972px;
    height:34px;
    border:1px solid #bebebe;
    background:url(../img/bg_menu-quotidiens.png) repeat-x bottom;
}
#masthead .sousmenu ul.sub-section,
#sousMenu.detente ul,
#cyberpresse_haut #wrapper #masthead #content #header #menu {
    float:left;
    width:974px;
    padding:0;
    margin:0;
    background:#727272;
    list-style-type:none;
    overflow:hidden;
}
#cyberpresse_haut #wrapper #masthead #content #header #menu {height:34px;}
#sousMenu .quotidien ul li {padding:11px 8px 5px 8px;}
#sousMenu .quotidien ul li,
#sousMenu.detente ul li,
#masthead .sousmenu ul.sub-section li,
#sousMenu.detente ul li,
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li {
    height:34px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    line-height:14px;
}
#masthead .sousmenu ul.sub-section li,
#sousMenu.detente ul li,
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li {
    float:left;
    padding:0 8px;
    color:#727272;
}
#masthead .sousmenu ul.sub-section li h2,
#sousMenu.detente ul.sub-section li h2 {display:none;}
#sousMenu .quotidien ul li a,
#sousMenu.detente ul li a,
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li a {
    color:#545454;
    text-decoration:none;
}
#masthead .sousmenu ul.sub-section li a,
#sousMenu.detente ul li a,
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li a {
    display:block;
    padding:11px 0 5px 0;
    color:#fff;
    text-decoration:none;
}
#sousMenu .quotidien ul li a:hover,
#sousMenu .quotidien ul li.active a,
#masthead .sousmenu ul.sub-section li a.active,
#sousMenu.detente ul li a.active,
#masthead .sousmenu ul.sub-section li a:hover,
#sousMenu.detente ul li a:hover,
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li.done a,
#cyberpresse_haut #wrapper #masthead #content #header #menu ul li a:hover {border-bottom:4px solid #bebebe;}
#maincontent table {float:left; background:transparent;}
#maincontent #boxHTHoraire table {float:none;}
#maincontent table.palmares {float:none;}
#maincontent table td table td table {float:right;}
#maincontent ul.stories table {float:none;}
#maincontent table td h2,
#maincontent h1.detente-header,
#maincontent h1.header-horoscope {
    display:inline-block;
    padding:7px 0 5px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:24px;
    color:#333;
    text-transform:uppercase;
    border-bottom:0 none;
}
h1.detente-header {
    padding:0;
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:24px;
    color:#000;
}
#maincontent {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}


/* ---------------------------------------------------------------------------------- */
/* WRAPPER
/* ---------------------------------------------------------------------------------- */
body.accueil #wrapper .filariane,
body.accueil #wrapper .filariane h1 {display:none;}
body.rss.accueil #wrapper .filariane,
body.contact.accueil #wrapper .filariane {display:block;}
body.dossiers #wrapper .filariane h1 {display:none;}
.videos #wrapper .filariane {padding:0;}
#wrapper .filariane,
#wrapper #fil{
    float:left;
    width:954px;
    padding:10px 0 11px 0;
}
#wrapper .filariane ul,
#wrapper #fil ul {
    float:left;
    width:964px;
    height:40px;
    margin:0;
    list-style-type:none;
}
.slideshow #wrapper .filariane,
.slideshow #wrapper .filariane ul {width:650px;}
#wrapper .filariane ul li,
#wrapper #fil ul li {
    float:left;
    height:36px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    line-height:36px;
    color:#666;
}
#wrapper .filariane ul li a,
#wrapper #fil ul li a {
    font-weight:normal;
    color:#003399;
}
.videos #wrapper .filariane ul li,
.videoplayer #wrapper .filariane ul li,
.slideshow #wrapper .filariane ul li {
    font-size:12px;
    font-weight:bold;
    color:#999;
}
.videos #wrapper .filariane ul li a,
.videoplayer #wrapper .filariane ul li a,
.slideshow #wrapper .filariane ul li a {color:#999;}

/* --------------------------------------- */
/* Fil d'Ariane (breadcrumbs)
/* compatibilit� avec ancienne structure de fil d'ariane
/* articles qui ne seront jamais reg�n�r�s
/* --------------------------------------- */
#wrapper ul.linear.fil-ariane {
    float:left;
    width:974px;
    height:36px;
    padding:0px 0 0 0;
}
#wrapper ul.linear.fil-ariane ul {
    float:left;
    height:36px;
    padding:0;
    margin:0;
}
#wrapper ul.linear.fil-ariane li {
    height:36px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    line-height:36px;
    color:#666;
}
#wrapper ul.linear.fil-ariane li em {font-style:normal;}
.slideshow #wrapper ul.linear.fil-ariane {width:400px;}
.slideshow #wrapper ul.linear.fil-ariane li {
    font-size:12px;
    font-weight:bold;
    color:#999;
}
#wrapper ul.linear.fil-arian li a,
#wrapper #fil ul.linear.fil-arian li a {
    font-weight:normal;
    color:#003399;
}
.slideshow #wrapper ul.linear.fil-ariane a {color:#999;}

/* --------------------------------------- */
/* Boite À ne pas manquer (hot topics)
/* --------------------------------------- */
#wrapper #hotTopics {
    float:left;
    width:974px;
    padding:0 10px;
    background:#fff;
}
#wrapper #hotTopics .ctnHotTopics {
    float:left;
    width:964px;
    padding:14px 0 10px 10px;
    background:url(../img/bg_hotTopics.gif) repeat-x 0 bottom;
    border-bottom:1px solid #dcdcdc;
    overflow:hidden;
}
#wrapper #hotTopics .ctnHotTopics h2 {
    float:left;
    width:76px;
    padding:6px 0 0 10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:14px;
    text-transform:uppercase;
    color:#999;
}
#wrapper #hotTopics .ctnHotTopics ul {
    float:left;
    width:964px;
}
#wrapper #hotTopics .ctnHotTopics ul li {
    float:left;
    width:192px;
}
#wrapper #hotTopics .ctnHotTopics ul li img {
    float:left;
    width:56px;
    padding:0 0 0 1px;
    border-left:1px solid #b3b3b3;
}
#wrapper #hotTopics .ctnHotTopics ul li p {
    float:left;
    width:118px;
    padding:0 10px 0 6px;
    font-size:12px;
    line-height:13px;
    color:#666;
}
#wrapper #hotTopics .ctnHotTopics ul li a {color:#666;}

/* --------------------------------------- */
/* Infos pratiques (accueil)
/* --------------------------------------- */
#wrapper .page-top-infos ul {
    float:right;
    padding:0 323px 0 0;
}
#wrapper .page-top-infos ul.right {padding:0;}
#wrapper .page-top-infos ul li {
    float:left;
    padding:0 8px;
    font-size:12px;
    line-height:14px;
    color:#666;
}
#wrapper .page-top-infos ul li.last {border-left:1px solid #ccc;}
#wrapper .page-top-infos ul li a {color:#666;}

/* --------------------------------------- */
/* Titres & Boites sectionFront
/* --------------------------------------- */
#wrapper .filariane h1,
#wrapper #fil h1 {
    float:left;
    width:954px;
    padding:0 0 1px 5px;
    font-family:Verlag;
    font-weight:normal;
    font-size:24px;
    line-height:22px;
    color:#333;
    text-transform:uppercase;
    border-left:5px solid #696561;
}
.slideshow #wrapper .filariane h1 {color:#696561;}
.actualites #wrapper .filariane h1,
.actualites #wrapper #fil h1 {border-left:5px solid #9b9793;}
.international #wrapper .filariane h1,
.international #wrapper #fil h1 {border-left:5px solid #9b9793;}
.sports #wrapper .filariane h1,
.sports #wrapper #fil h1 {border-left:5px solid #e0ae00;}
.arts #wrapper .filariane h1,
.arts #wrapper #fil h1 {border-left:5px solid #00a5bb;}
.vivre #wrapper .filariane h1,
.vivre #wrapper #fil h1 {border-left:5px solid #840132;}
.voyage #wrapper .filariane h1,
.voyage #wrapper #fil h1 {border-left:5px solid #ff6c00;}
.vins #wrapper .filariane h1,
.vins #wrapper #fil h1 {border-left:5px solid #840132;}
#wrapper .filariane h1.affaires {border-left:5px solid #0574ac;}
#wrapper .filariane h1.auto {
    border-left:5px solid #5b7c8e;
    background:none;
}
#wrapper .filariane h1.maison {border-left:5px solid #8fa929;}
#wrapper #fil h1.techno {border-left:5px solid #6473b4;}
.leftbar .main-box h2 {
    padding:0 0 5px 0;
    border-bottom:4px solid #696561;
}
.leftbar .main-box h2 span {
    position:relative;
    top:2px;
    padding:0 0 0 5px;
    font-size:32px;
    color:#696561;
}
body.accueil .leftbar .main-box h2 span {top:0;}
.leftbar .main-box h2,
.leftbar .main-box h2 a {
    font-size:20px;
    line-height:20px;
    color:#333;
}
.leftbar .main-box ul.subcat {background:#fff;}
.leftbar p.switch-reg {
    width:432px;
    padding:3px 0;
    margin:0 0 3px 0;
    margin:0;
    background:#fafafa;
}

/* --------------------------------------- */
/* Image du crayon en mode �dit
/* --------------------------------------- */
#wrapper #hotTopics .ctnHotTopics ul li .edit_bt img,
.leftbar ul.stories li.first .edit_bt img,
body.accueil .leftbar ul.stories li.main .edit_bt img {
    border: 0 none;
    height: 11px;
    width: 11px;
}


/* ---------------------------------------------------------------------------------- */
/* ACCUEIL - BOITES 434
/* ---------------------------------------------------------------------------------- */
body.accueil .main-box.actualite {padding:0 10px 0 0;}
body.accueil .main-box {padding:16px 10px 0 0;}
body.accueil .main-box.actualite p.switch-reg {margin:0;}
.main-box ul.subcat {
    width:412px;
    background:none;
    border-bottom:1px solid #999;
}
body.accueil .main-box ul.stories {
    float:left;
    padding:0 0 2px 0;
    margin:10px 0 0 0;
    background:#fafafa;
    border-bottom:1px solid #e2e2e2;
}
body.accueil .leftbar ul.stories li.main img {
    width:130px;
    height:87px;
    border-bottom:7px solid #666;
}
body.accueil .main-box ul.stories li.first {
    width:422px;
    padding:0 10px 0 5px;
    background:#fff;
    border-bottom:1px solid #e2e2e2;
    min-height:105px;
}
body.accueil .main-box ul.stories li {
	float:left;
    width:414px;
    padding:3px 0 3px 10px;
    background:none;
}
body.accueil .main-box h2 {
    padding:4px 0 7px 10px;
    margin:0 0 6px 0;
    font-weight:normal;
    font-size:24px;
    line-height:24px;
    background:#e5e5e5;
    border-bottom:0 none;
    border-left:5px solid #666;
    text-transform:uppercase;
}
body.accueil .main-box h2 a {
    font-size:24px;
    line-height:24px;
    color:#333;
}
body.accueil .main-box h2 a span {
    padding:0 0 0 10px;
    font-size:32px;
    color:#666;
}
body.accueil .main-box-chroniques {
    width:429px;
    padding:0 0 0 5px;
    margin:0 0 20px 0;
    border-bottom:1px solid #666;
}
body.accueil .main-box-chroniques h6 {
    margin:10px 0 10px 0;
    font-size:16px;
    font-weight:normal;
    color:#333;
}
body.accueil .main-box-chroniques.chroniqueurs430 h6 {
    float:left;
    padding:0 5px;
    font-size:13px;
    color:#fff;
    background:url(../img/opinion/bg_h4-opinions.gif) repeat 0 0;
}
body.accueil .main-box-chroniques.chroniqueurs430 dl {
    float:left;
    width:434px;
}
body.accueil .main-box-chroniques.chroniqueurs430 dd.img {
    margin-left:0;
    display:none;
}
body.accueil .main-box-chroniques.chroniqueurs430 .slider-blogue-content dt {
    float:left;
    width:auto;
    padding:0 3px 0 0;
    font-size:12px;
}

/* Image du crayon en mode édit*/
#wrapper #hotTopics .ctnHotTopics ul li .edit_bt img,
.leftbar ul.stories li.first .edit_bt img,
body.accueil .leftbar ul.stories li.main .edit_bt img {
    border: 0 none;
    height: 11px;
    width: 11px;
}

/* Boites Accueil 434px - Les Affaires */
body.accueil .main-box.affaires h2 {border-left:5px solid #0574ac;}
body.accueil .main-box.affaires h2 a span {color:#0574ac;}
body.accueil .leftbar .main-box.affaires ul.stories li.main img {border-bottom:7px solid #0574ac;}

/* Boites Accueil 434px - Sports */
body.accueil .main-box.sports h2 {border-left:5px solid #e0ae00;}
body.accueil .main-box.sports h2 a span {color:#e0ae00;}
body.accueil .leftbar .main-box.sports ul.stories li.main img {border-bottom:7px solid #e0ae00;}

/* Boites Accueil 434px - Arts */
body.accueil .main-box.arts h2 {border-left:5px solid #00a5bb;}
body.accueil .main-box.arts h2 a span {color:#00a5bb;}
body.accueil .leftbar .main-box.arts ul.stories li.main img {border-bottom:7px solid #00a5bb;}

/* Boites Accueil 434px - Vivre */
body.accueil .main-box.vivre h2 {border-left:5px solid #840132;}
body.accueil .main-box.vivre h2 a span {color:#840132;}
body.accueil .leftbar .main-box.vivre ul.stories li.main img {border-bottom:7px solid #840132;}

/* Boites Accueil 434px - Techno */
body.accueil .main-box.techno h2 {border-left:5px solid #6473b4;}
body.accueil .main-box.techno h2 a span {color:#6473b4;}
body.accueil .leftbar .main-box.techno ul.stories li.main img {border-bottom:7px solid #6473b4;}

/* Boites Accueil 434px - Environnement */
body.accueil .main-box.environnement h2 {border-left:5px solid #999;}
body.accueil .main-box.environnement h2 a span {color:#999;}
body.accueil .leftbar .main-box.environnement ul.stories li.main img {border-bottom:7px solid #999;}


/* ---------------------------------------------------------------------------------- */
/* BOITES MANCHETTES
/* ---------------------------------------------------------------------------------- */
.manchette .exclusif,
.sub-news .exclusif,
.manchette .enDirect,
.sub-news .enDirect,
.article-header .exclusif,
.article-header .enDirect {
    float:left;
    padding:1px 5px;
    margin:6px 0 0 10px;
    font-family:Verlag;
    font-size:12px;
    font-weight:normal;
    color:#fff;
    text-transform:uppercase;
    background:#ed1c24;
}
.sub-news .exclusif,
.sub-news .enDirect,
.article-header .exclusif,
.article-header .enDirect {margin:0 10px 0 0;}
.manchette .enDirect,
.sub-news .enDirect {background:#e2001a;}
.manchette .derniereHeure,
.sub-news .derniereHeure,
.article-header .derniereHeure {
    float:left;
    width:268px;
    padding:0 5px;
    font-family:Verlag;
    font-size:12px;
    color:#fff;
    text-transform:uppercase;
    line-height:22px;
    background:#ed1c24;
}
.manchettevideo .derniereHeure {width:189px;}
.article-header .derniereHeure {
    width:624px;
    margin:0 0 5px 0;
}
.sub-news .derniereHeure {width:185px;}
.manchette .newsRight .derniereHeure {
    width:174px;
    margin:7px 0 0;
}
.manchette .rCol p.surtitre {padding:8px 0 0 10px;}
.body .inner .manchette .rCol p.surtitre {padding:10px 0 0 0;}
.sub-news-box p.surtitre {
    float:left;
    width:195px;
    padding:5px 0 2px 0;
}
.mise-en-valeur .sub-news-box h2 {
    float:left;
    width:196px;
}
.article-header p {line-height:21px;}

/* Boite manchettes - CLAIR */
.manchette .clair {
    display:inline-block;
    background:url(../img/bg_clair.png);
}
.manchette .clairOpaque {background:#e5e5e5;}

/* Boite manchettes - FONCÉ */
.manchette .fonce {
    background:url(../img/bg_fonce.png);
    color:#fff;
}
.manchette .fonceOpaque {
    float:left;
    background:#333;
    color:#fff;
}
.manchette .fonce a,
.manchette .fonceOpaque a,
.manchette .fonce p.surtitre a,
.manchette .fonceOpaque p.surtitre a,
.mise-en-valeur .fonceOpaque .rCol p.img-rights {color:#fff;}

/* --------------------------------------- */
/* Boite manchettes grande photo
/* --------------------------------------- */
.manchette .grandePhoto {
    float:left;
    width:634px;
    height:427px;
    position:relative;
}
.manchette .grandePhoto .exclusif,
.manchette .grandePhoto .enDirect {margin:10px 0 10px 10px;}
.manchette .grandePhoto .derniereHeure {
    width:195px;
    padding:0 0 0 10px;
}
.manchette .grandePhoto p.surtitre {
    float:left;
    padding:3px 0 10px 10px;
    margin:10px 0 0 0;
}
.manchette .grandePhoto h1 {padding:0 10px 10px 10px;}
.manchette .grandePhoto p.img-rights {
    position:absolute;
    bottom:10px;
    padding:0 0 0 10px;
    text-align:left;
}

/* Boite manchettes grande photo - GAUCHE */
.manchette .grandePhoto .gauche,
.manchette .grandePhoto .droite,
.manchette .grandePhoto .bas {
    float:left;
    padding:0 0 10px 0;
    width:205px;
    height:417px;
    position:relative;
}

/* Boite manchettes grande photo - DROITE */
.manchette .grandePhoto .droite {float:right;}

/* Boite manchettes grande photo - BAS */
.manchette .grandePhoto .bas {
    width:634px;
    height:auto;
    position:absolute;
    bottom:0;
}
.manchette .grandePhoto .bas .derniereHeure {float:none;}
.manchette .grandePhoto .bas p.amorce {padding-bottom:10px;}
.manchette .grandePhoto .bas p.img-rights {position:static;}

/* --------------------------------------- */
/* Boite manchettes Magazine
/* --------------------------------------- */
.manchette .magazine {
    float:left;
    width:634px;
    height:300px;
    position:relative;
}
.manchette .magazine p.amorce {padding:10px 0;}
.manchette .magazine .img-rights {text-align:left;}
.manchette .magazine .exclusif,
.manchette .magazine .enDirect {margin:0 10px 10px 0;}
.manchette .magazine p.surtitre {padding:1px 0 10px 0;}
.manchette .magazine .txtNoir,
.manchette .magazine .txtNoir a,
.manchette .magazine .txtNoir p.surtitre a {color:#000;}
.manchette .magazine .txtBlanc,
.manchette .magazine .txtBlanc a,
.manchette .magazine .txtBlanc p.surtitre a {color:#fff;}
.manchette .magazine .gauche {
    float:left;
    width:260px;
}
.manchette .magazine .gauche .infosManchette {
    display:inline-block;
    padding:20px 0 0 30px;
}
.manchette .magazine .gauche .derniereHeure,
.manchette .magazine .haut .derniereHeure,
.manchette .magazine .bas .derniereHeure {
    width:230px;
    padding:0 0 0 30px;
}
.manchette .magazine .droite {
    float:right;
    width:260px;
}
.manchette .magazine .droite .infosManchette {
    display:inline-block;
    padding:20px 25px 0 10px;
}
.manchette .magazine .haut .infosManchette,
.manchette .magazine .bas .infosManchette {
    display:inline-block;
    padding:15px 30px 15px 30px;
}
.manchette .magazine .bas .infosManchette {
    position:absolute;
    bottom:0;
    left:0;
}

/* --------------------------------------- */
/* Boite manchettes panoramique
/* --------------------------------------- */
#manchettePanoramique {
    float:left;
    width:954px;
}
#manchettePanoramique .bgPhoto {
    float:left;
    width:954px;
    height:300px;
}
#manchettePanoramique .exclusif,
#manchettePanoramique .enDirect {margin-top:9px;}
#manchettePanoramique .boxInfos {
    float:left;
    width:300px;
    height:300px;
    position:relative;
}
#manchettePanoramique .boxInfos .derniereHeure {width:290px;}
#manchettePanoramique .boxInfos .surtitre {
    display:inline-block;
    padding:9px 0 0 10px;
}
#manchettePanoramique .boxInfos h1 {
    display:inline-block;
    padding:10px;
}
#manchettePanoramique .boxInfos p.amorce {padding:0 10px;}
#manchettePanoramique .boxInfos p.img-rights {
    position:absolute;
    bottom:10px;
    left:10px;
    text-align:left;
}
.sub-news.panoramique {padding-top:10px;}

/* --------------------------------------- */
/* Boite manchettes Sp�ciale
/* --------------------------------------- */
#manchetteSpeciale {
    float:left;
    width:954px;
    padding:7px 20px 14px 20px;
}
#manchetteSpeciale .bgPhoto {
    float:left;
    width:934px;
    height:410px;
    padding:10px;
}
#manchetteSpeciale .top {
    float:left;
    width:934px;
    height:246px;
    padding:0 0 13px 0;
    text-align:right;
}
#manchetteSpeciale .bottom {
    float:left;
    width:934px;
    height:151px;
}
#manchetteSpeciale .boxInfos {
    float:right;
    position:relative;
    width:380px;
    height:226px;
    padding:10px;
    text-align:left;
    overflow:hidden;
}
#manchetteSpeciale .boxInfos p.surtitre {padding:0 0 8px 0;}
#manchetteSpeciale .boxInfos h1 {
    font-size:26px;
    line-height:26px;
    padding:0 0 10px 0;
}
#manchetteSpeciale .boxInfos p.amorce {padding:0 0 10px 0;}
#manchetteSpeciale .boxInfos p.img-rights  {
    position:absolute;
    bottom:10px;
    text-align:left;
}
#manchetteSpeciale .boxNews {
    float:left;
    width:230px;
    height:131px;
    padding:10px;
    margin:0 0 0 13px;
    overflow:hidden;
}
#manchetteSpeciale .boxNews.first {
    width:388px;
    margin:0;
}
#manchetteSpeciale .boxNews img {
    float:left;
    padding:0 10px 0 0;
}
#manchetteSpeciale .boxNews div {
    float:left;
    width:248px;
}
#manchetteSpeciale .boxNews p.surtitre {
    width:100%;
    padding:0;
}
#manchetteSpeciale .boxNews h2 {
    float:left;
	padding:3px 0 3px 0;
}
#manchetteSpeciale .boxNews p.amorce {float:left;}
#manchetteSpeciale .boxNews h2 a {
    font-size:14px;
    line-height:16px;
}
#manchetteSpeciale .enDirect,
#manchetteSpeciale .exclusif {margin:0 10px 0 0;}

/* --------------------------------------- */
/* Boite manchette bixbox dossier B4E
/* --------------------------------------- */
.bigBoxPhoto, .bigBoxVideo {
	width:435px;
	min-height:245px;
	float:left;
}
.manchette.bigbox {
    float:left;
	border-bottom:1px solid #999;
	clear:both;
}
.manchette.bigbox h1.bigBoxDossier {
    width:634px;
	height:32px;
	background:#999;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-weight:normal;
	letter-spacing:1pt;
	line-height:32px;
	padding:0 0 0 10px;
}
.manchette.bigbox h1.bigBoxDossier a {color:#fff;}
.manchette.bigbox .colLeft {
	float:left;
	width:435px;
	padding:0 15px 0 0;
	clear:left;
	overflow:hidden;
}
.manchette.bigbox .colRight {
	float:left;
	width:184px;
	clear:right;
	overflow:hidden;
}
.manchette.bigbox .colRight .newsRight {
	float:left;
	width:100%;
	min-height:78px;
	border-bottom:1px solid #ccc;
}
.manchette.bigbox .colRight .newsRight.last {border-bottom:none;}
.manchette.bigbox .colLeft .derniereHeure {width:425px;}
.manchette.bigbox .exclusif,
.manchette.bigbox .enDirect {
	margin:7px 7px 0 0;
    padding:0 5px;
    line-height:19px;
}
.manchette.bigbox .colRight .exclusif {margin:7px 7px 0 0;}
.manchette.bigbox .surtitre {
	float:left;
	width:100%;
	height:7px;
	line-height:7px;
	color:#e20031;
	padding: 7px 0 7px 0;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;;
}
.manchette.bigbox .colLeft p.amorce {
    float:left;
    font-size:13px;
    line-height:16px;
    padding:7px 0 7px 0;
}
.manchette.bigbox .nouvelle.big h1 {padding:7px 0 7px 0;}
.manchette.bigbox .colRight p.title {
	float:left;
	width:100%;
	height:1%;
	font-size:13px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 0 7px 0;
}
.manchette.bigbox .colRight p.title span {font-weight:normal;}
.manchette.bigbox .colLeft  p.img-rights {
    color:#666;
    float:left;
    font-size:11px;
    text-align:left;
	text-transform:uppercase;
	padding:0 0 10px 0;
}
.manchette.bigbox .colRight {float:left;}

/* --------------------------------------- */
/* Boite Galerie Photos format 434
/* --------------------------------------- */
#galeriePhotos434 {
	float:left;
	width:434px;
}
body.accueil #galeriePhotos434.main-box h2 {border-left:5px solid #414141;}
body.accueil #galeriePhotos434.main-box h2 span {color:#414141;}
#galeriePhotos434 .galerie {
    float:left;
	width:434px;
    padding:0 0 10px 0;
    overflow:hidden;
}
#galeriePhotos434 a:hover {text-decoration:none;}
#galeriePhotos434 a:focus {outline:none;}
#galeriePhotos434 .galerie .first {
    position:relative;
    height:305px;
    background:#eee;
    overflow:hidden;
}
#galeriePhotos434 .galerie .first p {
    position:absolute;
    bottom:15px;
    width:414px;
    padding:10px;
    font-size:16px;
    font-weight:bold;
    color:#fff;
    background:url(../img/bg_fonce.png) repeat 0 0;
}
#galeriePhotos434 .galerie .first p a {color:#fff;}
#galeriePhotos434 .galerie .galerieSmall {
    position:relative;
    width:434px;
    height:147px;
    overflow:hidden;
    background:#eee;
}
#galeriePhotos434 .galerie ul {
    float:left;
    position:absolute;
	width:424px;
    height:20000em;
    padding:0 0 0 9px;
    overflow:hidden;
}
#galeriePhotos434 .galerie li {
    float:left;
	width:434px;
    height:147px;
}
#galeriePhotos434 .galerie li span {
	float:left;
	width:143px;
}
#galeriePhotos434 .galerie li a.titre {
    display:block;
    padding:3px 0 0 0;
    width:130px;
    line-height:14px;
    color:#333;
}
#galeriePhotos434 .galerieControls {
	float:left;
	width:434px;
    height:25px;
    background:url(../img/bg_galeriePhotos434.png) no-repeat 0 0;
}
#galeriePhotos434 .galerieControls a {
    float:left;
    display:block;
    position:relative;
    width:41px;
    height:0;
    padding:25px 0 0 0;
    overflow:hidden;
    border:0 none;
    cursor:pointer;
}
#galeriePhotos434 .galerieControls a.prev {
    left:89px;
    background:url(../img/bg_galeriePhotos434.png) no-repeat -89px -42px;
}
#galeriePhotos434 .galerieControls a.next {
    left:263px;
    background:url(../img/bg_galeriePhotos434.png) no-repeat -304px -42px;
}
#galeriePhotos434 .galerieControls a.disabled {
    cursor:default;
    background:none;
}

/* --------------------------------------- */
/* Boite Galerie Photos - Slideshow 634
/* --------------------------------------- */
#slideshow4horiz630 {
    float:left;
    width:634px;
    margin:0 0 20px 0;
}
#slideshow4horiz630 .listePhotos {
    float:left;
    width:626px;
    margin:0 4px;
    background:#e6e6e6;
}
#slideshow4horiz630 .listePhotos .btnPrec {
    float:left;
    position:relative;
    left:-4px;
    width:22px;
    height:40px;
    margin:55px 0 0 0;
    overflow:hidden;
    background:url(../img/fleche_left.png) no-repeat -31px 0;
}
#slideshow4horiz630 .listePhotos .btnNext {
    float:right;
	position:relative;
    right:-4px;
    width:22px;
    height:40px;
    margin:55px 0 0 0;
    overflow:hidden;
    background:url(../img/fleche_right.png) no-repeat 0 0;
}
#slideshow4horiz630 .listePhotos .disabled {visibility:hidden;}
#slideshow4horiz630 .listePhotos .btnPrec a,
#slideshow4horiz630 .listePhotos .btnNext a {
    display:block;
    width:22px;
    height:0;
    padding:40px 0 0 0;
    background:none;
    border:0 none;
    overflow:hidden;
    cursor:pointer;
}
#slideshow4horiz630 .listePhotos .btnPrec a {background:url(../img/fleche_left.png) no-repeat -1px 0;}
#slideshow4horiz630 .listePhotos .btnNext a {background:url(../img/fleche_right.png) no-repeat -30px 0;}
#slideshow4horiz630 .listePhotos .listePhotosContent {
    float:left;
    position:relative;
    width:582px;
    height:150px;
    overflow:hidden;
}
#slideshow4horiz630 .listePhotos .listePhotosContent ul {
    float:left;
    width:582px;
    padding:12px 0;
    position:absolute;
    width:2000em;
    overflow:hidden;
}
#slideshow4horiz630 .listePhotos .listePhotosContent li {
    float:left;
    width:582px;
}
#slideshow4horiz630 .listePhotos .listePhotosContent li div {
    float:left;
    width:130px;
    padding:0 7px;
}
#slideshow4horiz630 .listePhotos .listePhotosContent li div img {border:2px solid #fff;}
#slideshow4horiz630 .listePhotos .listePhotosContent li div p {
    padding:5px 3px;
    font-size:12px;
    font-weight:bold;
    color:#333;
}
#slideshow4horiz630 .listePhotos .listePhotosContent li div p a {color:#333;}


/* ---------------------------------------------------------------------------------- */
/* Pages g�n�riques
/* ---------------------------------------------------------------------------------- */
#wrapper #masthead #maincontent.generic {
    float:left;
    width:974px;
    padding:0 10px 28px 10px;
}
#wrapper #masthead #maincontent.generic .filariane {height:46px;}
#wrapper #masthead #maincontent.generic .filariane ul {padding:0 17px;}

/* ---------------------------------------------------------------------------------- */
/* Page Mobiles
/* ---------------------------------------------------------------------------------- */
#maincontent.generic .filariane ul.mobile {width:auto;}
#maincontent.generic .filariane .shared {
    float:right;
    line-height:40px;
}
#maincontent.generic #pagesMobiles {
    float:left;
    width:964px;
    padding:5px;
    background:#eee;
}
#pagesMobiles .boxMobiles {
    float:left;
    width:910px;
    padding:0 26px 26px 26px;
    margin:0 0 5px 0;
    border:1px solid #bab6b4;
    background:#fff;
}
#pagesMobiles .boxMobiles.apps {padding-bottom:0;}
#pagesMobiles .boxMobiles.last {margin:0;}
#pagesMobiles .boxMobiles h2 {
    float:left;
    width:910px;
    padding:20px 0 16px 0;
    font-size:30px;
    font-weight:bold;
    line-height:30px;
    color:#333;
}
#pagesMobiles .boxMobiles ul.nav {
    float:left;
    width:910px;
    height:35px;
}
#pagesMobiles .boxMobiles ul.nav li {
    float:left;
    margin:0 2px 0 0;
    width:225px;
    height:35px;
    line-height:35px;
    font-size:14px;
    text-transform:uppercase;
    text-align:center;
    color:#333;
    background:url(../img/mobiles/bg_boxMobiles.png) repeat-x 0 0;
}
#pagesMobiles .boxMobiles ul.nav li.active {background:url(../img/mobiles/bg_boxMobiles-on.png) repeat-x 0 0;}
#pagesMobiles .boxMobiles ul.nav li a {color:#fff;}
#pagesMobiles .boxMobiles ul.nav li a:focus {outline:none;}
#pagesMobiles .contentMobiles {
    float:left;
    width:875px;
    padding:30px 0 20px 35px;
    background:url(../img/mobiles/bg_boxMobilesContent.png) no-repeat left bottom;
}
#pagesMobiles .contentMobiles img,
#pagesMobiles .contentMobiles .txt {float:left;}
#pagesMobiles .contentMobiles .txt {
    width:677px;
    padding:0 0 0 42px;
    font-size:14px;
    line-height:20px;
}
#pagesMobiles .contentMobiles .txt ul {padding:15px 0 0 15px;}
#pagesMobiles .contentMobiles .txt li {
    list-style-type:disc;
    font-size:12px;
    color:#5c5c5c;
}
#pagesMobiles .boxMobiles h3 {
    float:left;
    width:860px;
    height:40px;
    padding:15px 0 5px 0;
    margin:0;
    font-size:18px;
    line-height:40px;
    font-weight:normal;
    color:#000;
}
#pagesMobiles .boxMobiles h3.apple {padding-left:0;}
#pagesMobiles .contentApps {
    float:left;
    width:885px;
    height:368px;
    padding:10px 0 0 25px;
}
#pagesMobiles #lpmobile .contentApps {
    height:420px;
    background:url(../img/mobiles/lpMobile_apple2.png) no-repeat 0 0;
}
#pagesMobiles #lpmobile .last .contentApps {background:url(../img/mobiles/lpMobile_android.png) no-repeat 0 0;}
#pagesMobiles #lphockey .contentApps {background:url(../img/mobiles/lpHockey_apple2.png) no-repeat 0 0;}
#pagesMobiles #lphockey .last .contentApps {background:url(../img/mobiles/lpHockey_android.png) no-repeat 0 0;}
#pagesMobiles #lpmots .contentApps {background:url(../img/mobiles/lpMots_apple2.png) no-repeat 0 0;}
#pagesMobiles .contentApps .downloadApps {
    float:right;
    padding:18px 0 0 0;
    width:241px;
    height:153px;
    text-align:center;
}
#pagesMobiles .contentApps .downloadApps p {
    padding:26px 0 0 0;
    width:241px;
    height:65px;
    font-size:11px;
}
#pagesMobiles .contentApps .downloadApps p strong {font-size:20px;}
#pagesMobiles .contentApps .downloadApps p a {color:#fff;}
#pagesMobiles .contentApps .downloadApps a:hover {text-decoration:none;}
#pagesMobiles .contentApps .downloadApps a.dispo {
    float:left;
    display:block;
    width:185px;
    height:0;
    padding:43px 0 0 0;
    overflow:hidden;
    background:url(../img/mobiles/img_appleStore.jpg) no-repeat 59px 0;
}
#pagesMobiles .contentApps .downloadApps.android a.dispo {background:url(../img/mobiles/img_androidMarket.jpg) no-repeat 59px 0;}


/* ---------------------------------------------------------------------------------- */
/* Section Vid�os & Photos
/* ---------------------------------------------------------------------------------- */
.videos #header #navigation,
.videoplayer #header #navigation {
    background:#e2001a;
    border-bottom:1px solid #fff;
}
.videos #header #navigation .ctnNavigation,
.videoplayer #header #navigation .ctnNavigation,
.videos #header #sousNavigation .ctnSousNavigation,
.videoplayer #header #sousNavigation .ctnSousNavigation {width:974px;}
.videos #navigation .menu,
.videoplayer #navigation .menu,
.videos #header #sousNavigation #sousMenu,
.videoplayer #header #sousNavigation #sousMenu {padding:0;}
.videos .ctnNavigation .menu ul,
.videoplayer .ctnNavigation .menu ul {border-bottom:0 none;}
.videos #header #sousNavigation,
.videoplayer #header #sousNavigation {border-bottom:1px solid #7a7a7a;}
.videos #header #sousNavigation,
.videoplayer #header #sousNavigation {background:#3b3b3b;}
.videos #sousMenu,
.videoplayer #sousMenu,
.videos #sousMenu .quotidien,
.videoplayer #sousMenu .quotidien {background:none;}
.videos #sousMenu .quotidien h2,
.videoplayer #sousMenu .quotidien h2 {display:none;}
.videos #sousMenu .quotidien ul,
.videoplayer #sousMenu .quotidien ul {
    background:none;
    border:0 none;
}
.videos #sousMenu div.quotidien ul li a,
.videoplayer #sousMenu div.quotidien ul li a {
    font-weight:normal;
    color:#fff;
}
.videos #sousMenu .quotidien ul li.active a,
.videoplayer #sousMenu .quotidien ul li.active a {border-bottom:5px solid #7a7a7a;}
.videos .filariane h1,
.videoplayer .filariane h1 {display:none;}

/* Vid�os - Wrapper */
.videos #wrapper,
.videoplayer #wrapper,
.videos #wrapper,
.videos #wrapper #maincontent {background:url(http://www.cyberpresse.ca/ui/img/videos/bg_maincontent.png) repeat-x 0 0;}
.videoplayer #wrapper,
.videoplayer #wrapper #maincontent {background:url(http://www.cyberpresse.ca/ui/img/videos/bg_maincontent_player.png) repeat-x 0 0;}
.videos #masthead ul.fil-ariane li,
.videoplayer #masthead ul.fil-ariane li,
.videos #masthead ul.fil-ariane a,
.videoplayer #masthead ul.fil-ariane a {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
}

/* Vid�os - Footer */
.videos #footer #footerLiensNav,
.videoplayer #footer #footerLiensNav {background:#eee;}
.videos #footer #footerBoxLiens,
.videoplayer #footer #footerBoxLiens {background:#e0e0e0;}
.videos #footer #footerMenu,
.videoplayer #footer #footerMenu {background:#e2001a;}
.videos #footer #footerBoxCopyright,
.videoplayer #footer #footerBoxCopyright {background:#cacaca;}

/* Photos - Entete */
body.slideshow #header #navigation {
    background:#e2001a;
    border-bottom:1px solid #fff;
}
body.slideshow #header #navigation .ctnNavigation,
body.slideshow #header #sousNavigation .ctnSousNavigation {width:974px;}
body.slideshow #navigation .menu,
body.slideshow #header #sousNavigation #sousMenu,
body.slideshow #wrapper #contenant #bg {padding:0;}
body.slideshow .ctnNavigation .menu ul {border-bottom:0 none;}

/* Photos - Wrapper */
body.slideshow #wrapper,
body.slideshow #wrapper #masthead {background:#252525;}
body.slideshow #masthead ul.fil-ariane li,
body.slideshow #masthead ul.fil-ariane a {
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
}

/* Photos - Footer */
body.slideshow #footer #footerLiensNav {background:#eee;}
body.slideshow #footer #footerBoxLiens {background:#e0e0e0;}
body.slideshow #footer #footerMenu {background:#e2001a;}
body.slideshow #footer #footerBoxCopyright {background:#cacaca;}


/* ---------------------------------------------------------------------------------- */
/* Contactez nous
/* ---------------------------------------------------------------------------------- */
body.contact.accueil .main-box h3.cat {
    padding:0 0 3px 0;
    border-left:0 none;
    border-bottom:5px solid #666;
    background:none;
    font-size:16px;
}
body.contact.accueil .topPad  {padding-top:0;}
body.contact.accueil .contact-intro-box {
    padding:0;
    border:5px solid #eee;
    background:#fff;
}
body.contact.accueil .contact-intro-box div {
    padding:10px;
    border:1px solid #bab6b4;
}
body.contact.accueil .contact-intro-box ul li {
    display:inline-block;
    padding:0 50px 0 0;
}
body.contact.accueil .contact-intro-box ul li.tribune {padding:0 119px 0 0;}
body.contact.accueil .contact-intro-box ul li img {padding:15px 0;}
body.contact.accueil .contact-intro-box ul li.first img {padding:0;}
body.contact.accueil h5.small-infos {
    padding-bottom:10px;
    margin:0;
    font-weight:normal;
    font-size:14px;
}
body.contact.accueil ul.square.list-sections {
    padding:0 0 0 20px;
    margin:0;
    list-style-type:disc;
    color:#949494;
}
body.contact.accueil ul.square.list-sections li {
    padding-left:0;
    line-height:18px;
}


/* ---------------------------------------------------------------------------------- */
/* OPINIONS
/* ---------------------------------------------------------------------------------- */
.boxFilet #btn-voter,
.boxFilet .btn,
.boxOpinion .btn,
.courrierLecteurs .btn,
.box180debat .btn,
.boxArticleDebat .btn,
.opinions .btn,
#pubOpignon430 .btn {
    display:inline-block;
    height:20px;
    padding:0 25px 0 5px;
    color:#333;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:20px;
    background:#e5e5e5 url(../img/btn_box-filet.png) no-repeat right;
    border:0 none;
    cursor:pointer;
}

.boxFilet .btn:hover,
.boxOpinion .btn:hover,
.boxOpinion .debat .btn:hover,
.boxFilet #btn-voter:hover,
.courrierLecteurs .btn:hover,
.box180debat .btn:hover,
.boxArticleDebat .btn:hover,
.opinions .btn:hover  {
    text-decoration:none;
    background:#e5e5e5 url(../img/btn_box-filet-over.png) no-repeat right;
}

.tooltip {
    width:244px;
    height:164px;
    padding:25px 20px 20px 20px;
    background:url(../img/tooltip/white_op-skyword.png) no-repeat 0 0;
}

.colspan h2.opinions {
    float:left;
    width:626px;
    padding:0 0 0 8px;
    margin:0 0 8px 0;
    color:#fff;
    font-size:20px;
    font-weight:normal;
    height:34px;
    line-height:34px;
    text-transform:uppercase;
    background:url(../img/opinion/bg_h4-opinions.gif) repeat 0 0;
}
.colspan h2.opinions a {
    font-size:20px;
    color:#fff;
}
.colspan h2.opinions span {
    position:relative;
    left:5px;
    top:1px;
    font-size:28px;
    line-height:26px;
    color:#fff;
}

/* --------------------------------------- */
/* Boite Manchette
/* --------------------------------------- */
#manchetteOpinion {
    float:left;
    width:634px;
}
#manchetteOpinion .sub-news {
    width:660px;
    border-bottom:0 none;
}
#manchetteOpinion .sub-news-box {
    width:195px;
    height:275px;
    padding:0;
    margin:0 24px 0 0;
    background:#e5e5e5;
}
#manchetteOpinion .sub-news-box p.surtitre {padding-left:8px;}
#manchetteOpinion .sub-news-box h2 {
    width:179px;
    padding:0 8px 3px 8px;
    margin:0;
}
#manchetteOpinion .sub-news-box p.amorce {padding:0 8px;}
#manchetteOpinion .manchetteOpinion {
    float:left;
    width:634px;
    height:260px;
    position:relative;
    background:#999 url(../img/opinion/bg_boxManchetteOpinion.png) repeat-x 0 0;
}
#manchetteOpinion .manchetteOpinion.citation {
    width:414px;
    margin:0 24px 0 0;
}
#manchetteOpinion .manchetteOpinion img {
    position:absolute;
    bottom:0;
    left:-105px;
}
#manchetteOpinion .manchetteOpinion div {
    float:left;
    position:relative;
    padding:20px 15px 0 160px;
    font-size:14px;
    color:#ccc;
}
#manchetteOpinion .manchetteOpinion div strong {
    display:block;
    padding:0 0 5px 0;
    font-size:28px;
    font-weight:normal;
    line-height:32px;
    text-transform:uppercase;
    color:#b9b9b9;
}
#manchetteOpinion .manchetteOpinion div strong a {color:#b9b9b9;}
#manchetteOpinion .manchetteOpinion div span {
    display:block;
    padding:0 0 10px 0;
    font-size:12px;
    font-weight:bold;
    color:#fff;
}
#manchetteOpinion .manchetteOpinion div h1 {
    display:block;
    padding:0 0 7px 0;
    font-size:24px;
    font-weight:normal;
}
#manchetteOpinion .manchetteOpinion div a {color:#fff;}
#manchetteOpinion .boxCitation {
    float:left;
    width:175px;
    height:260px;
    padding:0 10px;
    background:#e5e5e5 url(../img/opinion/bg_citation-bottom.png) no-repeat bottom;
}
#manchetteOpinion .sub-news .boxCitation  {height:275px;}
#manchetteOpinion .boxCitation span {
    display:block;
    padding:32px 0 0 0;
    font-size:12px;
    background:url(../img/opinion/bg_citation-top.png) no-repeat 0 0;
}
#manchetteOpinion .boxCitation p {
    display:block;
    padding:3px 0;
    font-family:Georgia, Times New Roman, Times, serif;
    font-size:16px;
    font-style:italic;
}
#manchetteOpinion .boxCitation p strong {
    font-size:22px;
    font-weight:normal;
}
#manchetteOpinion .boxCitation a {color:#333;}
#manchetteOpinion .sub-news .boxCitation {margin:0 24px 0 0;}
#manchetteOpinion .sub-news-box.opinions {
    width:175px;
    height:265px;
    padding:10px 10px 0 10px;
    position:relative;
    background:#999 url(../img/opinion/bg_boxManchetteOpinion.png) repeat-x 0 0;
    color:#fff;
}
#manchetteOpinion .sub-news-box.opinions strong {
    display:block;
    font-size:16px;
    font-weight:normal;
    line-height:18px;
    text-transform:uppercase;
    color:#ccc;
}
#manchetteOpinion .sub-news-box.opinions strong a {
    padding:0 0 3px 0;
    font-weight:normal;
    color:#ccc;
}
#manchetteOpinion .sub-news-box.opinions p {line-height:13px;}
#manchetteOpinion .sub-news-box.opinions p a {
    display:inline;
    font-size:13px;
}
#manchetteOpinion .sub-news-box.opinions span {
    font-size:12px;
    line-height:18px;
    color:#ccc;
}
#manchetteOpinion .sub-news-box.opinions a {
    display:block;
    padding:8px 0 5px 0;
    font-size:16px;
    color:#fff;
}
#manchetteOpinion .sub-news-box.opinions img {
    position:absolute;
    bottom:0;
    left:-42px;
}

/* --------------------------------------- */
/* Boite �ditorialistes
/* --------------------------------------- */
.boxEdito {
    float:left;
    width:634px;
    margin:0 0 40px 0;
    overflow:hidden;
}
.boxEdito ul {
    float:left;
    width:654px;
    overflow:hidden;
}
.boxEdito ul li {
    float:left;
    width:150px;
    margin:0 10px 0 0;
    border-left:1px solid #d2d2d2;
    background:#919191 url(../img/opinion/bg_boxChroniqueur2.png) repeat-x top;
    overflow:hidden;
}
.boxEdito ul li img {
    float:left;
    position:relative;
    left:-35px;
}
.boxEdito ul li p {
    float:left;
    width:140px;
    padding:5px 0 10px 10px;
}
.colspan .boxEdito ul li p {background:#fff;}
.boxEdito ul li p strong {
    display:inline-block;
    padding:0 0 4px 0;
    font-weight:normal;
    font-size:15px;
    line-height:18px;
    text-transform:uppercase;
}
.boxEdito ul li p strong a {color:#333;}

/* --------------------------------------- */
/* Boite Chroniqueurs
/* --------------------------------------- */
.boxChroniqueurs {
    float:left;
    width:644px;
    margin:0 0 40px 0;
}
.boxChroniqueurs ul {
    float:left;
    width:644px;
}
.boxChroniqueurs ul.chroniqueurs li {
    float:left;
    width:150px;
    height:237px;
    margin:0 11px 0 0;
    border-bottom:6px solid #727272;
    background:#919191 url(../img/opinion/bg_boxChroniqueur2.png) repeat-x top;
    overflow:hidden;
    position:relative;
}
.boxChroniqueurs ul.chroniqueurs li div {
    height:94px;
    padding:8px 9px;
    position:relative;
    top:-104px;
    background:url(../img/bg_fonce2.png) repeat 0 0;
    line-height:14px;
    color:#fff;
}
.boxChroniqueurs ul.chroniqueurs li strong {
    display:inline-block;
    padding:0 0 3px 0;
    font-size:15px;
    font-weight:normal;
    line-height:18px;
    text-transform:uppercase;
}
.boxChroniqueurs ul.chroniqueurs li a {color:#fff;}
.boxChroniqueurs ul.listes li {
    float:left;
    width:312px;
    height:46px;
    margin:8px 10px 0 0;
    border-bottom:1px solid #d2d2d2;
    line-height:14px;
}
.boxChroniqueurs ul.listes li img {
    float:left;
    position:relative;
    top:1px;
    width:69px;
    height:46px;
    border-left:4px solid #fff;
}
.boxChroniqueurs ul.listes li strong {
    font-weight:normal;
    text-transform:uppercase;
}
.boxChroniqueurs ul.listes li strong a {color:#333;}

/* --------------------------------------- */
/* Blogues
/* --------------------------------------- */
#blogues630 {
    float:left;
    width:634px;
    margin:0 0 30px 0;
}
#blogues630 .listeBlogues630 {
	position:relative;
	width:634px;
    height:619px;
    overflow:hidden;
}
#blogues630 .listeBloguesContent {
    float:left;
    position:absolute;
    width:634px;
    height:20000em;
    overflow:hidden;
}
#blogues630 .slider-blogue-content {width:634px;}
#blogues630 .ligneBlogue {
    float:left;
    width:654px;
}
#blogues630 .ligneBlogue div {
    float:left;
    position:relative;
    width:317px;
    padding:8px 0;
    margin:0 10px 0 0;
    border-bottom:1px solid #d2d2d2;
}
#blogues630 .ligneBlogue div a:hover {text-decoration:none;}
#blogues630 .ligneBlogue div.first {
    width:308px;
    padding:8px;
    margin:0;
    background:#727272;
    border-left:0 none;
    border-right:1px solid #fff;
}
#blogues630 .ligneBlogue div.first dl {
    width:304px;
    height:45px;
    border-left:0 none;
}
#blogues630 .ligneBlogue div.first a {color:#fff;}
#blogues630 .slider-blogue-content div.first dl {border-bottom:0 none;}
#blogues630 .slider-blogue-content div.first dt,
#blogues630 .slider-blogue-content div.first dd {padding:0;}
#blogues630 .slider-blogue-content dl {
    width:313px;
    height:45px;
    margin:0;
    line-height:15px;
    border-left:4px solid #fff;
}
#blogues630 .slider-blogue-content dd.img {
    float:left;
    width:69px;
    height:46px;
    padding:0;
    overflow:hidden;
}
#blogues630 .slider-blogue-content dd.img img {
    width:69px;
    height:46px;
    margin:0 10px 0 0;
}
#blogues630 .slider-blogue-content dt,
#blogues630 .slider-blogue-content dd {
    float:right;
    width:225px;
    padding:0 10px 0 0;
    margin-left:0;
}
#blogues630 .slider-blogue-content dt {
    font-weight:normal;
    text-transform:uppercase;
}
#blogues630 .slider-blogue-content dd.comments {display:none;}
#blogues630 .blogueControls {
    float:left;
    position:relative;
    width:634px;
    height:33px;
    background:url(../img/opinion/bg_controlBlogues630.png) no-repeat 0 0;
}
#blogues630 .blogueControls a {
    display:block;
    float:left;
    height:0;
    overflow:hidden;
    padding:30px 0 0;
    position:absolute;
    width:41px;
    cursor:pointer;
    border:0 none;
}
#blogues630 .blogueControls .prev {
    background:url(../img/bg_galeriePhotos434.png) no-repeat -88px -33px;
    left:141px;
}
#blogues630 .blogueControls .next {
    background:url(../img/bg_galeriePhotos434.png) no-repeat -304px -33px;
    left:458px;
}
#blogues630 .blogueControls .disabled {visibility:hidden;}

/* --------------------------------------- */
/* Boite Les Plus Populaires
/* --------------------------------------- */
.plusPopulaires {
    float:left;
    width:434px;
    margin:0 0 20px 0;
    overflow:hidden;
}
body.accueil .plusPopulaires h2 {border-left:5px solid #999;}
.plusPopulaires #tabPlusPopulaires {
    float:left;
    width:435px;
}
.plusPopulaires #tabPlusPopulaires li {
    float:left;
    position:relative;
    margin:0 1px 0 0;
    font-size:13px;
    text-align:center;
}
.plusPopulaires #tabPlusPopulaires li a {
    display:block;
    width:144px;
    padding:5px 0;
    background:#eee;
    color:#333;
    text-decoration:none;
    text-transform:uppercase;
 }
.plusPopulaires #tabPlusPopulaires li.active a {
    background:#999;
    color:#fff;
}
.plusPopulaires #tabPlusPopulaires li.active span {display:inline;}
.plusPopulaires #tabPlusPopulaires li span {
    float:left;
    display:none;
    position:relative;
    top:0;
    left:64px;
    border-color:#999 transparent transparent;
    border-right:6px dashed transparent;
    border-style:solid dashed dashed;
    border-width:6px;
    font-size:0;
    height:0;
    line-height:0;
    width:0;
}
.plusPopulaires #plusPopulairesContent {
    float:left;
    width:434px;
    border-bottom:1px solid #999;
}
.plusPopulaires #plusPopulairesContent dl {
    padding:7px 0;
    margin:0;
  	border-top:1px solid #dcdcdc;
}
.plusPopulaires #plusPopulairesContent dl.first {
    padding-top:0;
    border-top:0 none;
}
.plusPopulaires #plusPopulairesContent dl.list-pop dt {width:52px;}
.plusPopulaires #plusPopulairesContent dl.list-pop dd {
    float:left;
    width:382px;
}
.plusPopulaires #plusPopulairesContent dl.list-pop dt.annee {width:68px;}
.plusPopulaires #plusPopulairesContent dl.list-pop dd.annee {width:366px;}

/* --------------------------------------- */
/* Boite Participer
/* --------------------------------------- */
.participerOp {
    float:left;
    margin:0 0 20px;
    position:relative;
}
.participerOp .inner {
    width:180px;
    height:153px;
    background:#414141 url(../img/opinion/bg-180-participez-op.png) no-repeat 2px 5px;
}
.participerOp .inner h4 {
    position:relative;
    display:block;
    font-size:17px;
    font-weight:normal;
    color:#4d4d4d;
    text-transform:uppercase;
    line-height:22px;
}
.participerOp .inner h4 {
    top:32px;
    left:29px;
    width:131px;
    height:55px;
}
.participerOp .inner h4 a {
    color:#4d4d4d;
    text-decoration:none;
}

/* --------------------------------------- */
/* Personnalite de la Semaine
/* --------------------------------------- */
#personnaliteSemaine {
    padding:0 0 90px 0;
    border-top:5px solid #ed1c24;
    background:#eee url(../img/img_personnaliteSemaine.png) no-repeat bottom;
}

/* --------------------------------------- */
/* Box sectionFront
/* --------------------------------------- */
body.debats .headerDebat {
    float:left;
    width:634px;
    position:relative;
}
body.debats .headerDebat p {
    padding:7px;
    margin:0 0 1px 0;
    background:#eee;
    font-size:14px;
    color:#666;
}
.headerDebat .flecheBox {
    height:21px;
    border-top:8px solid #cdcdcd;
}
.headerDebat .flecheBox span {
    float:left;
    display:block;
    position:relative;
    width:0;
    height:0;
    left:160px;
    border-color:#cdcdcd transparent transparent #cdcdcd;
    border-style:solid;
    border-width:9px;
    font-size:0;
    line-height:0;
}

.box180debat {
    float:left;
    width:180px;
    position:relative;
}
.box180debat h4 {
    padding:5px 8px;
    font-family:Verlag;
    font-size:14px;
    font-weight:normal;
    text-transform:uppercase;
    line-height:18px;
    background:#999;
    color:#fff;
}
.box180debat .flecheBox {
    float:left;
    position:absolute;
	top:0px;
	left:0px;
}
.box180debat .flecheBox span {
    left:20px;
    border-color:#999 transparent transparent #999;
	display:none;
}
.box180debat p {
    float:left;
    padding:20px 10px 10px 12px;
    border-left:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
}
.box180debat.last p {
    border-bottom:1px solid #e5e5e5;
    margin:0 0 20px 0;
}
.box180debat p .btn {float:right;}


/* ---------------------------------------------------------------------------------- */
/* COLONNE DROITE 300px
/* ---------------------------------------------------------------------------------- */
#colOpinion300 {
    float:left;
    width:300px;
    background:#e5e5e5;
}
.rail-right #colOpinion300 p.txt-pub {
    background:none;
    text-align:center;
}
#colOpinion300 h4.debats {
    float:left;
    width:285px;
    height:38px;
    padding:0 0 0 10px;
    margin:0;
    font-size:22px;
    font-weight:normal;
    line-height:38px;
    text-transform:uppercase;
    border-left:5px solid #414141;
    background:url(../img/opinion/bg_h4-opinions.gif) repeat 0 0;
    display:none;
}
.accueil #colOpinion300 h4.debats {display:block;}
#colOpinion300 h4.debats a,
#colOpinion300 h4.debats a span {color:#fff;}
#colOpinion300 h4.debats a span {
    position:relative;
    left:5px;
    font-size:28px;
    line-height:28px;
}
.accueil .rail-right h4.opinions {
    font-size:16px;
    background:#999;
}
.rail-right h4.opinions {
    float:left;
    width:292px;
    height:34px;
    padding:0 0 0 8px;
    font-family:Verlag;
    font-size:18px;
    font-weight:normal;
    line-height:34px;
    text-transform:uppercase;
    color:#fff;
    background:url(../img/opinion/bg_h4-opinions.gif) repeat 0 0;
}
.rail-right h4.opinions a,
.rail-right h4.opinions a span {color:#fff;}
.rail-right h4.opinions span {
	position:relative;
    left:5px;
    top:-1px;
}

.boxFilet {
    float:left;
    width:298px;
    margin:0 0 20px 0;
    border:1px solid #ccc;
    background:#fff;
}
.boxFilet .boxFiletContent {
    float:left;
    width:278px;
    padding:5px 10px;
}
.boxFilet .boxFiletContent h4 {
    font-size:16px;
    font-weight:normal;
    text-transform:uppercase;
}
.boxFilet .boxFiletContent h4 a {color:#333;}
.boxFilet .boxFiletContent h4 span {
    position:relative;
    top:1px;
    left:5px;
    font-size:24px;
    line-height:16px;
}

.boxOpinion {
    float:left;
    width:300px;
    background:#818181;
}
.boxOpinion ul {
    float:left;
    width:274px;
    padding:12px;
}
.boxOpinion ul li {
    float:left;
    width:100%;
    padding:6px 0;
    line-height:16px;
    border-top:1px solid #d2d2d2;
    color:#fff;
}
.boxOpinion ul li.first {border-top:0 none;}
.boxOpinion ul li a {
    font-weight:bold;
    color:#fff;
}

.accueil .rail-right .flecheSkyword {
    float:none;
    position:relative;
    width:auto;
    height:0;
    background:none;
    clear:none;
}
.accueil .rail-right .flecheSkyword span {
    float:left;
    display:block;
    position:absolute;
    width:0;
    top:34px;
    left:19px;
    border-color:#999 transparent transparent #999;
    border-style:solid;
    border-width:10px;
    font-size:0;
    line-height:0;
}
.rail-right .flecheSkyword {
    height:18px;
    width:100%;
    clear:both;
    float:left;
    background:url(../img/opinion/bg_flecheSkyword.png) no-repeat 17px 0px;
}
.rail-right .flecheSkyword span {display:none;}

/* --------------------------------------- */
/* Boite courrier lecteurs
/* --------------------------------------- */
.courrierLecteurs {
    float:left;
    width:300px;
    margin:0 0 20px 0;
    background:#818181;
}
.courrierLecteurs p {
    float:left;
    width:260px;
    padding:10px;
    margin:10px 0 0 10px;
    background:#999;
    color:#fff;
}
.accueil .courrierLecteurs p {margin:30px 0 0 10px;}
.courrierLecteurs .btn {
    position:relative;
    right:-10px;
    bottom:-10px;
}
.courrierExperts .boxOpinion ul li a {
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
}

/* --------------------------------------- */
/* Boite Contribuez
/* --------------------------------------- */
#boxContribuez300 {
    float:left;
    width:280px;
    height:195px;
    padding:15px 0 0 20px;
    margin:0 0 20px 0;
    background:url(../img/bg_boxContribuez300.png) no-repeat 0 0;
}
#boxContribuez300 h4 {
    font-size:20px;
    font-weight:normal;
    line-height:31px;
    color:#4d4d4d;
}
#boxContribuez300 h4 a {
    color:#4d4d4d;
    text-decoration:none;
}
#boxContribuez300 h4 span {
    position:relative;
    top:2px;
    font-size:31px;
}
#boxContribuez300 p {
    padding:0 35px 0 0;
    color:#000;
}
#boxContribuez300 p a {
    display:block;
    padding:18px 40px 0 90px;
    font-size:14px;
    font-weight:bold;
    line-height:16px;
    color:#fff;
    text-decoration:none;
}
#boxContribuez300 p a:focus {outline:none;}

/* --------------------------------------- */
/* Boite Blogues
/* --------------------------------------- */
#blogues300 {
    float:left;
    width:300px;
    margin:0 0 20px 0;
}
#blogues300 .listeBlogues300 {
	position:relative;
	width:300px;
    height:1240px;
    overflow:hidden;
}
#blogues300 .listeBloguesContent {
    float:left;
    position:absolute;
    width:300px;
    height:20000em;
    overflow:hidden;
    font-size:12px;
    overflow:hidden;
}
.accueil #blogues300 .ligneBlogue div {background:#727272;}
#blogues300 .ligneBlogue div {
    float:left;
    width:284px;
    height:45px;
    padding:8px;
    background:#727272;
    border-bottom:1px solid #b1b1b1;
    overflow:hidden;
}
#blogues300 .ligneBlogue div dl {
    width:284px;
    margin:0;
}
#blogues300 .ligneBlogue div dt,
#blogues300 .ligneBlogue div dd {
    float:right;
    width:206px;
    margin:0;
    line-height:14px;
}
#blogues300 .ligneBlogue div dt {
    text-transform:uppercase;
    font-weight:normal;
    line-height:18px;
}
#blogues300 .ligneBlogue div dd.comments {display:none;}
#blogues300 .ligneBlogue div a {color:#fff;}
#blogues300 .ligneBlogue div dd a {color:#fff;}
#blogues300 .ligneBlogue div dd.img {
    float:left;
    width:69px;
    height:46px;
    overflow:hidden;
    margin:0 8px 0 0;
}
#blogues300 .ligneBlogue div dd.img img {
    width:69px;
    height:46px;
}
#blogues300 .slider-blogue-content {
    width:302px;
    margin-bottom:0;
}
#blogues300 .blogueControls {
    float:left;
    position:relative;
    width:300px;
    height:28px;
    background:url(../img/opinion/bg_controlBlogues300.png) no-repeat 0 0;
}
#blogues300 .blogueControls a {
    display:block;
    float:left;
    height:0;
    overflow:hidden;
    padding:28px 0 0;
    position:absolute;
    width:41px;
    cursor:pointer;
    border:0 none;
}
#blogues300 .blogueControls .prev {
    background:url(../img/bg_galeriePhotos434.png) no-repeat -88px -37px;
    left:50px;
}
#blogues300 .blogueControls .next {
    background:url(../img/bg_galeriePhotos434.png) no-repeat -304px -37px;
    left:207px;
}
#blogues300 .blogueControls .disabled {display:none;}
#blogues300 .blogueControls a:focus {outline:none;}

/* --------------------------------------- */
/* Boite �dito et Chroniqueurs section
/* --------------------------------------- */
.accueil .rail-right .boxEdito {
    border-top:1px solid #fff;
    margin:0;
}
.rail-right .boxEdito,
.rail-right .boxChroniqueursSection {
    float:left;
    width:300px;
    margin:0 0 20px 0;
}
.rail-right .boxEdito ul,
.rail-right .boxChroniqueursSection ul {
    float:left;
    width:300px;
}
.rail-right .boxEdito ul li,
.rail-right .boxChroniqueursSection ul li {
    float:left;
    width:300px;
    height:86px;
    position:relative;
    border-bottom:1px solid #b1b1b1;
    background:url(../img/opinion/bg_boxEdito.png) repeat 0 0;
    overflow:hidden;
}
.rail-right .boxChroniqueursSection ul li.fiches img {left:-3px;}

body.actualites .rail-right .boxChroniqueursSection ul li,
body.international .rail-right .boxChroniqueursSection ul li {border-bottom:4px solid #696561;}
body.sports .rail-right .boxChroniqueursSection ul li {border-bottom:4px solid #e0ae00;}
body.arts .rail-right .boxChroniqueursSection ul li,
#maincontent.arts .rail-right .boxChroniqueursSection ul li {border-bottom:4px solid #00a5bb;}
body.vivre .rail-right .boxChroniqueursSection ul li,
body.vins .rail-right .boxChroniqueursSection ul li {border-bottom:4px solid #840132;}
body.voyage .rail-right .boxChroniqueursSection ul li {border-bottom:4px solid #ff6c00;}

.rail-right .boxEdito ul li img,
.rail-right .boxChroniqueursSection ul li img {
    float:left;
    position:relative;
    left:-25px;
}
.rail-right .boxEdito ul li p,
.rail-right .boxChroniqueursSection ul li p {
    float:left;
    position:absolute;
    left:87px;
    width:200px;
    padding:12px 0 0 0;
    line-height:18px;
    color:#fff;
}
.rail-right .boxEdito ul li p strong,
.rail-right .boxChroniqueursSection ul li p strong {
    font-weight:normal;
    font-size:15px;
    text-transform:uppercase;
}
.rail-right .boxEdito ul li p a,
.rail-right .boxChroniqueursSection ul li p a {color:#fff;}

body .rail-right .boxChroniqueursSection.blogues ul li,
body .rail-right .boxChroniqueursSection.bloguesBB3 ul li {
    width:284px;
    height:auto;
    padding:8px;
    border-bottom:1px solid #b1b1b1;
}
#maincontent .rail-right .boxChroniqueursSection.blogues ul li table.minithumb-auteurs {
    float:left;
    width:284px;
    padding:0;
}
#maincontent .rail-right .boxChroniqueursSection.blogues ul li .minithumb-auteurs img {margin:0;}
.rail-right .boxChroniqueursSection ul li .minithumb-auteurs p {padding:0;}
.rail-right .boxChroniqueursSection.blogues ul li img,
.rail-right .boxChroniqueursSection.bloguesBB3 ul li img {
    width:69px;
    height:46px;
    left:0;
}
.rail-right .boxChroniqueursSection.bloguesBB3 ul li img {margin:0 10px 0 0;}
.rail-right .boxChroniqueursSection.blogues ul li h5,
.rail-right .boxChroniqueursSection.bloguesBB3 ul li h5 {
    float:left;
    left:87px;
    line-height:14px;
    position:absolute;
    width:200px;
    font-size:15px;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
}
.rail-right .boxChroniqueursSection.blogues ul li h5 {
    position:inherit;
    left:inherit;
}
.rail-right .boxChroniqueursSection.blogues ul li img {padding:0 8px 0 0;}
.rail-right .boxChroniqueursSection.blogues ul li h5 a,
.rail-right .boxChroniqueursSection.bloguesBB3 ul li h5 a {color:#fff;}
.rail-right .boxChroniqueursSection.blogues ul li p,
.rail-right .boxChroniqueursSection.bloguesBB3 ul li p {
    float:left;
    top:12px;
    line-height:14px;
}
.rail-right .boxChroniqueursSection.blogues ul li p {
    top:inherit;
    left:inherit;
    position:inherit;
    padding:0;
}
.rail-right .boxChroniqueursSection.bloguesBB3 ul li p {
    position:relative;
    left:inherit;
    top:inherit;
    padding:0;
}
.rail-right .boxChroniqueursSection.bb5 ul li p.amorce {
    position:relative;
    padding:0;
    margin-left:0;
    left:79px;
    top:-14px;
}
.rail-right .boxChroniqueursSection.blogues ul li p a.viewmore,
.rail-right .boxChroniqueursSection.bloguesBB3 ul li p a.viewmore {font-weight:normal;}

.boxBloguesBB1 .vert-cat-box {
    float:left;
    padding:0;
    width:300px;
    background:url(../img/opinion/bg_boxEdito.png) repeat 0 0;
    border-bottom:1px solid #b1b1b1;
}
.boxBloguesBB1 .vert-cat-box h4.cat-block {
    background:url(../img/opinion/bg_h4-opinions.gif) repeat 0 0;
    color:#fff;
    float:left;
    font-family:Verlag;
    font-size:18px;
    font-weight:normal;
    height:34px;
    line-height:34px;
    padding:0 0 0 8px;
    text-transform:uppercase;
    width:292px;
}
.boxBloguesBB1 .vert-cat-box h4.cat-block a {
    float:inherit;
    line-height:34px;
    padding:0;
    width:auto;
    color:#fff;
}
.boxBloguesBB1 .vert-cat-box h4.cat-block span {
    float:none;
    left:5px;
    position:relative;
    top:-1px;
    font-size:18px;
    font-weight:normal;
    line-height:34px;
    height:34px;
    color:#fff;
}
.boxBloguesBB1 .vert-cat-box img {
    float:left;
    width:69px;
    height:46px;
    padding:8px 8px 0 8px;
}
.boxBloguesBB1 .vert-cat-box .inner {
    float:left;
    width:205px;
}
.boxBloguesBB1 .vert-cat-box .inner p {
    padding:7px 0 0 0;
    font-family:Verlag;
    font-size:15px;
    font-weight:normal;
    text-transform:uppercase;
    line-height:16px;
    color:#fff;
}
.boxBloguesBB1 .vert-cat-box .inner p strong {font-weight:normal;}
.boxBloguesBB1 .vert-cat-box .inner h4 {
    font-size:13px;
    line-height:14px;
    margin:0;
    padding:0;
}
.boxBloguesBB1 .vert-cat-box .inner h4 a {color:#fff;}

/* --------------------------------------- */
/* Boite Chroniqueurs
/* --------------------------------------- */
.rail-right .boxChroniqueurs {
    width:300px;
    margin:0 0 20px 0;
}
.rail-right .boxChroniqueurs ul.chroniqueurs {width:300px;}
.rail-right .boxChroniqueurs ul.chroniqueurs li {
    width:149px;
    margin:0;
    border-right:1px solid #999;
}
.rail-right .boxChroniqueurs ul.chroniqueurs li div {
    width:136px;
    padding:6px 7px;
    font-size:12px;
}
.rail-right .boxChroniqueurs ul.chroniqueurs li a {font-weight:normal;}

/* Page chroniqueurs */
body.debats .leftbar .main-box div.img {
    float:left;
    width:130px;
    height:87px;
    margin: 0 10px 10px 0;
    background:url(../img/opinion/bg_boxChroniqueur2.png) repeat-x 0 -15px;
}
body.debats .leftbar .main-box div.img img {
    margin:0;
    border-bottom:6px solid #727272;
}
#maincontent table.minithumb-auteurs div.img {
    float:left;
    background:url(../img/opinion/bg_boxChroniqueur2.png) repeat-x 0 0;
}
#maincontent table.minithumb-auteurs div.img  img {margin:0;}
#maincontent table.minithumb-auteurs p {padding:0;}

/* --------------------------------------- */
/* Question du jour
/* --------------------------------------- */
.boxFilet #formSondage,
.boxFilet #formSondage fieldset {
    float:left;
    width:278px;
    background:none;
    border:0 none;
    text-align:center;
}
.boxFilet #formSondage legend {display:none;}
.boxFilet #formSondage #questionjour {
    float:left;
    width:278px;
    padding:6px 0 0 0;
}
.boxFilet #formSondage #btn-voter {
    float:right;
    margin:7px 0;
}
.boxFilet p.questionPrec {
    float:right;
    font-size:11px;
}
.boxFilet #formSondage ul.list-options {margin-bottom:0;}

/* --------------------------------------- */
/* D�bat
/* --------------------------------------- */
.boxOpinion .debat {
    float:left;
    padding:10px;
}
.accueil .boxOpinion .debat p {margin:20px 0 15px 0;}
.boxOpinion .debat p {
    padding:10px;
    margin:0 0 15px 0;
    background:#999;
    color:#fff;
}
.boxOpinion .debat div {
    float:left;
    width:275px;
}
.boxOpinion .debat div img {
    float:left;
    padding:0 10px 0 0;
}
.boxOpinion .debat div a {
    font-size:14px;
    color:#fff;
}
.boxOpinion .debat a.btn,
.courrierLecteurs .btn {
    float:right;
    margin:10px 0 0 0;
    background:#e5e5e5 url(../img/opinion/btn_box-filetAccueil.png) no-repeat right;
}
.boxOpinion .debat a.btn:hover,
.courrierLecteurs .btn:hover {background:#e5e5e5 url(../img/opinion/btn_box-filetAccueilOver.png) no-repeat right;}

/* --------------------------------------- */
/* Boite al�atoire en vedette
/* --------------------------------------- */

.vert-cat-box.b180b11d p.amorce {
    padding-bottom: 18px;
}

.b180b11d .imageAleatoire {
    width:180px;
    height:120px;
    text-align: center;
}

/* --------------------------------------- */
/* Article Opinion
/* --------------------------------------- */
.opinions #maincontent table.minithumb-auteurs {
    clear:none;
    float:left;
    margin:0;
    padding:12px 0 0;
}
.opinions #pubOpignonBas,
.opinions #pubOpignonHaut {
    background:url(../img/opinion/bg_participez.png) repeat-x 0 0;
    height:105px;
    overflow:hidden;
    position:relative;
    width:634px;
    border-bottom:1px solid #ccc;
}
.opinions .article-header {
    clear:both;
    padding:0;
    border-bottom:8px solid #ccc;
}

body.opArts .article-header {
    clear:both;
    padding:0;
    border-bottom:8px solid #00a5bb;
}

body.opAffaires .article-header {
    clear:both;
    padding:0;
    border-bottom:8px solid #0574ac;
}

body.opSports .article-header {
    clear:both;
    padding:0;
    border-bottom:8px solid #e0ae00;
}

body.opActualites .article-header {
    clear:both;
    padding:0;
    border-bottom:8px solid #696561;
}

body.opCpspecial .article-header {
    clear:both;
    padding:0;
    border-bottom:8px solid red;
}

.opinions .article-header h1 {
    color:#333;
    padding:22px 0;
    font-size:26px;
}
.opinions .article-page .centerbar,
.opinions .blogue-page .centerbar {
    background:none;
    padding:18px 0 0;
}
.opinions .auteur {margin:0 0 10px;}
.opinions .chapitreTexte {
    clear:left;
    padding:5px 0 0;
}
.opinions .datePublication {
    border-bottom:#ccc 3px solid;
    border-top:#ccc 3px solid;
    margin:0 0 10px;
    padding:9px 0 16px;
}
.opinions .datePublication .misAjour {
    display:block;
    padding:10px 0 0;
}
.opinions .datePublication .publie {display:block;}
.opinions .datePublication span {
    color:#666;
    font-weight:bold;
}
.opinions .excerpt {
    float:left;
    position:relative;
}
.opinions .flecheBox {
    float: left;
    left: 0;
    position: absolute;
    top: 0;
}
.opinions .flecheBox span {
    border-color: #ccc transparent transparent #ccc;
    border-style: solid;
    border-width: 15px;
    display: block;
    float: left;
    font-size: 0;
    height: 0;
    left: 54px;
    line-height: 0;
    position: relative;
    top: 0px;
    width: 0;
}
body.opArts .flecheBox span {
    border-color: #00a5bb transparent transparent #00a5bb;
}
body.opAffaires .flecheBox span {
    border-color: #0574ac transparent transparent #0574ac;
}
body.opSports .flecheBox span {
    border-color: #e0ae00 transparent transparent #e0ae00;
}
body.opActualites .flecheBox span {
    border-color: #696561 transparent transparent #696561;
}
body.opCpspecial .flecheBox span {
    border-color: red transparent transparent red;
}
.opinions .image-block.principal {
    margin:0;
    position:relative;
    width:434px;
}
.opinions .image-block.principal .photoPrincipale {
    float:left;
    height:150px;
    overflow:hidden;
    padding:18px 0 0;
    position:relative;
    width:225px;
}
.opinions .nomAuteur {
    font-size:14px;
    text-transform:uppercase;
}

.opinions .participez {
    background:url(../img/opinion/bg.png) repeat-x 0 0;
    bottom:8px;
    padding:0;
    position:absolute;
    right:13px;
}
.opinions .participez a.btn {
    background-color: #FFF;
    color:#333;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    padding:0 11px;
    text-decoration:none;
    width:85px;
}

.opinions .photoAuteur {
    background: transparent;
    float:left;
    height:45px;
    margin:10px 10px 0 0;
    overflow:hidden;
    width:45px;
}
.opinions .photoAuteur img {
    left:0px;
    position:relative;
    top:4px;
}
.opinions .photodata {
    background:url(../img/opinion/bg.png) repeat-x 0 0;
    border:0;
    height:20px;
    left:205px;
    padding:0;
    position:absolute;
    top:147px;
}
.opinions .photodata p.zoom {
    height:20px;
    line-height:20px;
    margin:0;
}
.opinions .photodata p.zoom a {
    background:url(../img/opinion/icon-zoom-big.png) no-repeat 100% 100%;
    color:#333;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    height:20px;
    line-height:21px;
    margin:0;
    padding:0 20px 0 0;
    text-decoration:none;
}
.opinions .photodata p.zoom strong,
.opinions .participez p.zoom strong {padding:0 5px 0 0;}
.opinions .photodata2 {
    bottom:-2px;
    color:#333;
    float:left;
    padding:0 0 0 12px;
    position:absolute;
    right:1px;
    width:196px;
}
.opinions .posteAuteur,.opinions .desc {font-size:12px;}
.opinions .textepubOpignon {
    font-size:18px;
    height:40px;
    left:156px;
    position:absolute;
    top:46px;
    width:254px;
}
.opinions .textepubOpignon img {vertical-align:middle;}
.opinions .tooltip {
    background:url(../img/tooltip/white_big_custom.png);
    color:#333;
    display:none;
    font-size:13px;
    height:112px;
    line-height:16px;
    padding:22px 18px 0;
    width:353px;
}
.opinions .tooltip p {
    margin-top:10px;
    vertical-align:middle;
}
.opinions p.amorce {
    color:#333;
    margin:0;
    padding:34px 0 20px;
    width:100%;
    float:left;
}
.opinions ul.stories li.main p.amorce {
    color:#333;
    margin:0;
    padding: 0;
    width:493px;
    line-height:16px;
    float:left;
}
.opinions ul.stories li.main img {
    width:130px;
    height:87px;
}

.opinions .space {
width:32px;
height:30px;
float:left;
}

.opinions .plusieursAuteurs {
float:left;
width:100%;
}

/* --------------------------------------- */
/* Boite Article Debat
/* --------------------------------------- */
.boxArticleDebat,
.boxArticleSw {
    float:left;
    width:300px;
	margin: 0 0 20px;
}
.accueil .boxArticleDebat {margin:0 0 20px 0;}
.boxArticleDebat .boxOpinion.ArticleDebat {background:#8a7d7d url(../img/opinion/bg_boxLeCercle300.png) no-repeat 0 0;}
.boxArticleDebat .participez {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 96px;
    padding: 0 10px;
    position: relative;
    width: 280px;
	top:0;
	left:0;
}
.accueil .rail-right #articleDebat h4.opinions{background:#A29494;}
.accueil .rail-right #articleDebat  .flecheSkyword span {border-color:#A29494 transparent transparent #A29494;}
.accueil .boxArticleDebat .participez {height:115px;}
.boxArticleDebat .participez p {
    float:left;
    width:210px;
    padding:10px 0 0 0;
    font-size:14px;
}

.accueil .boxArticleDebat .participez p {padding:30px 0 0 8px;}
.boxArticleDebat .participez p img {
    position:relative;
    top:3px;
}
.boxArticleDebat .participez .btn {
    position:absolute;
    bottom:0;
    right:10px;
    background-color:#fcfcfc;
}

#articleDebat .boxArticleDebat .participez .btn {background:#e5e5e5 url(../img/btn_box-filet-cercle.png) no-repeat right;}
#articleDebat .boxArticleDebat .participez .btn:hover {background:#e5e5e5 url(../img/btn_box-filet-cercle-over.png) no-repeat right;}
.boxArticleDebat ul {
    padding:12px 0px 12px 0px;
    width: 100%;
}
.boxArticleDebat ul li {
    width:100%;
    padding:0;
    margin:0;
    border:0;
}
.boxArticleDebat ul li div {
    padding:7px 14px 8px 10px;
    border-top:1px solid #b1b1b1;
    color:#fff;
}
.boxArticleDebat ul li.first div {border-top:0 none;}
.boxArticleDebat ul li div.portraitAuteur {
    border-top: 0;
    color: #FFFFFF;
    padding: 3px 0 0 0;
    position:absolute;
    width:47px;
}
.boxArticleDebat ul li div.cercleMiniDesc {
    border-top: 0;
    width: 230px;
    margin-left:47px;
    padding:0;
 }
.boxArticleDebat ul li a {
    font-weight:normal;
    color:#fff;
}

.boxArticleDebat .flecheSkyword {
    background:url(../img/opinion/bg_flecheSkyword.png) no-repeat 18px 0px;
}

#articleDebat .tooltip {
    background: url("../img/tooltip/white_op-skyword.png") no-repeat scroll 0 0 transparent;
    height: 164px;
    padding: 25px 20px 20px;
    width: 244px;
    line-height: 14px;
}

/* --------------------------------------- */
/* Opinion popup participer 430
/* --------------------------------------- */

#pubOpignon430 {
    background:url(../img/opinion/bg_participez.png) repeat-x 0 0;
    height:105px;
    overflow:hidden;
    position:relative;
    width:435px;
    border-bottom:1px solid #ccc;
    margin: 0 0 20px 0;
    float:left;
}

#pubOpignon430 .textepubOpignon {
    font-size:16px;
    height:40px;
    left:168px;
    position:absolute;
    top:20px;
    width:254px;
}

#pubOpignon430 .participez {
    background:url(../img/opinion/bg.png) repeat-x 0 0;
    bottom:8px;
    padding:0;
    position:absolute;
    right:13px;
}

#pubOpignon430  .participez a {
background-color: white;
text-decoration:none;
}

#pubOpignon430 .participez a:hover {
background-color: white;
}

/* --------------------------------------- */
/* Overlay pour opinion
/* --------------------------------------- */
.simple_overlay {
    background:#fff url(../img/opinion/bg_carreBlanc.png);
    color:#000;
    height:635px;
    overflow:hidden;
    width:700px;
    display:none;
}
#popup .innerOverlay {
    height:615px;
    padding: 10px 10px 10px 20px;
    width:670px;
}
#popup .innerOverlay .bigParticipez {
    background:#e5e5e5;
    bottom:10px;
    position:absolute;
    right:10px;
	height:34px;
}
#popup .innerOverlay .bigParticipez a {
    width:198px;
    height:34px;
    line-height: 34px;
    font-family: Verlag,Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight: lighter;
}
#popup .innerOverlay .bigParticipez strong {font-size:11px;}
#popup .innerOverlay h2 {
    border-left:5px solid #696561;
    color:#333;
    font-size:24px;
    font-weight:normal;
    line-height:22px;
    margin:18px 0 11px;
    padding:0 0 1px 5px;
    text-transform:uppercase;
    width:622px;
}
#popup .innerOverlay ol {
    list-style-position:outside;
    list-style-type:decimal;
    margin:0 0 0 22px;
}
#popup .innerOverlay ol li span {
    color:#000;
    font-size:13px;
    line-height:13px;
    padding:6px 0;
}
#popup .innerOverlay ol li span a {
    color:#000;
    text-decoration:underline;
}
#popup .innerOverlay ol li,.opinions .innerOverlay p span {
    color:#666;
    font-size:18px;
}
#popup .innerOverlay p {
    font-size:13px;
    padding:6px 0;
}
#popup .innerOverlay p strong {font-size:18px;}
#popup .innerOverlay p.first {margin:30px 0 0;}
#popup a.close {
    background:url(../img/opinion/ico_close.png) no-repeat 100% 100%;
    display:block;
    float:right;
    height:26px;
    width:26px;
}
#popup a.close:hover {
    background:url(../img/opinion/ico_close.png) no-repeat 0px 1px;
    cursor:pointer;
}

#popup .participez .btn {
    position:absolute;
    bottom:0;
    right:0;
}

#popup .bigParticipez {
    background:url(../img/opinion/bg.png) repeat-x 0 0;
    bottom:8px;
    padding:0;
    position:absolute;
    right:13px;
}

#popup .bigParticipez a {
    background-color: #E5E5E5;
    color:#333;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    line-height:20px;
    padding:0 11px;
    text-decoration:none;
    width:82px;
}

#popup .bigParticipez a {
    background:url(../img/opinion/ico_grand_btn_box.png) #E5E5E5 no-repeat right top;

}
#popup .bigParticipez a:hover {
    background:url(../img/opinion/ico_grand_btn_box.png) #E5E5E5 no-repeat right bottom;
}

#popup .bigParticipez {
    background:url(../img/opinion/bg.png) repeat-x 0 0;
    bottom:8px;
    padding:0;
    position:absolute;
    right:13px;
}

#popup .bigParticipez a {
	background-color: #E5E5E5;
	color: #333;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 11px;
	text-decoration: none;
	width: 82px;
}

#popup .bigParticipez a {
    background:url(../img/opinion/ico_grand_btn_box.png) #E5E5E5 no-repeat right top;
}
#popup .bigParticipez a:hover {
    background:url(../img/opinion/ico_grand_btn_box.png) #E5E5E5 no-repeat right bottom;
}

/* --------------------------------------- */
/* Boite 40 articles debats
/* --------------------------------------- */

.boxOpinion430 {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:430px;
	position:relative;
}

.boxOpinion430 .amorce a {
	text-decoration:none;
}

.boxOpinion430 .heure {
	color:#666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
}

.boxOpinion430 .opinions {
	background:url(http://static.lpcdn.ca/lpweb/img/opinion/bg_h4-opinions.gif) repeat 0 0;
	clear:both;
	color:#FFF;
	float:left;
	font-family:Verlag,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:normal;
	height:24px;
	line-height:24px;
	padding:0 0 0 8px;
	text-transform:uppercase;
	width:422px;
}

.boxOpinion430 .opinions a,
.boxOpinion430 .opinions a:visited,
.boxOpinion430 .opinions a span,
.boxOpinion430 .opinions a:visited span {
	color:#FFF;
	text-decoration:none;
}

.boxOpinion430 .couleurSection {
	background-color:#696561;
	float:left;
	height:5px;
	margin:1px 0 0;
	width:430px;
}

.boxOpinion430#actualite .couleurSection,.boxOpinion430#actualite .portraitAuteur {
	background-color:#ed1c24;
}

.boxOpinion430#affaire .couleurSection,.boxOpinion430#affaire .portraitAuteur {
	background-color:#0574ac;
}

.boxOpinion430#sport .couleurSection,.boxOpinion430#sport .portraitAuteur {
	background-color:#e0ae00;
}

.boxOpinion430#art .couleurSection,.boxOpinion430#art .portraitAuteur {
	background-color:#00a5bb;
}

.boxOpinion430#techno .couleurSection,.boxOpinion430#techno .portraitAuteur {
	background-color:#6473b4;
}

.boxOpinion430#cinema .couleurSection,.boxOpinion430#cinema .portraitAuteur {
	background-color:#9958A1;
}

.boxOpinion430 .auteur {
	float:left;
	margin:7px 4px 0 1px;
	width:114px;
}

.boxOpinion430 .portraitAuteur {
	background-color:#696561;
	float:left;
	height:87px;
	overflow:hidden;
	padding:0 0 6px;
	position:relative;
	width:87px;
}

.boxOpinion430 .portraitAuteur img {
	left:0px;
	position:relative;
	top:0;
}

.boxOpinion430 .prenomNom {
	float:left;
	font-family:verlag,Arial,Helvetica,sans-serif;
	font-size:12px;
	overflow:hidden;
	padding:6px 0 0;
	text-transform:uppercase;
	width:434px;
}

.boxOpinion430 .texte {
	float:left;
	height:93px;
	margin:7px 0 0;
	overflow:hidden;
	width:314px;
}

.boxOpinion430 .texte .titre {
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
}

.boxOpinion430 ul li {
	border-bottom:1px solid #ccc;
	clear:both;
	float:left;
	height:131px;
	margin:0 0 14px;
	width:434px;
}

.boxOpinion430 .flecheBox {
	float:left;
	position:absolute;
	top:0px;
	left:0px;
}

.boxOpinion430 .flecheBox span {
	border-color:#696561 transparent transparent #696561;
	border-style:solid;
	border-width:9px;
	display:block;
	float:left;
	font-size:0;
	height:0;
	left:95px;
	line-height:0;
	position:relative;
	top:30px;
	width:0;
}

.boxOpinion430#actualite .flecheBox span {
	border-color:#ed1c24 transparent transparent #ed1c24;
}

.boxOpinion430#affaire .flecheBox span {
	border-color:#0574ac transparent transparent #0574ac;
}

.boxOpinion430#sport .flecheBox span {
	border-color:#e0ae00 transparent transparent #e0ae00;
}

.boxOpinion430#art .flecheBox span {
	border-color:#00a5bb transparent transparent #00a5bb;
}

.boxOpinion430#techno .flecheBox span {
	border-color:#6473b4 transparent transparent #6473b4;
}

.boxOpinion430#cinema .flecheBox span {
	border-color:#6473b4 transparent transparent #9958A1;
}


/* --------------------------------------- */
/* Boite Les Plus Populaires
/* --------------------------------------- */
.rail-right .plusPopulaires {
    width:298px;
    border:1px solid #dcdcdc;
    background:#fff;
}
.rail-right .plusPopulaires h4 {
    padding:0 8px;
    margin:0 0 8px 0;
    background:#dcdcdc;
    font-size:16px;
    font-weight:normal;
    text-transform:uppercase;
}
.rail-right .plusPopulaires h4 a {color:#333;}
.rail-right .plusPopulaires #tabPlusPopulaires {width:300px;}
.rail-right .plusPopulaires #tabPlusPopulaires li {font-size:12px;}
.rail-right .plusPopulaires #tabPlusPopulaires li a {
    width:99px;
    text-transform:none;
 }
.rail-right .plusPopulaires #tabPlusPopulaires li#jour a {width:84px;}
.rail-right .plusPopulaires #tabPlusPopulaires li#semaine a {width:114px;}
.rail-right .plusPopulaires #tabPlusPopulaires li span {left:43px;}
.rail-right .plusPopulaires #tabPlusPopulaires li#jour span {left:35px;}
.rail-right .plusPopulaires #tabPlusPopulaires li#semaine span {left:49px;}
.rail-right .plusPopulaires #plusPopulairesContent {
    width:288px;
    padding:0 5px;
    border-bottom:0 none;
}
.rail-right .plusPopulaires #plusPopulairesContent dl.list-pop dd {width:235px;}
.rail-right .plusPopulaires #plusPopulairesContent dl.list-pop dd.annee {width:220px;}

/* --------------------------------------- */
/* Contact
/* --------------------------------------- */
.boxFilet.contact .boxFiletContent {
    width:270px;
    height:85px;
    border:0 none;
    background:url(../img/bg_boxContact300.png) no-repeat 0 0;
}
.boxFilet.contact .boxFiletContent .btn {margin:30px 0 5px 0;}

/* --------------------------------------- */
/* Boite Participer
/* --------------------------------------- */
.rail-right .participerOp .inner {
    width:300px;
    height:122px;
    background:#414141 url(../img/opinion/bg-300-participez-op.png) no-repeat 5px 5px;
}
.rail-right .participerOp .inner h4 {
    top:40px;
    left:16px;
    width:131px;
    height:59px;
}

/* --------------------------------------- */
/* Boite libre
/* --------------------------------------- */
.accueil .rail-right .boxOpLibre {margin:0;}
.rail-right .boxOpLibre {
    float:left;
    width:300px;
    margin:0 0 20px 0;
}
.rail-right .boxOpLibre ul {
    float:left;
    width:300px;
}
.rail-right .boxOpLibre ul li {
    float:left;
    width:284px;
    padding:8px;
    border-bottom:1px solid #b1b1b1;
    background:#727272;
}
.rail-right .boxOpLibre ul li img {float:left;}
.rail-right .boxOpLibre ul li p {
    float:left;
    width:170px;
    padding:0 0 0 10px;
    line-height:14px;
    color:#fff;
}
.rail-right .boxOpLibre ul li p span,
.rail-right .boxOpLibre ul li p span a {
    color:#ccc;
    font-size:12px;
    font-weight:normal;
}
.rail-right .boxOpLibre ul li p strong {
    display:inline-block;
    padding:0 0 2px 0;
}
.rail-right .boxOpLibre ul li p a {
    font-weight:bold;
    color:#fff;
}


/* ---------------------------------------------------------------------------------- */
/* FOOTER
/* ---------------------------------------------------------------------------------- */
#footer {font-family:Arial, Helvetica, sans-serif;}
#footer ul {
    padding:0;
    margin:0;
    list-style-type:none;
}
#footer a {
    font-weight:normal;
    text-decoration:none;
}
.slideshow #footerLiensTop {background:#fff;}
#footer .liensNav,
#footer .liensTop,
#footer .boxLiens,
#footer .menu,
#footer .boxCopyright {
    float:left;
    width:994px;
    text-align:left;
}

/* Liens top */
#footer .liensTop {background:#fff;}
#footer .liensTop ul {
    float:right;
    padding:0 0 0 14px;
}
#footer .liensTop ul li {
    float:left;
    height:22px;
    line-height:22px;
    padding-top:2px;
    padding-right:12px;
    margin:5px 0 0 0;
    font-size:13px;
    color:#333;
}
#footer .liensTop ul li a {
   	float:left;
    padding:0 13px 0 0;
    line-height:16px;
    color:#333;
    border-right:1px solid #333;
}
#footer .liensTop ul li.lapresse a {
    border-right:0 none;
    padding:0;
}
#footer .liensTop ul li a:hover {text-decoration:underline;}
#footer .liensTop ul li.linkedin {
    display:none;
    background:url(../img/ico_navFooter.gif) no-repeat -31px -213px;
}
#footer .liensTop ul li.linkedin a {
    position:relative;
    top:-3px;
    width:22px;
    height:27px;
    line-height:27px;
    padding-right:0;
    overflow:hidden;
    border-right:0 none;
}
#footer .liensTop ul li.linkedin a:hover {
    text-decoration:none;
    background:url(../img/ico_navFooter.gif) no-repeat -31px -248px;
}

/* Liens rapides */
#footer .liensNav {background:#eee;}
#footer .liensNav h3 {
    float:left;
    padding:0 0 0 15px;
    margin:0;
    font-size:14px;
    font-weight:normal;
    line-height:36px;
    text-transform:uppercase;
    color:#333;
}
#footer .liensNav ul {float:left;}
#footer .liensNav ul li {
    float:left;
    padding:0 0 0 50px;
    font-weight:bold;
    line-height:36px;
    font-size:13px;
    color:#333;
}
#footer .liensNav ul li.duproprio a {padding:0 6px 0 0;}
#footer .liensNav ul li.duproprio a.neuves {
    padding:0 0 0 10px;
    border-left:1px solid #666;
}
#footer .liensNav ul li a {
    font-weight:normal;
    color:#333;
}
#footer .liensNav ul li a:hover {text-decoration:underline;}

/* Liens */
#footer .boxLiens {
    padding:12px 0 15px 0;
    background:#e0e0e0;
}
#footer .liens {
    float:left;
    width:228px;
    padding:0 0 0 15px;
}
#footer .liens h3 {
    float:left;
    width:215px;
    margin:0 0 15px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:normal;
    color:#4a4a4a;
    text-transform:uppercase;
    border-bottom:1px solid #666;
}
#footer .liens ul {
    float:left;
    width:225px;
    padding:0 10px 15px 0;
}
#footer .liens li {
    font-size:12px;
    line-height:18px;
    color:#666;
}
#footer .liens li.titre {
    padding:0 0 7px 0;
    font-size:14px;
    text-transform:uppercase;
}
#footer .liens li.spacer {line-height:12px;}
#footer .liens li a {color:#003399;}
#footer .liens li a:hover {text-decoration:underline;}

/* Internet */
#footer .internet {width:472px;}
#footer .internet h3 {width:448px;}
#footer .internet .col {
    float:left;
    width:235px;
}
#footer .internet ul.connecte {padding:5px 0;}
#footer .internet ul.connecte li {
    float:left;
    width:32px;
    height:30px;
    margin:0 15px 0 0;
}
#footer .internet ul.connecte li.facebook {background:url(../img/bg_mediasSociaux-big.gif) no-repeat 0 0;}
#footer .internet ul.connecte li.twitter {background:url(../img/bg_mediasSociaux-big.gif) no-repeat -45px 0;}
#footer .internet ul.connecte li.google {background:url(../img/bg_mediasSociaux-big.gif) no-repeat -91px 0;}
#footer .internet ul.connecte li.rss {background:url(../img/bg_mediasSociaux-big.gif) no-repeat -137px 0;}
#footer .internet ul.connecte li a {
    display:block;
    width:32px;
    height:0;
    padding:30px 0 0 0;
    overflow:hidden;
}
#footer .internet ul.connecte li.facebook a:hover {background:url(../img/bg_mediasSociaux-big.gif) no-repeat 0 -40px;}
#footer .internet ul.connecte li.twitter a:hover {background:url(../img/bg_mediasSociaux-big.gif) no-repeat -45px -40px;}
#footer .internet ul.connecte li.google a:hover {background:url(../img/bg_mediasSociaux-big.gif) no-repeat -91px -40px;}
#footer .internet ul.connecte li.rss a:hover {background:url(../img/bg_mediasSociaux-big.gif) no-repeat -137px -40px;}

/* Journaux */
#footer .journaux ul.electroniques {
    padding:18px 0 0 0;
    margin:5px 0 0 0;
   	border-top:1px solid #e8e8e8;
}

/* Mobile */
#footer .mobile h3 {width:203px;}
#footer .mobile .pubApp {
    float:left;
    width:127px;
    padding:8px 10px;
    margin:0 0 20px 0;
    background:#e7e7e7;
    border:1px solid #d4d3d4;
}
#footer .mobile .pubApp p {
    float:left;
    padding:10px 0 0 0;
    font-size:12px;
    color:#666;
}
#footer .mobile .pubApp p a {color:#003399;}

/* Menu */
#footer .menu ul {
    width:994px;
    border-bottom:0 none;
}
#footer .menu ul li.active a,
body.actualites #footer .menu ul li.actualites a,
body.international #footer .menu ul li.international a,
body.sports #footer .menu ul li.sports a,
body.arts #footer .menu ul li.arts a,
body.vivre #footer .menu ul li.vivre a,
body.vins #footer .menu ul li.vins a,
body.voyage #footer .menu ul li.voyage a,
body.noel #footer .menu ul li.noel a,
#footer .menu ul.affaires li.affaires a,
#footer .menu ul.auto li.auto a,
#footer .menu ul.maison li.maison a,
#footer .menu ul.techno li.techno a,
#global #footer .menu ul li.cinema a {height:33px;}

/* Copyright et liens bas de page */
#footer .boxCopyright {
    padding:13px 0 17px 0;
    background:#cacaca;
    text-align:center;
}
#footer .boxCopyright li {
    display:inline;
    padding:0 8px 0 4px;
    font-size:12px;
    line-height:13px;
	border-right:1px solid #333;
}
#footer .boxCopyright li a {color:#003399;}
#footer .boxCopyright li a:hover {text-decoration:underline;}
#footer .boxCopyright li.last {border-right:0 none;}
#footer .boxCopyright p {
    float:left;
    width:994px;
    padding:10px 0 0 0;
    font-size:12px;
    text-align:center;
}


/* ---------------------------------------------------------------------------------- */
/* CIN�MA
/* ---------------------------------------------------------------------------------- */
html body.noPromotion {background:#fff!important;}
body #global {
    float:left;
    margin:0 auto;
    width:100%;
}
body #global tr .interface {width:994px;}
body.noPromotion #pubs {background:#b0b0b0;}
#masthead #header {
    padding:0;
    text-align:left;
    background-color:#fff;
}
#masthead #header a:link,
#masthead #header a:active,
#masthead #header a:visited {
    font-weight:normal;
    text-decoration:none;
}
#wrapper .content {
    float:left;
    width:974px;
    padding:0 10px 20px 10px;
}
#wrapper .content .breadCrumb {
    height:36px;
    line-height:36px;
}
#wrapper .content .breadCrumb,
#wrapper .content .breadCrumb a {
    padding:6px 0;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#666;
}
#wrapper .content .breadCrumb a {
    color:#003399;
    text-decoration:none;
}