@import url('_chapitre_special.css?v=9');
/* paragraphe special - important que ça soit au début du fichier */

/* 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;
}
#pubs .ctnPubs {width: 728px;}
#pubs .ctnPubs .pubB {display: none;}
#entete .ctnEntete,
#navigation .menu,
#sousMenu,
#masthead #maincontent,
#contenant #bg {
    float:left;
    width:974px;
    padding:0 10px;
    background:#fff;
    text-align:left;
}
#entete #navigation .menu {padding:0;}

#header #entete .boxChannels ul li ,
.ctnNavigation .menu ul li {font-family: Verlag, Arial, Helvetica, sans-serif;}

/* --------------------------------- */
/* 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: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:73px 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:99px;
	padding-top:10px;
    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;
    position:relative;
    width:95px;
    height:99px;
    padding:0;
    background:url(../img/logo_lapresse.png) no-repeat 0 0;
}
#entete .boxLogo a {
    display:block;
    width:95px;
    height:0;
    padding:95px 0 0 0;
    overflow:hidden;
}
#entete .boxLogo .accueil {
    float:left;
    position:absolute;
    right:-41px;
    top:0;
    width:38px;
    height:26px;
    padding:6px 0 0 0;
    overflow:hidden;
    display:none;
    z-index:99;
}
#entete .boxLogo .accueil a {
    float:left;
    position:relative;
    display:block;
    left:-3px;
    width:26px;
    height:0;
    padding:26px 0 0 0;
    background:url(../img/bg_navigation-over.png) no-repeat -5px -4px;
    overflow:hidden;
}
#entete .boxLogo .accueil .fleche {
    float:left;
    border-color:transparent #e2001a transparent transparent;
    border-style:solid;
    border-width:6px;
    display:block;
    font-size:0;
    height:0;
    left:-3px;
    top:7px;
    line-height:0;
    position:relative;
    width:0;
}
#entete .boxLogo h1:hover .accueil {display:block;}

/* --------------------------------- */
/* Visa & Liens channels
/* --------------------------------- */
#entete .boxNav {
	float:left;
	width:879px;
    height:99px;
    overflow:hidden;
}
#entete .boxChannels {
    float:left;
    width:875px;
    height:59px;
    margin:0 0 4px 0;
	background:#e5e5e5;
	border-left:4px solid #fff;
    overflow:hidden;
}
#entete .boxChannels .liensChannels {
    float:left;
    width:485px;
    height:59px;
    position:relative;
}

 /* Tag Nouveau */
#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:375px;
}
#entete .boxVisa br {display:none;}
#entete .boxVisa p {
    float:left;
    padding:6px 0 0 8px;
    margin:0;
}
#entete .boxVisa p a#visa2Link3 {
    padding:0 5px 0 0;
    border-right:1px solid #333;
}
#entete .boxVisa p a#visa2Link4 {padding:0 0 0 3px;}
#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:295px;
    padding:0 0 0 1px;
    position:absolute;
    left:0;
    bottom:0;
}
#entete .boxChannels ul li {
    color:#333;
    float:left;
    font-size:13px;
    line-height:22px;
    margin:0 1px 0 0;
    text-transform:uppercase;
}
#entete .boxChannels ul li a {
    color:#333;
    display:inline-block;
    height:22px;
    padding:0 8px;
}
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:#4d4d4d;
    text-decoration:none;
}

/* --------------------------------- */
/* Météo
/* --------------------------------- */
#entete .boxMeteo {
    float:left;
    width:179px;
}
#entete .boxMeteo .MeteoBox300 {
    float:left;
    width:290px;
    height:59px;
    margin:0;
    border:0 none;
    background:none;
}
#entete .boxMeteo .temperature {
    float:left;
    width:118px;
    height:62px;
    padding:0;
    font-size:24px;
    font-weight:bold;
    line-height:56px;
    color:#333;
}
#entete .boxMeteo .temperature img {
    float:left;
    padding:5px 5px 0 0;
}
#entete .boxMeteo .temperature span  {float:left;}
#entete .boxMeteo .temperature span strong {
    font-size:18px;
    position:relative;
    top:-4px;
}
#entete .boxMeteo .meteoLinks {
    float:left;
    width:172px;
    padding:16px 0 0 0;
    color:#333;
    font-size:12px;
    line-height:14px;
}
#entete .boxMeteo .meteoLinks .ville {
    font-weight:bold;
    text-transform:uppercase;
    color:#333;
}
#entete .boxMeteo .meteoLinks #switch-city-target {color:#666;}

/* Pub SAQ */
#entete .pubBulle {
    float:left;
    padding:0;
    position:absolute;
    top:27px;
    left:-74px;
}

/* Pub Auto */
#entete .pubBulleAuto {
    float:left;
    padding:0;
    position:absolute;
    top:27px;
    left:-330px;
}

/* --------------------------------- */
/* Recherche
/* --------------------------------- */
#entete .boxRecherche {
    float:left;
    position:relative;
    width:210px;
    height:59px;
}
#entete .boxRecherche .formRecherche {
    float:right;
    position:relative;
    width:203px;
    padding:9px 7px 0 0;
}
#entete .formRecherche ul {
    float:left;
    width:inherit;
    padding:0 0 0 60px;
    margin:0;
    position:relative;
    top:1px;
}
#header #entete .formRecherche ul li {
    float:left;
    margin:0;
    color:#bdbcbd;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:12px;
    text-transform:none;
}
#entete .formRecherche ul li a {
    float:left;
    height:inherit;
    color:#0574ac;
    line-height:12px;
    padding:0 5px 8px;
}
#entete .formRecherche ul li a:hover {
    color:#0574ac;
    background:none;
}
#entete .formRecherche ul li a.select,
#entete .formRecherche ul li a.select:hover {background:url(../img/searchAffaires.png) no-repeat 9px 14px;}
#entete .formRecherche p {
    float:right;
    width:180px;
    padding:0 0 5px 0;
    margin:0;
    font-size:12px;
    line-height:14px;
    color:#666;
    text-align:right;
}
#entete .formRecherche form {float:right;}
#entete .formRecherche form.cnh_off {display:none;}

/* Recherche Affaires */
#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#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:125px;
    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
/* --------------------------------- */
#entete .ctnNavigation .menu {
    float:left;
    width:879px;
    background:#fff;
    text-align:left;
    border-bottom:0 none;
}
.ctnNavigation .menu ul {
    float:left;
	position:relative;
	left:4px;
    width:884px;
    height:32px;
    background:#e2001a;
}
.ctnNavigation .menu ul li {
    float:left;
	position:relative;
	top:1px;
    font-size:13px;
    line-height:32px;
    text-transform:uppercase;
    color:#fff;
}
.ctnNavigation .menu ul li a {
	float:left;
	position:relative;
    left:-1px;
    height:31px;
    padding:0 8px 0 9px;
    margin:0 1px 0 0;
	color:#fff;
}

/* État over et active */
.ctnNavigation .menu ul li a:hover {
	position:relative;
	height:31px;
    padding:1px 7px 0 7px;
    margin:-1px -4px 0 0;
  	left:-3px;
    line-height:32px;
    text-decoration:none;
    border-left:4px solid #fff;
    border-right:4px solid #fff;
}
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,
body.cinema .ctnNavigation .menu ul li.cinema a,
body.maison .ctnNavigation .menu ul li.maison a,
body.techno .ctnNavigation .menu ul li.techno a,
.menu ul.affaires li.affaires a,
.menu ul.auto li.auto 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 4px 7px;
    margin:-1px -4px 0 0;
  	left:-3px;
    line-height:32px;
    text-decoration:none;
    border-left:4px solid #fff;
    border-right:4px 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,
body.cinema .ctnNavigation .menu ul li.cinema a:hover,
body.maison .ctnNavigation .menu ul li.maison a:hover,
body.techno .ctnNavigation .menu ul li.techno a:hover,
.menu ul.affaires li.affaires a:hover,
.menu ul.auto li.auto a:hover,
.menu ul.techno li.techno a:hover,
#masthead #header .ctnNavigation .menu ul li.cinema a:hover {
    padding:1px 8px 4px 7px;
    margin:-1px -4px 0 0;
  	left:-3px;
    line-height:32px;
    text-decoration:none;
    border-left:4px solid #fff;
    border-right:4px solid #fff;
}

/* Actualites */
body.actualites #entete .ctnNavigation .menu ul {
    left:3px;
    width:876px;
}
.ctnNavigation .menu ul li.actualites a {
    padding-left:10px;
    padding-right:10px;
}
.ctnNavigation .menu ul li.actualites a:hover {left:-3px;}
.ctnNavigation .menu ul li.actualites a:hover,
body.actualites .ctnNavigation .menu ul li.actualites a,
body.actualites .ctnNavigation .menu ul li.actualites a:hover {
    padding-left:9px;
    padding-right:9px;
    border-left:3px solid #fff;
    background:#696561;
}
body.actualites #entete .ctnNavigation .menu ul li.actualites a {border-left:4px solid #fff;}

/* International */
.ctnNavigation .menu ul li.international a:hover,
body.international .ctnNavigation .menu ul li.international a {background:#696561;}

/* Affaires */
.ctnNavigation .menu ul li.affaires a:hover,
.ctnNavigation .menu ul.affaires li.affaires a {background:#0574ac;}

/* Sports */
.ctnNavigation .menu ul li.sports a:hover,
body.sports .ctnNavigation .menu ul li.sports a {background:#e0ae00;}

/* Auto */
.ctnNavigation .menu ul li.auto a:hover,
.ctnNavigation .menu ul.auto li.auto a {background:#5b7c8e;}

/* Arts */
.ctnNavigation .menu ul li.arts a:hover,
body.arts .ctnNavigation .menu ul li.arts a {background:#00a5bb;}

/* Cinema */
.ctnNavigation .menu ul li.cinema a:hover,
body.cinema .ctnNavigation .menu ul li.cinema a {background:#9958a1;}

/* Vivre */
.ctnNavigation .menu ul li.vivre a:hover,
body.vivre .ctnNavigation .menu ul li.vivre a {background:#840132;}

/* Voyage */
.ctnNavigation .menu ul li.voyage a:hover,
body.voyage .ctnNavigation .menu ul li.voyage a {background:#ff6c00;}

/* Vins */
.ctnNavigation .menu ul li.vins a:hover,
body.vins .ctnNavigation .menu ul li.vins a {background:#840132;}

/* Maison */
.ctnNavigation .menu ul li.maison a:hover,
body.maison .ctnNavigation .menu ul li.maison a  {background:#8fa929;}

/* Techno */
.ctnNavigation .menu ul li.techno a:hover,
.ctnNavigation .menu ul.techno li.techno a {background:#6473b4;}
body.techno .ctnNavigation .menu ul li.techno a  {background:#6473b4;}

body.techno #header #sousMenu ul {background:#6473b4;}
body.techno #header #sousMenu ul li a:hover,
body.techno #header #sousMenu ul 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 */
.ctnNavigation .menu ul li.noel a:hover,
body.noel .ctnNavigation .menu ul li.noel a {background:url(../img/bg_menu-over.png) repeat-x 0 -491px;}
.ctnNavigation .menu ul li.noel a {background:none;}

#entete .boxChannels ul li.noel{ color: #5c5c5c; } #entete .boxChannels ul li.noel a{ color: #5c5c5c;} #entete .boxChannels ul li.noel a:hover{ background: #5c5c5c; color: #fff;} .noel_separateur{ width: 1px; height: 14px; float:right; background:#5c5c5c; margin:4px 4px 0 4px; }

/* --------------------------------- */
/* 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 */
body.cinema #header #sousMenu ul {background:#9958a1;}
body.cinema #header #sousMenu ul li a:hover,
body.cinema #header #sousMenu ul li.active a {border-bottom:5px solid #dca6fc;}

/* 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;}

body.maison #header #sousMenu ul {background:#8fa929;}
body.maison #header #sousMenu ul li a:hover,
body.maison #header #sousMenu ul 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:#4d4d4d;}
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;
}


/* ---------------------------------------------------------------------------------- */
/* Page Météo
/* ---------------------------------------------------------------------------------- */
.meteo-box {width:100%;}
.meteo-box h1 {
    color:#666;
    font-size:18px;
    margin:10px 0;
}
.meteo-box .condActuel-box {
    float:left;
    width:630px;
    margin:0 0 5px 0;
}
.meteo-box .condActuel-box div {float:left;}
.meteo-box .condActuel-box .condTitle {
    width:594px;
    background-color:#e5e5e5;
    margin:0 0 5px 0;
    height:32px;
    padding:10px 18px;
}
.meteo-box .condActuel-box .condTitle h3 {
    float:left;
    margin:8px 0 0 0;
}
.meteo-box .condActuel-box .condTitle div {
    float:right;
    text-align:right;
}
.meteo-box .condActuel-box .condTitle span.meteo-date {font-size:16px;}
.meteo-box .condActuel-box .condTitle span.meteo-maj {
    font-size:12px;
    color:#666;
}
.meteo-box .condActuel-box .cond-box,
.meteo-box .condActuel-box .normales {
    float:left;
    margin:0 1px 0 0;
    width:203px;
    background-color:#f2f2f2;
    height:180px;
    padding:17px 17px 0 17px;
}
.meteo-box .condActuel-box .meteo-img {margin:0 0 0 10px;}
.meteo-box .condActuel-box .normales {
     width:137px;
     margin:0;
     font-size:12px;
     padding-right:0;
}
.meteo-box .condActuel-box .normales p {margin:0 0 10px 0;}
.meteo-box .condActuel-box .temperature {
    margin:30px 0 0 0;
    font-size:30px;
    color:#666;
    float:left;
    padding:0 0 0 8px;
}
.meteo-box .condActuel-box .meteo-detail {
    font-weight:bold;
    text-align:center;
    margin:10px 0 0 0;
    width:100%;
}
.meteo-box .selectionVille-box {
    margin:40px 0 0 0;
    float:right;
    width:258px;
}
.meteo-box form.meteo-ailleurs select {margin-top:11px;}
.meteo-box .liens-meteo-media {margin-top:10px; text-align:center;}
.meteo-box .liens-meteo-media a { font-size: 11px;}
.meteo-box .logo-meteomedia {padding-top:15px; float:right;}
.meteo-box .copyright-meteomedia{float:right; margin:48px 20px 0 26px; font-size:11px;}
.meteo-box .condFuture-box {
    float:left;
    background-color:#f2f2f2;
    width:237px;
    height:287px;
    margin:0 1px 10px 0;
}
.meteo-box .condFuture-box .meteo-img {margin:17px 0 0 27px;}
.meteo-box .condFuture-box .temperature {
    margin:40px 0 0 0;
    font-size:30px;
}
.meteo-box .condFuture-box .meteo-detail {
    text-align:center;
    margin:20px 0 0 0;
    clear:both;
    padding:15px;
}
.meteo-box .condFuture-box .meteo-detail p {margin:0 0 7px 0;}
.meteo-box .condFuture-box h4 {
    border-bottom:solid 5px #fff;
    height:26px;
    text-align:center;
    padding:13px 0 0 0;
    background-color:#e5e5e5;
    text-transform:uppercase;
}
.meteo-box .condFuture-box h4.lt {
    height:30px;
    padding:13px 0;
    line-height:16px;
}
.meteo-box .temperature-minmax {
    font-size:22px;
    margin:42px 0 0 8px;
    color:#666;
    float:left;
}
.meteo-box .temperature-minmax span {font-size:11px;}
.meteo-copyright {margin:10px 0;}
.meteo-copyright h2 {margin:0 0 10px 0;}
.meteo-box p.meteomedia-tag a {color:#003399;}


/* ---------------------------------------------------------------------------------- */
/* 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 5px;}
#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 form table ,
#maincontent table.archive_cell,
#maincontent #boxHTHoraire table ,
#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;}

/* --------------------------------------- */
/* Articles
/* --------------------------------------- */
/* Uniformisation des articles */
.articleStandard .excerpt {
    width: 432px;
}
/* intertitre */
.articleStandard h4.intertitre {font-size:22px;font-weight:bold;padding:20px 0 20px 0;}

.articleStandard .colspan {background: #fff; clear: both; overflow: hidden; width: 100%;}

.articleStandard ul.actions {float: right; margin-bottom: 10px;}
.articleStandard ul.actions li {display: inline; float: left; padding-right: 14px;}
.articleStandard ul.actions a {font-weight: bold; padding-left: 12px;}
/***/

.articleStandard .article-header {
    float:left;
    width:633px;
    background:#fff;
    padding:0 0 10px;
}
.articleStandard .article-header p {margin:0;}
.articleStandard .article-header h1 {
    padding:0 0 15px 0;
    margin:0;
    font-size:30px;
    line-height:34px;
}
.articleStandard .article-header .sous-titre {
    color:#666;
    font-size:110%;
    margin:8px 0 0 0;
    width:435px;
}
.articleStandard .image-block.principal {
    margin-right:0;
    width:633px;
    overflow:hidden;
}
.articleStandard .image-block.principal img {
    position:relative;
    left:-4px;
}
.articleStandard .image-block.principal .photodata {
    position:relative;
    min-height:30px;
    padding:12px 0 5px 0;
    border-bottom:1px solid #ccc;
    border-left:0 none;
    border-right:0 none;
}
.articleStandard .excerpt {float:left;}
.articleStandard .photodata .desc,
.articleStandard .photodata .auteur {
    padding:0 0 5px 0;
    color:#4d4d4d;
    font-size:12px;
    line-height:16px;
}
.articleStandard .principal .photodata .desc,
.articleStandard .principal .photodata .auteur {width:615px;}
.articleStandard .image-block .photodata .auteur {
    text-transform: uppercase;
    padding-bottom:0;
}
.articleStandard .photodata p.learnmore {
    border-top:1px dotted #999;
    margin:0;
    padding:4px 0;
    text-align:center;
}
.articleStandard .photodata p.zoom {
	display:block;
    position:absolute;
    top:12px;
    right:0;
    width:18px;
    height:18px;
    background:url(../img/ico_agrandir.png) no-repeat 0 0;
}
.articleStandard .photodata p.zoom a {
    display:block;
    width:18px;
    height:0;
    padding:18px 0 0 0;
    overflow:hidden;
    background:none;
}
.image-block.vert .photodata p.zoom {
	display:block;
    position:static;
    float:right;
    margin-right: -6px;
}

.image-block.slideshow .photodata p.zoom {
	display:block;
    position:static;
    float:right;
    margin-top:3px;
}

.articleStandard .excerpt p.amorce {
    font-weight:bold;
    font-size:18px;
    line-height:22px;
    margin:24px 0;
}
.articleStandard .entry p {
    font-size:15px;
    line-height:19px;
	margin: 0 10px 22px 0;
}
.articleStandard .excerpt p.amorce  sup,
.articleStandard .entry p sup{line-height:.8em;}

#articlePage .boxAuteur,
.article-critique .excerpt .boxAuteur,
.articleStandard .excerpt .boxAuteur {
    float:left;
    width:432px;
    margin:0 0 20px 0;
    background:#eee;
    position:relative;
}
#articlePage .boxAuteur .photoAuteur,
.article-critique .excerpt .boxAuteur .photoAuteur,
.articleStandard .excerpt .boxAuteur .photoAuteur {
    float:left;
    width:104px;
    height:70px;
    border-right:2px solid #fff;
}
#articlePage .boxAuteur .infosAuteur,
.article-critique .excerpt .boxAuteur .infosAuteur,
.articleStandard .excerpt .boxAuteur .infosAuteur {
    float:left;
    width:310px;
    padding:7px 0 8px 11px;
    font-size:14px;
}
#articlePage .boxAuteur .infosAuteur.wide,
.article-critique .excerpt .boxAuteur .infosAuteur.wide,
.articleStandard .excerpt .boxAuteur .infosAuteur.wide {
    width:421px;
}
#articlePage .boxAuteur .infosAuteur strong,
.article-critique .excerpt .boxAuteur .infosAuteur strong,
.articleStandard .excerpt .boxAuteur .infosAuteur strong {
    font-size:15px;
    text-transform:uppercase;
}
#articlePage .boxAuteur .infosAuteur strong i,
.article-critique .excerpt .boxAuteur .infosAuteur strong i,
.articleStandard .excerpt .boxAuteur .infosAuteur strong i {
    font-size:13px;
    font-weight:normal;
    text-transform:none;
}
#articlePage .boxAuteur .twitterAuteur,
.article-critique .excerpt .boxAuteur .twitterAuteur,
.articleStandard .excerpt .boxAuteur .twitterAuteur {
    position:absolute;
    bottom:7px;
    right:8px;
}

.articleStandard.multimedia .excerpt .boxAuteur {
    background-color: transparent;
    width:630px;
}
.articleStandard.multimedia .excerpt .boxAuteur .photoAuteur{
    display: none;

}
.articleStandard.multimedia .excerpt .boxAuteur .infosAuteur{
    padding-left:0;

}

.articleStandard .articleShared,
.rail-954 .articleShared {
    width:632px;
    background:none;
    padding:10px 0;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5;
    float: left;

    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.rail-954 .articleShared {
     width:954px;
}
.articleStandard .articleShared .partager,
.rail-954 .articleShared .partager {padding:0 10px 0 0;}

/* .articleStandard h4 {font-size:110%;font-weight:bold;padding:0 0 20px 0;} */

/* Article - colonne 180 */
.article-page .centerbar {
    background:none;
    border-bottom:0 none;
}
.article-page .centerbar .clear-box img.img-news.first {margin-top:0;}
.article-page .centerbar .clear-box {margin-bottom:10px;}
.article-page .centerbar .clear-box h4.general-cat,
.rail-right.multimedia .clear-box h4.general-cat {
    padding:3px 3px;
    margin:0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight:normal;
    text-transform:uppercase;
    background:none;
    border-top:3px solid #cecece;
    border-bottom:1px solid #cecece;
}
.article-page .centerbar .clear-box h4.general-cat a,
.rail-right.multimedia .clear-box h4.general-cat a {
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight:normal;
    text-transform:uppercase;
    line-height:inherit;
}
.article-page .centerbar .clear-box ul,
.rail-right.multimedia .clear-box ul {
    position:relative;
    top:-1px;
}
.article-page .centerbar .clear-box ul.square li,
.rail-right.multimedia .clear-box ul.square li {
    padding:4px 0;
    border-top:1px solid #cecece;
}
.article-page .centerbar .clear-box ul.linear li,
.rail-right.multimedia .clear-box ul.linear li {
    display:inline-block;
    padding:5px 0 0 0;
    color:#003399;
}
.article-page .centerbar ul.wide-list li,
.rail-right.multimedia ul.wide-list li {border-top:1px solid #cecece;}

/* Partager */
.article-page .centerbar .toolBox,
.rail-right.multimedia .toolBox {
    float:left;
    border-bottom:3px solid #cecece;
    margin-bottom:20px;

}
.article-page .centerbar .toolBox li,
.rail-right.multimedia .toolBox li {
    float:left;
    width:42px;
}
.article-page .centerbar .toolBox li.first,
.rail-right.multimedia .toolBox li.first {
    width:180px;
    border-bottom:3px solid #cecece;
}
.article-page .centerbar .toolBox .facebook,
.rail-right.multimedia .toolBox .facebook {padding:10px 0;}
.article-page .centerbar .toolBox .twitter,
.rail-right.multimedia .toolBox .twitter {
    padding-left:0;
    padding-bottom:10px;
}
.article-page .centerbar .toolBox .google,
.rail-right.multimedia .toolBox .google {padding:0 0 10px 0;}
.article-page .centerbar .toolBox .fontsize,
.article-page .centerbar .toolBox .print,
.article-page .centerbar .toolBox .envoyer,
.rail-right.multimedia .toolBox .fontsize,
.rail-right.multimedia .toolBox .print,
.rail-right.multimedia .toolBox .envoyer {
    height:40px;
    background:url(../img/ico_partager.png) no-repeat 0 8px;
    overflow:hidden;
}
.article-page .centerbar .toolBox .fontsize a,
.article-page .centerbar .toolBox .print a,
.article-page .centerbar .toolBox .envoyer a,
.rail-right.multimedia .toolBox .fontsize a,
.rail-right.multimedia .toolBox .print a,
.rail-right.multimedia .toolBox .envoyer a {
    display:block;
    padding:42px 0 0 0;
    overflow:hidden;
    font-size:10px;
    overflow:hidden;
}


/*fix bouton commenter toolbox*/
.article-page .centerbar .toolBox li.commenter{
    margin: 12px 0 0 23px;
    overflow: hidden;
    padding: 0;
    text-align: right;
    width: 23px;
    }
.article-page .centerbar .toolBox li.commenter a.commenter{color:transparent;}

.article-page .centerbar .toolBox .print,
.rail-right.multimedia .toolBox .print {background:url(../img/ico_partager.png) no-repeat 5px -52px;}
.article-page .centerbar .toolBox .envoyer,
.rail-right.multimedia .toolBox .envoyer {background:url(../img/ico_partager.png) no-repeat 10px -112px;}

.article-page .chapterContainer{
    clear:left;
    overflow:hidden;
}

/* De lapresse/css/general.css */
.articleStandard, .blogue-page {float: left; padding: 10px 0 0 0; width: 633px;}
.articleStandard .leftbar, .blogue-page .leftbar {width: 633px;}
.articleStandard .centerbar, .blogue-page .centerbar {background: url(../img/bg-vert-dotted.gif) repeat-y; border-bottom: 1px dotted #999; display: inline; margin: 0 0 10px 9px; padding-left: 9px;}
.articleStandard .articleShared {
    float:left;
    padding-left:50px;
    padding-bottom:15px;
    padding-top:10px;
    background:url(../img/fond_f_t.jpg) no-repeat left bottom;
}

/* --------------------------------------- */
/* Article Multimédia
/* --------------------------------------- */
.articleStandard.multimedia .article-page {
    width:634px;
    padding:0;
}
.articleStandard.multimedia .article-page h1 {
    float:left;
    width:634px;
    padding:5px 0 0 0;
    color:#333;
}
.articleStandard.multimedia .article-page h2 {
    float:left;
    width:634px;
    padding:0 0 1px 5px;
    font-family: Verlag;
    font-size:24px;
    font-weight:normal;
    line-height:22px;
    color:#333;
    text-transform:uppercase;
}
.articleStandard.multimedia .excerpt {width:634px;}
.articleStandard.multimedia .excerpt p.amorce {
    padding:0 0 22px 0;
    margin:0;
}

.rail-right.multimedia {padding:40px 0 0 0 ; width:225px; overflow: visible;}
.rail-954{clear:both;}

/* Partager */
.rail-right.multimedia .toolBox {
    width:225px;
    border-bottom:1px solid #cecece;
}
.rail-right.multimedia .toolBox li.first {border-bottom:0 none;}
.rail-right.multimedia .toolBox li.first {border-bottom:0 none; width:225px;}

/* Fix bouton commenter */
.rail-right.multimedia .toolBox li.commenter {margin:12px 0 0 23px;}
.rail-right.multimedia .toolBox li a.commenter {color:transparent;}

#wrapper ul.linear.fil-ariane {
    float:left;
    width:974px;
    height:36px;
    padding:0px 0 0 0;
}
#wrapper ul.linear.fil-ariane ul {
    float:left;
    width:auto;
    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,
.actualites .articleStandard.multimedia .article-page h2 {border-left:5px solid #9b9793;}

.international #wrapper .filariane h1,
.international #wrapper #fil h1,
.international .articleStandard.multimedia .article-page h2 {border-left:5px solid #9b9793;}

.sports #wrapper .filariane h1,
.sports #wrapper #fil h1,
.sports .articleStandard.multimedia .article-page h2 {border-left:5px solid #e0ae00;}

.arts #wrapper .filariane h1,
.arts #wrapper #fil h1,
.arts .articleStandard.multimedia .article-page h2 {border-left:5px solid #00a5bb;}

.vivre #wrapper .filariane h1,
.vivre #wrapper #fil h1,
.vivre .articleStandard.multimedia .article-page h2 {border-left:5px solid #840132;}

.voyage #wrapper .filariane h1,
.voyage #wrapper #fil h1,
.voyage .articleStandard.multimedia .article-page h2 {border-left:5px solid #ff6c00;}

.vins #wrapper .filariane h1,
.vins #wrapper #fil h1,
.vins .articleStandard.multimedia .article-page h2 {border-left:5px solid #840132;}

.cinema #wrapper .filariane h1,
.cinema #wrapper #fil h1,
.cinema .articleStandard.multimedia .article-page h2 {border-left:5px solid #9958a1;}

.maison #wrapper .filariane h1,
.maison #wrapper #fil h1,
.maison .articleStandard.multimedia .article-page h2 {border-left:5px solid #8fa929;}

.techno #wrapper .filariane h1,
.techno #wrapper #fil h1,
.techno .articleStandard.multimedia .article-page h2 {border-left:5px solid #6473b4;}

#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 edit
/* --------------------------------------- */
#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
/* ---------------------------------------------------------------------------------- */
/* réactiver quand Actualité redeviendra la première boite
body.accueil .main-box.actualite {padding:0 10px 0 0;} */
body.accueil .main-box {padding:16px 10px 0 0;}
body.accueil .main-box:first-child {padding-top: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;
}

/* 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 Accueil 434px - Cinema */
body.accueil .main-box.cinema h2 {border-left:5px solid #9958a1;}
body.accueil .main-box.cinema h2 a span {color:#9958a1;}
body.accueil .leftbar .main-box.cinema ul.stories li.main img {border-bottom:7px solid #9958a1;}

/* Boites Accueil 434px - Cinema : Sorties de la semaine */
.mainBoxCinema {
    float:left;
    border-bottom:1px solid #666;
    margin:0 0 20px 0;
    padding:0 0 12px 5px;
    width:429px;
}
.mainBoxCinema h6.boiteCinemaAcc {
    background-color:#9958a1;
    background-image:none;
    float:left;
    color:#fff;
    font-size:13px;
    padding:0 5px;
    margin:10px 0 10px 0px;
    font-family:Verlag, Arial, Helvetica, sans-serif;
}
.mainBoxCinema h6.boiteCinemaAcc a,
.mainBoxCinema h6.boiteCinemaAcc a:hover {
	color:#fff;
    text-decoration:none;
}
.mainBoxCinema ul.listeSortiesSemaine {
	clear:both;
    vertical-align:top;
}
.mainBoxCinema ul.listeSortiesSemaine li {
	display:block;
    width:80px;
    overflow:hidden;
    float:left;
    margin:0 0 0 6px;
}
.mainBoxCinema ul.listeSortiesSemaine li.first-child {margin:0;}
.mainBoxCinema .listeSortiesSemaine .linkFilmAcc {
	display:block;
    width:80px;
    height:auto;
    text-align: left;
    overflow:hidden;
}
.mainBoxCinema .listeSortiesSemaine .linkFilmAcc a {
	font-size:10px;
    line-height:12px;
}
.mainBoxCinema .listeSortiesSemaine .afficheFilmAcc a {
	background:url(../img/spacer.gif) repeat 0 0;
    display:block;
    width:80px;
    height:106px;
    position:absolute;
    font-size:10px;
    text-align:center;
}
.mainBoxCinema .listeSortiesSemaine .afficheFilmAcc a:hover {background:url(../img/cinema/bg_overPoster.png);}
.mainBoxCinema .afficheFilmAcc {
	width:80px;
    height:106px;
    overflow:hidden;
}
.mainBoxCinema .afficheFilmAcc img {width:80px;}
.mainBoxCinema .coteFilmAcc {
    background-color:#ccc;
    height:16px;
    margin:0 0 5px 0 ;
    text-align:center;
    font-size:10px;
}
.mainBoxCinema .coteFilmAcc img {
    width:8px;
    padding:4px 0 0 0;
}


/* ---------------------------------------------------------------------------------- */
/* BOITES MANCHETTES
/* ---------------------------------------------------------------------------------- */
.manchette .exclusif,
.sub-news .exclusif,
.manchette .enDirect,
.sub-news .enDirect,
.article-header .exclusif,
.article-header .enDirect,
.stories .exclusif, .stories .enDirect,
.list-pop .exclusif, .list-pop .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;
}
body.cinema .mise-en-valeur .lCol {
    width: 356px;
    padding: 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;
	cursor: pointer;
}
.manchette .magazine p.amorce {padding:10px 0;}
.manchette .magazine .img-rights {text-align:left;text-transform: uppercase;}
.manchette .magazine .exclusif,
.manchette .magazine .enDirect {margin:0 10px 3px 0;}
.manchette .magazine p.surtitre {padding:0px 0 10px 0; clear:both;}
.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 h1.bigBoiteGrise{
        font:normal 36px Verlag,Helvetica,arial,sans-serif;
        background: #e9eaea;
        padding: 13px 0 9px 20px;
      }

      #maincontent.generic #pagesMobiles{ padding: 0; background: none; margin: 0; width:974px;}
      #pagesMobiles .sect_laPressePlus, #pagesMobiles .sect_laPresseMobile, #pagesMobiles .sect_laPresseHockey, #pagesMobiles .sect_laPresseMotsCroises{
          width:974px;
          height:615px;
          margin: 8px 0;
      }
      #pagesMobiles .sect_laPressePlus{ background: url("../img/mobile_plus/bkg_lpp.jpg") no-repeat; margin-bottom:52px; height: 548px; }
      #pagesMobiles .sect_laPresseMobile{ background: #f2f2f2; }
      #pagesMobiles .sect_laPresseHockey{ background: #ffaf00; }
      #pagesMobiles .sect_laPresseMotsCroises{ background: url("../img/mobile_plus/bkg_lpmc.jpg") 0 -50px ; }

      #pagesMobiles .sect_laPressePlus img{ margin: 24px 0 40px 24px;}
      #pagesMobiles .sect_laPressePlus p{
        font:bold 16px Arial, helvetica, sans-serif;
        color:#fff; width: 330px;
        line-height: 22px;
        margin: 0 0 64px 24px;
        text-shadow: 0 2px 2px rgba(0, 0, 0, 0.40);
      }
      #pagesMobiles .sect_laPressePlus a.boutonLPPlus{
        text-transform: uppercase;
        font: normal 18px Arial, Helvetica, sans-serif;
        color:#fff;
        padding: 0 0 0 93px;
        display: block;
        width: 236px;
        height: 22px;

      }
      #pagesMobiles .sect_laPressePlus a.boutonLPPlus:hover{
        text-decoration: none;
      }
      #pagesMobiles .sect_laPressePlus a.boutonLPPlus .icon_ext{
        background: url('../img/mobile_plus/icon_site_ext.png') no-repeat 50% 50% #e0001a;
        background-size:26px 26px;
        border-radius: 34px;
        width: 57px;
        height: 57px;
        display: block;
        position: relative;
        top:-41px;
        left:-68px;

        transition: height 0.3s, width 0.3s, top 0.3s, left 0.3s, background-size 0.3s;
        -webkit-transition: height 0.3s, width 0.3s, top 0.3s, left 0.3s, background-size 0.3s;
        -moz-transition: height 0.3s, width 0.3s, top 0.3s, left 0.3s, background-size 0.3s;
        -o-transition: height 0.3s, width 0.3s, top 0.3s, left 0.3s, background-size 0.3s;

      }
       #pagesMobiles .sect_laPressePlus a.boutonLPPlus:hover .icon_ext{

        border-radius: 38px;
        background-size:30px 30px;
        width: 67px;
        height: 67px;
        display: block;
        position: relative;
        top:-46px;
        left:-73px;

      }

      #pagesMobiles .mobile_contenu{
        background: rgba(0,0,0,0.1);
        width:412px;
        min-height: 519px;
        margin: 24px 0 0 492px;
        position: absolute;
        padding: 24px;
      }
      #pagesMobiles .sect_laPresseHockey .mobile_contenu{  margin-left:24px; }

       #pagesMobiles .mobile_contenu p{
          margin: 20px 0 ;
          font-size: 16px;
          line-height: 24px;
          color: #333;



       }
       #pagesMobiles .mobile_contenu ul{
          list-style: none;

          color: #666;
          font-size: 16px;
          font-weight: bold;
          padding: 0 ;
       }
       #pagesMobiles .mobile_contenu ul li{
          margin: 8px 0 5px 3px;
          padding: 0px 0 0 31px ;
          background:  url("../img/mobile_plus/bul_mobile.png") 0px 6px no-repeat;
          color: #333;

       }

        #pagesMobiles .handphone_ios, #pagesMobiles .handphone_android{
          width: 486px;
          height: 615px;
          position: relative;
          z-index:50;
        }
        #pagesMobiles .handphone_ios{
          background: url("../img/mobile_plus/bkg_iphone_hand.png") center bottom no-repeat;
        }
        #pagesMobiles .handphone_ios .screenshot{
          position: absolute;
          left:161px;
          top:164px;
        }
        #pagesMobiles .handphone_ios a.btn_download{
            top:24px;
            left:24px;
            width: 154px;
            height: 46px;
            background: url("../img/mobile_plus/btn_appstore.png") 0 0 no-repeat;
            display: block;
            position: relative;
        }

        #pagesMobiles .handphone_android{
          display: none; /* par défault */
          background: url("../img/mobile_plus/bkg_android_hand.png") center bottom no-repeat;
          left: -30px;
        }

        #pagesMobiles .handphone_android .screenshot{
          position: absolute;
          left:154px;
          top:160px;
        }

        #pagesMobiles .handphone_android a.btn_download{
            top:24px;
            left:24px;
            width: 135px;
            height: 47px;
            background: url("../img/mobile_plus/btn_playstore.png") 0 0 no-repeat;
            display: block;
            position: relative;
        }

     #pagesMobiles #handphone_ios_lph{
          left:489px;
        }
        #pagesMobiles #handphone_ios_lph a.btn_download{
          left:311px;
        }
        #pagesMobiles #handphone_android_lph{
          left:519px;
        }
        #pagesMobiles #handphone_android_lph a.btn_download{
          left:329px;
        }

        #pagesMobiles .classSwitcher{
          position: absolute;
          z-index:100;
          width:543px;
          margin:543px 0 0 20px;
        }
        #pagesMobiles .sect_laPresseHockey .classSwitcher{ margin-left:501px; }


        #pagesMobiles .classSwitcher a{
          width:216px;
          padding:  12px 0;
          background: rgba(51,51,51,0.5);
          color: #FFF;
          display: inline-block;
          font: normal 20px Verlag,Arial;
          text-align: center;
          margin-right: 16px;

          background:#929292\9;

        }
        #pagesMobiles .classSwitcher a:hover, #pagesMobiles .classSwitcher a.active{
          background: rgba(51,51,51,0.8);
          text-decoration: none;

           /*ie*/
          background:#595959\9;
        }

      /****** fix ie  *****/
      #pagesMobiles .sect_laPresseHockey .mobile_contenu{ background:#e59d00\9; }
      #pagesMobiles .sect_laPresseMobile .mobile_contenu, #pagesMobiles .sect_laPresseMotsCroises .mobile_contenu{ background:#d9d9d9\9; }


/* ---------------------------------------------------------------------------------- */
/* 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; border-top:4px solid #fff; border-bottom:4px solid #fff;}
.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:absolute;
    bottom:0;
    background:url(../img/bg_fonce2.png) repeat 0 0;
    line-height:14px;
    color:#fff;
	left:0px;
}
.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;
}

.custom-flux, .box-filet {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.custom-flux #tab-popular {width:277px;}
.custom-flux #tab-popular li { width:89px; min-height:33px;display:table;border-right:1px solid #999;}
.custom-flux #tab-popular li.first {margin:0;}
.custom-flux #tab-popular li.first {border-bottom:0;}
.custom-flux #tab-popular li a {
    font-size:12px;
    min-height:25px;
    line-height:25px;
    display:table-cell;
    vertical-align: middle;}


.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:80px;}
.plusPopulaires #plusPopulairesContent dl.list-pop dd.annee,
.plusPopulaires #plusPopulairesContent dl.list-pop.week dd
{width:350px;}

/* --------------------------------------- */
/* 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 CENTRE 180px
/* ---------------------------------------------------------------------------------- */
.centerbar .blocLibre175,
.centerbar .boxOffice,
.rail-right .boxOffice {
    float:left;
    width:180px;
    margin:0 0 20px 0;
}
.centerbar .blocLibre175 h4,
.centerbar .boxOffice h4 {
    float:left;
    width:170px;
    padding:0 5px;
    margin:0 0 3px 0;
    font-family: Verlag, Arial, Helvetica,sans-serif;
    font-size:15px;
    font-weight:normal;
    color:#333;
    text-transform:uppercase;
    background:#ccc;
}
.centerbar .blocLibre175 h4 a,
.centerbar .boxOffice h4 a {
    float:left;
    color:#333;
    text-decoration:none;
}
.centerbar h4 a:hover {text-decoration:none;}
.centerbar .blocLibre175 h4 span,
.centerbar .boxOffice h4 span {
    float:right;
    font-size:22px;
    line-height:19px;
    color:#666;
}
.centerbar .blocLibre175 ul,
.centerbar .boxOffice ul,
.rail-right .boxOffice ul {
    float:left;
    width:180px;
    background:#eee;
}
.centerbar .blocLibre175 ul li,
.centerbar .boxOffice ul li,
.rail-right .boxOffice ul li {
    float:left;
    padding:10px;
    width:160px;
    font-size:12px;
    border-bottom:1px solid #fff;
}
.centerbar .blocLibre175 ul li.first {padding:0;}
.centerbar .blocLibre175 ul li.first strong {font-size:14px;}
.centerbar .blocLibre175 ul li.first img,
.centerbar .blocLibre175 ul li.first p {float:left;}
.centerbar .blocLibre175 ul li.first p {padding:10px;}

/* Pour les blogues */
.textwidget .blocLibre175 {padding-top:10px;}
.textwidget .blocLibre175 ul li {
	width:162px;
    padding:8px;
}
.textwidget .blocLibre175 ul li a {text-decoration:none;}
.textwidget .blocLibre175 ul li,
.textwidget .blocLibre175 ul li p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}
.textwidget .blocLibre175 ul li strong {
    font-size:14px;
    font-weight:normal;
}


/* ---------------------------------------------------------------------------------- */
/* COLONNE DROITE 300px
/* ---------------------------------------------------------------------------------- */
.boxStandard300 ul li div {
    float:left;
    width:160px;
}
#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;
}

  /* publicité lapresse+ */
  .rail-right a.pubApp300{
    background: url(../img/mobile_plus/promo_300.jpg) no-repeat 0 0 ;
    width: 282px;
    margin: -10px 0 10px;
    padding: 6px 0 0 18px;
    height: 94px;
    border: none;
    display: block;
     clear: both;
     text-decoration: none;
  }
  .rail-right a.pubApp300:hover{
    text-decoration: none;

  }
  .rail-right a.pubApp300 h6{
    font:normal 22px/24px Helvetica, Arial, sans-serif;
    color: #eaeaea;
    margin: 10px 0 0 00px;
    font-weight: lighter;
  }
  .rail-right a.pubApp300 p{
    font:bold 17px Helvetica, Arial, sans-serif;
    color: #868686 ;
    text-align: left ;
    margin: 5px 0 0 0;
}
  .rail-right a.pubApp300:hover p{
    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:1302px;
    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,
.boxChroniqueursSection {
    float:left;
    width:300px;
    margin:0 0 20px 0;
}
.rail-right .boxEdito ul,
.boxChroniqueursSection ul {
    float:left;
    width:300px;
}
.rail-right .boxEdito ul li,
.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;
}
.boxChroniqueursSection ul li.fiches img {left:-3px;}
body.actualites .boxChroniqueursSection ul li,
body.international .boxChroniqueursSection ul li {border-bottom:4px solid #696561;}
body.sports .boxChroniqueursSection ul li {border-bottom:4px solid #e0ae00;}
body.arts .boxChroniqueursSection ul li,
#maincontent.arts .boxChroniqueursSection ul li {border-bottom:4px solid #00a5bb;}
body.vivre .boxChroniqueursSection ul li,
body.vins .boxChroniqueursSection ul li {border-bottom:4px solid #840132;}
body.voyage .boxChroniqueursSection ul li {border-bottom:4px solid #ff6c00;}
body.cinema .boxChroniqueursSection ul li {border-bottom:4px solid #9958a1;}
.rail-right .boxEdito ul li img,
.boxChroniqueursSection ul li img {
    float:left;
    position:relative;
    left:-25px;
}
.rail-right .boxEdito ul li p,
.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,
.boxChroniqueursSection ul li p strong {
    font-weight:normal;
    font-size:15px;
    text-transform:uppercase;
}
.rail-right .boxEdito ul li p a,
.boxChroniqueursSection ul li p a {color:#fff;}
body .boxChroniqueursSection.blogues ul li,
body .boxChroniqueursSection.bloguesBB3 ul li {
    width:284px;
    height:auto;
    padding:8px;
    border-bottom:1px solid #b1b1b1;
}
#maincontent .boxChroniqueursSection.blogues ul li table.minithumb-auteurs {
    float:left;
    width:284px;
    padding:0;
}
#maincontent .boxChroniqueursSection.blogues ul li .minithumb-auteurs img {margin:0;}
.boxChroniqueursSection ul li .minithumb-auteurs p {padding:0;}
.boxChroniqueursSection.blogues ul li img,
.boxChroniqueursSection.bloguesBB3 ul li img {
    width:69px;
    height:46px;
    left:0;
}
.boxChroniqueursSection.bloguesBB3 ul li img {margin:0 10px 0 0;}
.boxChroniqueursSection.blogues ul li h5,
.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;
}
.boxChroniqueursSection.blogues ul li h5 {
    position:inherit;
    left:inherit;
}
.boxChroniqueursSection.blogues ul li img {padding:0 8px 0 0;}
.boxChroniqueursSection.blogues ul li h5 a,
.boxChroniqueursSection.bloguesBB3 ul li h5 a {color:#fff;}
.boxChroniqueursSection.blogues ul li p,
.boxChroniqueursSection.bloguesBB3 ul li p {
    float:left;
    top:12px;
    line-height:14px;
}
.boxChroniqueursSection.blogues ul li p {
    top:inherit;
    left:inherit;
    position:inherit;
    padding:0;
}
.boxChroniqueursSection.bloguesBB3 ul li p {
    position:relative;
    left:inherit;
    top:inherit;
    padding:0;
}
.boxChroniqueursSection.bb5 ul li p.amorce {
    position:relative;
    padding:0;
    margin-left:0;
    left:79px;
    top:-14px;
}
.boxChroniqueursSection.blogues ul li p a.viewmore,
.boxChroniqueursSection.bloguesBB3 ul li p a.viewmore {font-weight:normal;}
.boxChroniqueursSection.bloguesBB3 .vert-cat-box {
    background:none;
    padding-bottom:0;
    margin-bottom:0;
}
.boxChroniqueursSection.bloguesBB3 .vert-cat-box h4 {display:none;}
.boxChroniqueursSection.bloguesBB3 .vert-cat-box .inner h4 {display:block;}
.boxChroniqueursSection.bloguesBB3 .vert-cat-box .inner h4 a {
    font-size:13px;
    color:#fff;
}
.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 section  - 175px     */
/* --------------------------------------- */
.centerbar .boxChroniqueursSection.bloguesBB3{margin:20px 0;}

.centerbar .boxChroniqueursSection,
.centerbar .boxChroniqueursSection ul {
    width:175px;
}
.centerbar .boxChroniqueursSection ul li {
    width:175px;
    height:auto;
}
.centerbar .boxChroniqueursSection ul li > a{float:left;}
.centerbar .boxChroniqueursSection.bloguesBB3 ul li img { margin-right: 6px;}
.centerbar .boxChroniqueursSection ul li p {
    float:left;
    width:87px;
    color:#fff;
}

.centerbar .boxChroniqueursSection ul li p strong {
    font-weight:normal;
    font-size:12px;
    text-transform:uppercase;
    font-family:verlag;
}

body .centerbar .boxChroniqueursSection.blogues ul li,
body .centerbar .boxChroniqueursSection.bloguesBB3 ul li {
    width:163px;
    height:auto;
    padding:6px;
}
#maincontent .centerbar .boxChroniqueursSection.blogues ul li table.minithumb-auteurs {
    width:159px;
}
#maincontent .centerbar .boxChroniqueursSection.blogues ul li .minithumb-auteurs img {margin:0;}
/**/
.centerbar .boxChroniqueursSection h4.opinions{
    background: url(../img/opinion/bg_h4-opinions.gif) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    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: 167px;
}
.centerbar .boxChroniqueursSection h4.opinions a{color:#fff;}

.centerbar .boxChroniqueursSection ul li p.amorce {
    float:left;
    clear:both;
    width:159px;
    padding:6px 0 0 0;
    line-height:16px;
    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;}

/* pour opinions */
.opinions #maincontent table.minithumb-auteurs p{
    padding: 0 0 0 15px;
    width: 350px;
}

/* --------------------------------------- */
/* 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:0;
    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%;
}

.stories .exclusif, .stories .enDirect,
.list-pop .exclusif, .list-pop .enDirect {
    float:none;
    padding:1px 5px;
    margin:0px 0 0 0px;
    font-family:Verlag;
    font-size:10px;
}

/* --------------------------------------- */
/* 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;
    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:#fff;
    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 0 0;
    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:#fff;
	text-decoration:none;
}
#pubOpignon430 .participez a:hover {background-color:#fff;}

/* --------------------------------------- */
/* 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:#e5e5e5 url(../img/opinion/ico_grand_btn_box.png)  no-repeat right top;}
#popup .bigParticipez a:hover {background:#e5e5e5 url(../img/opinion/ico_grand_btn_box.png)  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:#e5e5e5 url(../img/opinion/ico_grand_btn_box.png) no-repeat right top;}
#popup .bigParticipez a:hover {background:#e5e5e5 url(../img/opinion/ico_grand_btn_box.png) no-repeat right bottom;}

/* --------------------------------------- */
/* Boite 430 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(../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;
}


/* ---------------------------------------------------------------------------------- */
/* CINÉMA
/* ---------------------------------------------------------------------------------- */

/* Module d'horaire */
#horaires {
    float:left;
    position:relative;
    width:954px;
    margin:0 0 10px 0;
	z-index:999;
}
#horaires .txtOu {
    float:left;
    width:38px;
    margin:29px 0 0 0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    line-height:16px;
    line-height:52px;
    text-transform:uppercase;
    text-align:center;
}

/* Boite NO JavaScript */
#horaires .noJS {
    position:absolute;
    top:0;
    left:0;
    float:left;
    width:952px;
    height:90px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    background:#f2f2f2;
    z-index:99;
}
#horaires .noJS div {
    float:left;
    padding:17px 0 0 305px;
}
#horaires .noJS div.ie {padding:17px 0 0 225px;}
#horaires .noJS p {
    float:left;
    padding:5px 0 5px 70px;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight:normal;
    line-height:26px;
    color:#9c54a5;
    text-transform:uppercase;
    background:url(../img/cinema/img_noJS.png) no-repeat 0 0;
}
#horaires .noJS p strong {
    font-size:28px;
    font-weight:normal;
}

/* Options top */
#horaires .contentHoraire {
    float:left;
    width:952px;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
   	z-index:10;
}
#horaires .boxHoraire {
    float:left;
    width:934px;
    height:82px;
    padding:6px 6px 5px 12px;
    background:#f2f2f2;
}
#horaires .boxHoraireOptions {
    float:left;
    width:934px;
}

/* Localisation */
#horaires .boxHoraireOptions .localisation {
    position:relative;
    float:left;
    width:344px;
    font-family:Verlag, Helvetica, Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    text-transform:uppercase;
}
#horaires .boxHoraireOptions .localisation h2 {
    float:left;
    width:344px;
    padding:5px 0 12px 0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:normal;
    line-height:20px;
    text-transform:uppercase;
}
#horaires .boxHoraireOptions .localisation a {
    float:left;
    display:inline-block;
    width:93px;
    height:39px;
    padding:0 0 0 10px;
    background:url(../img/cinema/btn_horaires.png) no-repeat 0 0;
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:40px;
    color:#fff;
    cursor:pointer;
}
#horaires .boxHoraireOptions .localisation a:hover {
    text-decoration:none;
    background:url(../img/cinema/btn_horaires.png) no-repeat 0 -50px;
}
#horaires .boxHoraireOptions .localisation span {
    font-size:16px;
    color:#9c54a5;
}
#horaires .boxHoraireOptions .localisation.on a {background:url(../img/cinema/btn_horaires.png) no-repeat 0 -50px;}
#horaires .boxHoraireOptions .localisation.on span {color:#999;}
#horaires .boxHoraireOptions .localisation div {
    position:absolute;
    top:31px;
    right:5px;
    height:42px;
    font-size:42px;
    line-height:42px;
    color:#c2c2c2;
}

/* Menu déroulant Cinéma et Films */
#horaires .boxHoraireOptions .cinemas,
#horaires .boxHoraireOptions .films {
    float:left;
    width:260px;
    padding:8px;
    background:#e5e5e5;
}
#horaires .boxHoraireOptions .cinemas {
    height:36px;
    margin:29px 0 0 0;
}
#horaires .boxHoraireOptions .films {height:65px;}
#horaires .boxHoraireOptions .films form {
    float:left;
    padding:10px 0 5px 0;
    margin:0;
    height:14px;
    font-size:12px;
    color:#616161;
}
#horaires .boxHoraireOptions .films form label {padding:0 0 0 10px;}
#horaires .boxHoraireOptions h3 {
    float:left;
    position:relative;
    width:243px;
    height:24px;
    padding:5px 5px 5px 10px;
    border:1px solid #ccc;
    font-size:14px;
    font-weight:normal;
    line-height:24px;
    background:#fbfbfb url(../img/cinema/bg_selectHoraire.png) repeat-x bottom;
    overflow:hidden;
}
#horaires .boxHoraireOptions h3 a {
    float:left;
    display:block;
    width:243px;
    color:#333;
    outline:none;
    cursor:pointer;
}
#horaires .boxHoraireOptions h3 span {
    position:absolute;
    top:5px;
    right:5px;
    display:block;
    width:22px;
    height:22px;
    border:1px solid #ccc;
}
#horaires .boxHoraireOptions h3 a.down span {background:#9958a1 url(../img/cinema/select_fleche.png) no-repeat 0 0;}
#horaires .boxHoraireOptions h3 a.up span {background:#9958a1 url(../img/cinema/select_fleche.png) no-repeat 0 -30px;}
#horaires .boxHoraireOptions h3 a.up {background:none;}
#horaires .boxHoraireOptions h3 a:hover {text-decoration:none;}
#horaires .boxHoraireOptions .selectList {
    float:left;
    position:relative;
    width:260px;
    height:375px;
    display:none;
    overflow-y:scroll;
    overflow-x:hidden;
    z-index:9999;
    border-bottom:1px solid #ccc;
}
#horaires .boxHoraireOptions ul {
    float:left;
    position:relative;
    top:-1px;
    width:260px;
    background:#fff;
    overflow-y:hidden;
}
#horaires .boxHoraireOptions ul li {
    padding:1px 0 0 0;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    font-size:12px;
    font-weight:bold;
}
#horaires .boxHoraireOptions ul li a {
    display:block;
    padding:8px 15px;
    color:#333;
    cursor:pointer;
}
#horaires .boxHoraireOptions ul li a:hover {
    text-decoration:none;
    background:url(../img/cinema/bg_selectOver.png) repeat-y right;
}
#horaires .boxHoraireOptions ul li .newMovie {
    color:#9958a1;
    text-transform:uppercase;
}
#horaires .boxHoraireOptions ul li.title {
    padding:8px;
    font-size:13px;
    color:#fff;
    border-left:1px solid #7c4383;
    border-right:1px solid #7c4383;
    border-top:1px solid #7c4383;
    background:#9958a1;
}
#horaires .boxHoraireOptions ul li.subtitle {
    padding:3px 15px;
    font-size:13px;
    color:#fff;
    border-left:1px solid #7f7f7f;
    border-right:1px solid #aeaeae;
    border-top:1px solid #7f7f7f;
    background:#aeaeae;
}
#horaires .boxHoraireOptions ul li.title:hover {background:#9958a1;}

/* Cinémas */
#horaires .boxHoraireOptions .cinemas .selectList {height:369px;}

/* Films */
#horaires .boxHoraireOptions div#movieInTheaterList_fr,
#horaires .boxHoraireOptions div#movieInTheaterList_en {display:none;}

/* --------------------------------- */
/* Modifier ma localisation
/* --------------------------------- */
#horaires .modifLocalisation {
    float:left;
    width:952px;
    background:#dcdcdc;
    display:none;
}
#horaires .modifLocalisation .fleche {
    float:left;
    width:952px;
    height:13px;
    position:relative;
    top:-6px;
    background:url(../img/cinema/bg_modifLocalisation.png) repeat 5px 0;
}
#horaires .modifLocalisation .boxModifLocalisation {
    float:left;
    width:952px;
    padding:0 0 9px 0;
}
#horaires .modifLocalisation form {
    float:left;
    padding:0 0 0 35px;
}
#horaires .modifLocalisation form label {display:none;}
#horaires .modifLocalisation #txtLocal {
    float:left;
    width:235px;
    height:34px;
    padding:0 0 0 10px;
    background:#fff;
    border-top:1px solid #999;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size:13px;
    line-height:34px;
    color:#666;
}
#horaires .modifLocalisation #submitLocal,
#horaires .modifLocalisation .meLocaliser {
    float:left;
    height:37px;
    padding:0 10px;
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    line-height:37px;
    border:0 none;
    background:url(../img/cinema/btn_bgMauve.png) repeat-x bottom;
    cursor:pointer;
}
#horaires .modifLocalisation #submitLocal:focus{outline:none;}
#horaires .modifLocalisation .txtOu {
    margin:0;
    width:49px;
    font-size:14px;
    line-height:34px;
}
#horaires .modifLocalisation .meLocaliser a {
    display:inline-block;
    padding:0 3px 0 22px;
    line-height:37px;
    color:#fff;
    background:url(../img/cinema/ico_localiser.png) no-repeat 0 8px;
}
#horaires .modifLocalisation a:hover {text-decoration:none;}
#horaires .modifLocalisation .btnFermer {
    float:right;
    padding:13px 10px 0 0;
    font-size:10px;
    color:#666;
    text-transform:uppercase;
    cursor:pointer;
}
#horaires .modifLocalisation .btnFermer span {
    font-family:Verlag, Helvetica, Arial, sans-serif;
    font-size:9px;
    font-weight:bold;
}

/* Gestion des erreurs */
#horaires .boxErreurLocalisation {
    float:left;
    padding:10px 0 20px 35px;
    display:none;
}
#horaires .boxErreurLocalisation p {
    float:left;
    width:850px;
    font-size:15px;
    font-weight:bold;
    color:#000;
}
#horaires .boxErreurLocalisation div {
    float:left;
    padding:12px 0 0 0;
    font-style:italic;
    line-height:18px;
    color:#666;
}
#horaires .boxErreurLocalisation div.suggestions {font-style:normal;}
#horaires .boxErreurLocalisation div strong {
    line-height:26px;
    color:#9c54a5;
}
#horaires .boxErreurLocalisation ul {
    width:338px;
    margin:0 70px 0 0;
    background:#fff;
    border:1px solid #ccc;
}
#horaires .boxErreurLocalisation ul li {padding:3px 10px;}
#horaires .boxErreurLocalisation ul li:hover {
    background:#f2f2f2;
    cursor:pointer;
}
#horaires .boxErreurLocalisation ul li a {color:#666;}
#horaires .boxErreurLocalisation ul li a:hover {text-decoration:none;}

/* --------------------------------- */
/* Boite expand
/* --------------------------------- */
#horaires #boxExpand {
    float:left;
    position:relative;
    width:952px;
    height:380px;
    border-top:1px solid #ccc;
    overflow:hidden;
}
#horaires #boxExpand #loadingScreen {
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    left:0;
    width:952px;
    height:380px;
    overflow:hidden;
    z-index:7777;
    display:none;
    background:#000 url(../img/loading.gif) no-repeat center center;
    opacity:0.7;
    filter:alpha(opacity=70);
}
#horaires #boxExpand.miniExpand #loadingScreen {height:130px;}
#horaires #boxExpand.noScroll .boxRight {overflow-y:hidden;}
#horaires #boxExpand h4 {
    font-size:16px;
    line-height:18px;
}
#horaires #boxExpand h4 a {color:#333;}
#horaires #boxExpand.off {display:none;}
#horaires #boxExpand.on,
#horaires #boxExpand.on .boxLeft,
#horaires #boxExpand.on .boxRight {display:block;}
#horaires #boxExpand.default .contentLeft {display:none;}
#horaires #boxExpand .boxLeft {
    float:left;
    width:312px;
    height:380px;
    position:relative;
    display:none;
}
#horaires #boxExpand.miniExpand {
    height:130px;
    display:block;
}
#horaires #boxExpand.miniExpand .boxRight {height:130px;}
#horaires #boxExpand .boxRight {
    float:left;
    position:relative;
    width:639px;
    height:380px;
    background:#f2f2f2;
    border-left:1px solid #ccc;
    overflow-x:hidden;
    overflow-y:scroll;
    display:none;
}
#horaires #boxExpand.miniExpand .boxLeft,
#horaires #boxExpand.miniExpand .boxRight {display:block;}
#horaires #boxExpand.overflowHidden .boxRight {overflow-y:hidden;}

/* Map - Default */
#horaires #boxExpand.default .mapCinema {
    height:380px;
    position:relative;
}
#horaires #boxExpand .mapCinema {
    float:left;
    width:312px;
    position:absolute;
    bottom:0;
    left:0;
}
#horaires #boxExpand .mapCinema .titleMap {
    font-size:14px;
    color:#333;
    cursor:pointer;
}
#horaires #boxExpand .mapCinema .infoBulleGoogle {
    width:235px;
    font-size:12px;
}

/* Contenu gauche - Default */
#horaires #boxExpand .contentLeft {
    float:left;
    position:relative;
    width:312px;
    height:189px;
    background:#f2f2f2;
    border-bottom:1px solid #ccc;
    z-index:999;
}

/* Liste d'items à droite - Default */
#horaires #boxExpand .boxRight ul li {
	float:left;
    width:630px;
    padding:12px 10px 12px 0;
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
}
#horaires #boxExpand .boxRight ul li .pos {
    float:left;
    width:46px;
    padding:23px 0 0 0;
    font-size:9px;
    color:#666;
    text-transform:uppercase;
    text-align:center;
    background:url(../img/cinema/ico_localisation.png) no-repeat 15px -230px;
}
#horaires #boxExpand .boxRight ul li:hover .pos {background:url(../img/cinema/ico_localisation.png) no-repeat 15px -300px;}
#horaires #boxExpand .boxRight ul li .txtInfos {
    float:left;
    width:458px;
    font-size:12px;
    line-height:18px;
}
#horaires #boxExpand .boxRight ul li .txtInfos strong {font-size:16px;}
#horaires #boxExpand .boxRight ul li .txtInfos a {
    cursor:pointer;
    color:#333;
}
#horaires #boxExpand .boxRight ul li .txtInfos a.lienItineraire {color:#003399;}
#horaires #boxExpand .boxRight ul li .btn {
    float:left;
    padding:4px 10px;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:19px;
    text-transform:uppercase;
    background:url(../img/cinema/bg_btnVoirFilms.png) repeat-x 0 0;
    -moz-border-radius:2px;
	border-radius:2px;
}
#horaires #boxExpand .boxRight ul li .btn:hover {background:#606060;}
#horaires #boxExpand .boxRight ul li .btn a {
    cursor:pointer;
    color:#fff;
}
#horaires #boxExpand .boxRight ul li .btn a:hover {text-decoration:none;}
#horaires #boxExpand .boxRight ul li.tag {background:url(../img/cinema/ico_localisation-over.png) no-repeat 15px 11px;}
#horaires #boxExpand .boxRight ul li.tag .txtInfos a,
#horaires #boxExpand .boxRight ul li.title {
    padding:8px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    border-top:0 none;
    border-bottom:1px solid #7c4383;
    background:#94509d;
}

/* --------------------------------- */
/* Box expand Cinema
/* --------------------------------- */
#horaires #boxExpand.cinemas .mapCinema {height:190px;}

/* Lien cinéma à proximité */
#horaires #boxExpand .lienCinemaProx {
    width:298px;
    padding:6px 0 6px 14px;
    margin:0 0 8px 0;
    background:#afaaaf;
    border-bottom:1px solid #948d94;
}
#horaires #boxExpand .lienCinemaProx span {
    position:relative;
    top:1px;
    padding:0 10px 0 0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:12px;
    color:#fff;
}
#horaires #boxExpand .lienCinemaProx a {
    font-size:12px;
    color:#333;
    text-transform:uppercase;
    cursor:pointer;
}
#horaires #boxExpand.cinemas .lienCinemaProx a:hover {text-decoration:none;}

/* Infos Cinéma - gauche */
#horaires #boxExpand.cinemas .infosFilms {display:none;}
#horaires #boxExpand .contentLeft .pinMap {
    float:left;
    width:36px;
    padding:23px 7px 0 7px;
    font-size:9px;
    color:#666;
    text-transform:uppercase;
    background:url(../img/cinema/ico_localisation-over.png) no-repeat 18px 0;
    text-align:center;
}
#horaires #boxExpand .contentLeft .infosCinema {
    float:left;
    width:240px;
    padding:0 0 14px 0;
    margin:0;
}
#horaires #boxExpand .contentLeft .infosCinema p {
    font-size:12px;
    line-height:16px;
}
#horaires #boxExpand .contentLeft .infosCinema p .lienItineraire {cursor:pointer;}
#horaires #boxExpand .contentLeft .infosCinema p.tel {
    display:inline-block;
    width:220px;
    padding:6px 0 2px 18px;
    margin:0 0 15px 0;
    background:url(../img/cinema/ico_servicesCinemas.png) no-repeat -2px 6px;
}
#horaires #boxExpand .contentLeft .infosCinema p.tel span {width:100px;}
#horaires #boxExpand .contentLeft .infosCinema p.web {
    height:12px;
    padding:0 0 7px 0;
    font-size:13px;
    overflow:hidden;
}
#horaires #boxExpand .contentLeft .infosCinema span {
    float:left;
    display:inline-block;
    width:25px;
    height:20px;
}
#horaires #boxExpand .malentendant {background:url(../img/cinema/ico_servicesCinemas.png) no-repeat 0 -26px;}
#horaires #boxExpand .parking {background:url(../img/cinema/ico_servicesCinemas.png) no-repeat 0 -56px;}
#horaires #boxExpand .handicape {background:url(../img/cinema/ico_servicesCinemas.png) no-repeat 0 -86px;}
#horaires #boxExpand .metro {background:url(../img/cinema/ico_servicesCinemas.png) no-repeat 0 -116px;}
#horaires #boxExpand .contentLeft .infosCinema span.metro {
    padding:0 0 0 24px;
    line-height:22px;
}

/* Films à l'affiche - droite */
#horaires #boxExpand.cinemas .boxRight ul li {
    width:610px;
    padding:15px;
    background:none;
    position:relative;
}
#horaires #boxExpand.cinemas .boxRight ul li .newMovie {
    display:block;
    position:absolute;
    top:-1px;
    left:0;
    width:58px;
    height:57px;
    background:url(../img/cinema/films_tagNouveau.png) no-repeat 0 0;
    overflow:hidden;
}
#horaires #boxExpand.cinemas .boxRight ul li .newMovie a {
    display:block;
    width:58px;
    height:57px;
}
#horaires #boxExpand .boxRight .poster {
    float:left;
    width:60px;
    height:87px;
    background:#ccc;
}
#horaires #boxExpand .boxRight .infosFilm {
    float:left;
    position:relative;
    width:520px;
    padding:0 0 0 14px;
}
#horaires #boxExpand .titre {
    float:left;
	width:305px;
    padding:0 0 20px 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size:12px;
}
#horaires #boxExpand .titre span {color:#666;}
#horaires #boxExpand .titre strong {
    font-weight:normal;
    color:#333;
}

/* Classement et cotes */
#horaires #boxExpand .cotes {
    float:right;
    height:30px;
    overflow:hidden;
}
#horaires #boxExpand .cotes span.rates {
    float:left;
    display:block;
    width:24px;
    height:25px;
}
#horaires #boxExpand .cotes span.rateGe {background:url(../img/cinema/ico_classementSmall.png) no-repeat 0 2px;}
#horaires #boxExpand .cotes span.rate18 {background:url(../img/cinema/ico_classementSmall.png) no-repeat 0 -60px;}
#horaires #boxExpand .cotes span.rate16 {background:url(../img/cinema/ico_classementSmall.png) no-repeat 0 -121px;}
#horaires #boxExpand .cotes span.rate13 {background:url(../img/cinema/ico_classementSmall.png) no-repeat 1px -183px;}
#horaires #boxExpand .cotes span.rateEn {background:url(../img/cinema/ico_classementSmall.png) no-repeat 0 -247px;}
#horaires #boxExpand .cotes div {
    float:left;
    padding:0 0 0 15px;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    text-transform:uppercase;
}
#horaires #boxExpand .cotes div.coteLP {width:80px;}
#horaires #boxExpand .cotes div.cotePublic {width:75px;}
#horaires #boxExpand .cotes div.cotePublic img {
    width:13px;
    height:13px;
}
#horaires #boxExpand .cotes div span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-transform:none;
    color:#666;
}

/* Horaires */
#horaires #boxExpand .boxRight .horaire {float:left;}
#horaires #boxExpand .boxRight .horaireItem {
    float:left;
    width:520px;
}
#horaires #boxExpand .boxRight .horaireItem strong {
    display:block;
    padding:5px 0 3px 0;
    color:#9c54a5;
}
#horaires #boxExpand .boxRight .horaireItem.original {border-top:0 none;}
#horaires #boxExpand .boxRight .horaireItem.original strong {display:none;}
#horaires #boxExpand .boxRight .horaireItem p {display:inline-block;}
#horaires #boxExpand .boxRight .horaireItem p.jour {
    float:left;
    width:520px;
    font-size:12px;
    line-height:18px;
    color:#666;
    text-transform:uppercase;
}
#horaires #boxExpand .boxRight .horaireItem p.hres {
    position:relative;
    width:520px;
    padding:0 0 10px 0;
    line-height:16px;
    overflow:hidden;
}
#horaires #boxExpand .boxRight .horaireItem p.hres span {
    position:relative;
    display:inline-block;
    left:-7px;
    padding:0 5px 0 6px;
    margin:0 0 2px 0;
    font-weight:bold;
    border-left:1px dotted #333;
}
#horaires #boxExpand .boxRight .seeAll {
    float:left;
    width:520px;
    text-align:right;
}
#horaires #boxExpand .boxRight .seeAll a {
    color:#404040;
    cursor:pointer;
}
#horaires #boxExpand .boxRight .seeAll a:hover {color:#e2001a;}


/* --------------------------------- */
/* Box expand Films
/* --------------------------------- */
#horaires #boxExpand.films .contentLeft .lienCinemaProx,
#horaires #boxExpand.films .contentLeft .pinMap,
#horaires #boxExpand.films .contentLeft .infosCinema,
#horaires #boxExpand.films .boxRight li.title {display:none;}
#horaires #boxExpand.films .contentLeft {
    position:relative;
    width:284px;
    height:auto;
    min-height:110px;
    padding:14px;
}
#horaires #boxExpand.films .contentLeft .newMovie {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:58px;
    height:57px;
    background:url(../img/cinema/films_tagNouveau.png) no-repeat 0 0;
    overflow:hidden;
}
#horaires #boxExpand.films .contentLeft .newMovie a {
    display:block;
    width:58px;
    height:57px;
}
#horaires #boxExpand.films .mapCinema {height:241px;}
#horaires #boxExpand.films .infosFilms {
    float:left;
    width:284px;
}
#horaires #boxExpand.films .infosFilms .titre {
    width:210px;
    padding:0 0 0 14px;
}
#horaires #boxExpand.films .infosFilms .titre .lang select {
    width:210px;
    padding:1px 0;
    margin:8px 0;
    font-size:10px;
}
#horaires #boxExpand.films .infosFilms .titre .lang span {
    display:inline-block;
    padding:10px 0;
}
#horaires #boxExpand.films .infosFilms .img {
    float:left;
    width:60px;
    height:87px;
    background:#ccc;
}
#horaires #boxExpand.films .infosFilms .cotes {
    float:left;
    width:210px;
    height:inherit;
}
#horaires #boxExpand.films .cotes img {
    float:inherit;
    padding:0;
}
#horaires #boxExpand.films .contentLeft p {
    float:left;
    padding:10px 0 0 0;
    border-top:1px dotted #cbcbcb;
}
#horaires #boxExpand.films p select {margin:10px 0 0 0;}
#horaires #boxExpand.films .boxRight ul li .txtInfos {width:565px;}
#horaires #boxExpand.films .boxRight .txtInfos div.txtInfosTitle {float:left;}
#horaires #boxExpand.films .boxRight .txtInfos div.txtInfosMore {float:right;}
#horaires #boxExpand.films .boxRight .txtInfos div.txtInfosMore p.tel {
    padding:0 0 8px 18px;
    background:url(../img/cinema/ico_servicesCinemas.png) no-repeat -2px 0;
}
#horaires #boxExpand.films .boxRight .txtInfos div.txtInfosMore p.web {padding:0 0 30px 0;}
#horaires #boxExpand.films .boxRight .txtInfos div.txtInfosMore span {
    float:right;
    display:block;
    width:25px;
    height:20px;
}
#horaires #boxExpand.films .boxRight .horaireItem {margin:10px 0 0 46px;}
#horaires #boxExpand.films .boxRight .seeAll {width:605px;}


/* --------------------------------- */
/* Controle pour la boite Expand
/* --------------------------------- */
#horaires .controlExpand {
    float:left;
    width:954px;
    border-top:4px solid #9958a1;
    text-align:center;
}
#horaires .controlExpand a {
    display:inline-block;
    width:37px;
    height:14px;
    outline:none;
    cursor:pointer;
}
#horaires .controlExpand a.down {background:url(../img/cinema/btn_expandHoraire.png) no-repeat 0 0;}
#horaires .controlExpand a.up {background:url(../img/cinema/btn_expandHoraire.png) no-repeat 0 -22px;}


/* --------------------------------------- */
/* Fiche cinema
/* --------------------------------------- */
.cinema .colspan {overflow:visible;}

/* Permet de fixer plusieurs problemes css inter-navigateur du au box model */
.cinema .wrapDiv {
	float:left;
	width:100%;
	zoom:1;
	margin:0;
	padding:0;
	position:relative;
}

/* sous-titres */
#ficheFilm h2,
#ficheBas h2 {
	color:#fff;
	font-family:Verlag, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:14px;
	text-transform:uppercase;
}
#ficheResume {
    min-height:426px;
    position:relative;
    zoom:1;
}
#ficheResume,
#ficheBas {
	background:#333;
	color:#fff;
}
#afficheFilmGauche,
#ficheCotezGauche,
#ficheBasGauche {width:285px;}
#ficheCotezDroit,
#afficheFilmDroite,
#ficheBasDroite {width:348px;}
#afficheFilmDroite .wrapDiv {
	border-bottom:#242424 solid 1px;
	border-left:#525252 solid 1px;
	border-top:#525252 solid 1px;
	padding:14px;
	width:318px;
}
#afficheFilmGauche {
	background:url(../img/cinema/bg_poster.png) no-repeat top left;
	width:286px;
	height:426px;
    overflow:hidden;
    text-align: center;
}

/* Statut */
#ficheStatut {
	background:#9c54a5;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin:0 0 1px;
	text-align:center;
	text-transform:uppercase;
}
#ficheStatut div {text-align:center;}
#ficheStatut p {
	padding:10px;
	width:614px;
}

/* Classement du film */
#icoClassement {
	background:url(../img/cinema/ico_classement.png) no-repeat -185px -10px;
	min-height:35px;
}
#ficheTitre #icoClassement span {
    display:block;
    width:49px;
    height:35px;
    padding:0;
}
.general#icoClassement {background:url(../img/cinema/ico_classement.png) no-repeat -10px -10px;}
.plus18#icoClassement {background:url(../img/cinema/ico_classement.png) no-repeat -10px -470px;}
.plus16#icoClassement {background:url(../img/cinema/ico_classement.png) no-repeat -10px -930px;}
.plus13#icoClassement {background:url(../img/cinema/ico_classement.png) no-repeat -10px -1389px;}
.noncote#icoClassement {background:url(../img/cinema/ico_classement.png) no-repeat -10px -1892px;}

/* Titre du film */
#ficheTitre {min-height:87px;}
#ficheTitre {
	float:left;
	font-family:Verlag, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	text-transform:uppercase;
	width:270px;
}
#ficheTitre span, #ficheTitre p {
	color:#999;
	float:left;
	font-family:Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	line-height:14px;
	padding-top:7px;
	text-transform:none;
}

/* Synopsis */
#stResume {height:14px;}
#afficheFilmDroite #synopsis {
	height: 175px;
	width:346px;
	padding:0px;
	overflow: hidden;
}
#synopsis p {
	color:#ccc;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:16px;
	padding:0 0 14px 0;
}

/* Vertical scrollbar du synopsis */
#mcs_container {
	position:relative;
	height:175px;
	width:346px;
	padding:0;
	margin:0;
}
#mcs_container .customScrollBox {
	position:relative;
	height:100%;
	overflow:hidden;
}
#mcs_container .customScrollBox .container {
	position:relative;
	width:334px;
	top:0;
    left:0;
	float:left;
}
#synopsis #mcs_container .customScrollBox .content {
    clear:both;
    padding:14px;
	width: auto;
}
#mcs_container .dragger_container {
	position:relative;
	width:10px;
	height:176px;
	float:left;
	margin:0;
	background:#303030;
	cursor:pointer;
	border-left:1px #525252 solid;
	border-right:1px #525252 solid;
	display:none;
}
#mcs_container .dragger,
#mcs_container .dragger_pressed {
	position:absolute;
	width:10px;
	height:44px;
	background:#9c54a5;
	text-align:center;
	line-height:44px;
	color:#666;
	overflow:hidden;
	cursor:pointer;
	border-bottom:1px solid #7b467f;
}

/* quick fix temporaire */
.ficheCinema #wrapper .content {
    padding:0;
    width:auto;
}

/* Cote / etoiles */
#coteLaPresse,
#coteUsagers {height:14px;}
#coteLaPresse h2,
#coteUsagers h2,
#ficheCotezDroit h2 {
	float:left;
	width:170px;
}
#coteLaPresse div,
#coteUsagers div {float:left;}
#coteLaPresse p,
#coteUsagers p {display:none;}
#coteLaPresse p {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	width:50px;
}
#coteUsagers p {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}
#coteUsagers .reviewCount {
	color:#969;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	line-height:12px;
	margin:0 0 0 10px;
}
#coteLaPresse p span,
#coteUsagers p .ratingValue {color:#9c54a5;}
#starLaPresse,
#starPublic {
	position:absolute;
	right:16px;
	top:10px;
}
#ficheCotez {
	background:#411541;
	border-bottom:#414141 solid 1px;
	border-top:#414141 solid 1px;
	color:#fff;
	height:68px;
	width:634px;
}

/* pour bug ie7 avec la galerie photo */
#ficheCotez,
#ficheCotez .wrapdiv {
	position:static;
	z-index:5;
}

/* ficheBasGauche et ficheBasDroite */
#ficheBasGauche {
    border-right:1px solid #525252;
    color:#999;
}
#ficheBasGauche p {
	padding:10px 15px;
	width:254px;
}
#ficheBasGauche p.even {background:#242424;}
#ficheBasGauche p a#siteOfficiel {
	border-bottom:2px #666 solid;
	color:#fff;
	text-decoration: none;
}
#ficheBasDroite {
    left:-1px;
    color:#999;
}
#ficheBasGauche p span,
#ficheBasDroite p span {color:#ccc;}

/* sous-titre et contenu */
#stDetails {
	border-bottom:1px solid #242424;
	border-top:1px solid #525252;
	padding:15px;
	width:254px;
}
#ctDetails {
	border-bottom:1px solid #242424;
	border-left:1px solid #525252;
	border-top:1px solid #525252;
	width:284px;
}
#stCredits,
#ctCredits,
#stActeurs,
#ctActeurs {
	border-bottom:1px solid #242424;
	border-left:1px solid #525252;
	border-top:1px solid #525252;
	padding:15px;
	width:316px;
}
#ctActeurs {border-bottom:0 none;}
#ctCredits p,
#ctActeurs p {line-height:26px;}

/* ficheCotezDroit */
#ficheCotezDroit {
	height:40px;
	padding:14px;
	width:320px;
}
#ficheCotezDroit h2 {line-height:40px;}
#ficheCotezDroit #starVote {
	position:absolute;
	right:11px;
	top:18px;
}

/* ficheCotezGauche */
#ficheCotezGauche {padding:14px 0;}
#ficheCotezGauche p {
	color:#fff;
	font-family:Verlag, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	text-transform:uppercase;
	padding: 0 0 0 14px;
}
#ficheCotezGauche p span {
	color:#bc8ec2;
	font-family:Helvetica, Arial, sans-serif;
	text-transform:none;
}

/* Bande annonce bouton */
#voirBandeAnnonce {
	background:url(../img/cinema/bg_voirBandeAnnonce.png) repeat 0 0;
	bottom:0;
	display:block;
	height:45px;
	left:0;
	position:absolute;
	width:100%;
}
#voirBandeAnnonce a {
	bottom:6px;
	color:#ccc;
	display:block;
	font-family:Verlag, Arial, Helvetica, sans-serif;
	font-size:14px;
	height:33px;
	left:26px;
	line-height:33px;
	margin:0;
	padding:0;
	position:absolute;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:222px;
	focus:0;
}
.petitButtonVideo {background:url(../img/cinema/ico_player.png) no-repeat 0 0;}
.petitButtonVideo:hover {background:url(../img/cinema/ico_player.png) no-repeat 0 -33px;}

/* BandeAnnonce et galerie photo */
#bandeAnnonce,
#galeriePhoto,
#slideshow,
#videos {
	background:#333;
	font-family:Arial, Helvetica, sans-serif;
	left:0;
	position:absolute;
	top:0;
	z-index:10;
	display:none;
	zoom:1;
}
div.videoPreload {display:none;}
#videos .LimelightEmbeddedPlayer {position:relative;}
#galeriePhoto p.titleVisual,
#slideshow p.titleVisual,
#videos p.titleVisual {
    color:#999999;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:14px;
    text-transform: uppercase;
    position:absolute;
    top:18px;
    left:33px;
}
#bandeAnnonce p.captionVisual,
#galeriePhoto p.captionVisual,
#slideshow p.captionVisual,
#videos p.captionVisual {
    color:#999999;
	font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    float:left;
    width:100%;
    padding: 0 0 8px 0;
}
#bandeAnnonce p.creditVisual,
#galeriePhoto p.creditVisual,
#slideshow p.creditVisual,
#videos p.creditVisual {
    color:#999999;
	font-family:Helvetica, Arial, sans-serif;
    font-size:10px;
    float:left;
    width:100%;
}
.infosPhotos {
    position:relative;
    float:left;
    text-align:left;
    width:568px;
    padding:8px 0 0 33px;
}
#bandeAnnonce .chapitreVideo {
    height:345px;
    text-align:center;
    padding:38px 0 0 0;
}
#videos .chapitreVideo {
    height:345px;
    text-align:center;
    padding:60px 0 0 0;
}
#galeriePhoto {
	height:100%;
	width:634px;
    text-align: center;
    zoom:1;
}
#bandeAnnonce {
	height:426px;
	width:634px;
	zoom:1;
	text-align:center;
}
#bandeAnnonce .bandeAnnonceInfos,
#videos .bandeAnnonceInfos {
    float:left;
    width:634px;
}
#videos .bandeAnnonceInfos {height:40px;}
#bandeAnnonce .bandeAnnonceInfos #fermer {
     float:right;
     padding:12px;
     color:#999;
     font-size:10px;
     text-transform:uppercase;
}
#bandeAnnonce .bandeAnnonceInfos #fermer:hover {text-decoration:none;}
#bandeAnnonce .bandeAnnonceInfos #fermer span {
    color:#fff;
    font-weight:bold;
}
#bandeAnnonce .titleVisual {
    padding:35px 0 3px 16px;
    text-align:left;
    font-size:18px;
}
#bandeAnnonce .titleVisual span {font-style:italic;}
#bandeAnnonce object {
	z-index:15;
	zoom:1;
	width:604px;
	height:345px;
}
#videos {
	height:426px;
	width:634px;
	zoom:1;
	text-align:center;
}
#videos object {
	z-index:15;
	zoom:1;
	width:604px;
	height:345px;
}
#galeriePhoto img {
    z-index:15;
    zoom:1;
    padding:60px 0 0;
}
#galeriePhoto #fermerGalerie,
#videos #fermerVideo {
	background:url(../img/cinema/ico_close.png) no-repeat right top;
	color:#999;
	display:block;
	font-size:10px;
	height:8px;
	line-height:8px;
	position:absolute;
	right:8px;
	text-align:left;
	top:8px;
	width:56px;
	zoom:1;
}
#bandeAnnonce p span {font-style:italic;}
.ficheFilm .videoPreload {display:none;}

/* object slideshow (galleria) */
.ficheFilm .galleria-stage {
    height:526px;
    position:absolute;
    top:10px;
    bottom:60px;
    left:10px;
    right:10px;
    overflow:hidden;
    z-index:14;
    zoom:1;
}
.ficheFilm #slideshow img {
    top:86px;
    left:0px;
    position:relative;
    z-index:15;
    vertical-align:middle;
}
.ficheFilm #slideshow #fermerSlideshow {
    background:url(../img/cinema/ico_close.png) no-repeat right top;
	color:#999;
	display:block;
	font-size:10px;
	height:8px;
	line-height:8px;
	position:absolute;
	right:8px;
	text-align:left;
	top:8px;
	width:56px;
	z-index:50;
}
.ficheFilm #slideshow p {
	color:#fff;
	font-size:16px;
	left:16px;
	line-height:18px;
	position:absolute;
	text-align:left;
	top:37px;
	z-index:50;
}
.ficheFilm #slideshow p span {font-style:italic;}

/* BandeAnnonce et galerie photo */
#slideshow {
	background:#000;
	display:none;
	font-family:Arial, Helvetica, sans-serif;
	left:0;
	position:absolute;
	top:0;
	height:496px;
	width:634px;
    text-align: center;
}
#slideshow #galleria {
    height:608px;
	width:634px;
}

/* tooltipStar */
#tooltipStar {
	background:url(../img/cinema/bg_starTooltip.png) no-repeat right top;
	color:#333;
	display:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	height:140px;
	left:194px;
	position:absolute;
	top:-218px;
	width:140px;
}
#tooltipStar p {
	font-size:14px;
	font-weight:bold;
	padding:7px 10px;
}
#tooltipStar li {
	border-bottom:1px solid #cecece;
	font-size:10px;
	height:19px;
	line-height:19px;
	margin:0 1px;
	padding:0 10px;
	text-transform:uppercase;
}
#tooltipStar li.last {border-bottom:0;}
#tooltipStar li span {color:#e2001a;}

/* Slider */
#ficheSlider {
	background:#000;
	height:112px;
	width:634px;
}
#ficheSlider .listePhotos {
	float:left;
	margin:0;
	width:634px;
}
#ficheSlider .listePhotos .btnPrec {
	background:url(../img/fleche_left.png) no-repeat -31px 0;
	float:left;
	height:40px;
	left:-4px;
	margin:36px 0 0;
	overflow:hidden;
	position:relative;
	width:22px;
}
#ficheSlider .listePhotos .btnNext {
	background:url(../img/fleche_right.png) no-repeat 0 0;
	float:right;
	height:40px;
	left:inherit;
	margin:36px 0 0;
	overflow:hidden;
	position:relative;
	right:-4px;
	width:22px;
}
#ficheSlider .listePhotos .disabled {visibility:hidden;}
#ficheSlider .listePhotos .btnPrec a, #ficheSlider .listePhotos .btnNext a {
	background:none;
	border:0 none;
	cursor:pointer;
	display:block;
	height:0;
	overflow:hidden;
	padding:40px 0 0;
	width:22px;
}
#ficheSlider .listePhotos .btnPrec a {background:url(../img/fleche_left.png) no-repeat -1px 0;}
#ficheSlider .listePhotos .btnNext a {background:url(../img/fleche_right.png) no-repeat -30px 0;}
#ficheSlider .listePhotos .listePhotosContent {
	float:left;
	height:112px;
	left:8px;
	overflow:hidden;
	position:relative;
	width:582px;
}
#ficheSlider .listePhotos .listePhotosContent ul {
	float:left;
	overflow:hidden;
	padding:13px 0;
	position:absolute;
	width:2000em;
	height:88px;
}
#ficheSlider .listePhotos .listePhotosContent li {
	float:left;
	width:582px;
	line-height:87px;
	height:87px;
}
#ficheSlider .listePhotos .listePhotosContent li div.photoSlider,
#ficheSlider .listePhotos .listePhotosContent li div.videoSlider,
#ficheSlider .listePhotos .listePhotosContent li div.slideshowSlider {
	float:left;
	padding:0 7px;
	width:130px;
	text-align:center;
	line-height:87px;
	height:87px;
	position:relative;
}
#ficheSlider .listePhotos .listePhotosContent li div.photoSlider a,
#ficheSlider .listePhotos .listePhotosContent li div.videoSlider a,
#ficheSlider .listePhotos .listePhotosContent li div.slideshowSlider a,
#ficheSlider .listePhotos .listePhotosContent li div.videoSlider a {
	display:inline;
	line-height: 87px;
	height:87px;
	vertical-align: middle;
	position:relative;
}
#ficheSlider .listePhotos .listePhotosContent li div.photoSlider a,
#ficheSlider .listePhotos .listePhotosContent li div.videoSlider a,
#ficheSlider .listePhotos .listePhotosContent li div.slideshowSlider a,
#ficheSlider .listePhotos .listePhotosContent li div.videoSlider a {display:block;}
#ficheSlider .listePhotos .listePhotosContent li img {vertical-align:middle;}
#ficheSlider .slideshowIcon {
    position:absolute;
    top:29px;
    left:54px;
}
#ficheSlider .videoIcon {
    position:absolute;
    top:28px;
    left:57px;
}

/* Gallerie photo */
div.contentWrap {
	height:441px;
	overflow-y:auto;
}

/* Class pour jQuery */
#ficheCotezDroit h2.merciDavoirVote {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:45px;
	text-transform:none;
}


/* --------------------------------------- */
/* Fiche cinema - Critique
/* --------------------------------------- */
#critiquesContent {
    float:left;
    width:634px;
    padding:24px 0 0 0;
}
#critiquesContent .pub {padding:20px 0 0 0;}

/* Critique La Presse */
#critiquesContent .colRightCritique {padding:0 0 0 20px;}
#critiquesContent .colRightCritique .blocLibre175 strong {font-weight:normal;}
#critiquesContent .critiqueLaPresse h2.titleBox {width:417px;}
#critiquesContent .critiqueLaPresse .auteurCritique {
    float:left;
    padding:0 22px 14px 0;
}
#critiquesContent .critiqueLaPresse .auteurCritique img {padding:0 0 3px 0;}
#critiquesContent .critiqueLaPresse .auteurCritique a {font-weight:bold;}
#critiquesContent .critiqueLaPresse span {
    font-size:11px;
    color:#666;
}
#critiquesContent .critiqueLaPresse h3 {
    padding:5px 0 10px 0;
    font-size:20px;
    font-weight:bold;
}
#critiquesContent .critiqueLaPresse p {
    padding:0 0 25px 0;
    line-height:16px;
}
#critiquesContent .critiqueLaPresse p span {text-decoration:underline;}
.critiqueLaPresse {padding-bottom:22px;}
#critiquesContent .datesCritiques {color:#666;}

/* Critiques publiques */
#critiquesContent .critiquesPublic h2 span#titleCp {
    font-size: 20px;
    padding: 0 0 0 10px;
    position: relative;
    top: 0px;
    float:left;
}
#critiquesContent .critiquesPublic h2 a {
    padding:0 0 0 122px;
    font-size:12px;
    line-height:26px;
    float:left;
}
#critiquesContent .critiquesPublic h2 a span {
    top:5px;
    padding: 0 0 0 10px;
}
#critiquesContent .critiquesPublic ul.actions {display:none;}
#critiquesContent .critiquesPublic ul,
#critiquesContent .critiquesPublic ul li {
    float:left;
    width:634px;
}
#critiquesContent .critiquesPublic ul li {
    padding:12px 0 0 0;
    border-bottom:1px dotted #9d9d9d;
}
#critiquesContent .critiquesPublic ul li h5 {
    float:left;
    font-size:16px;
}
#critiquesContent .critiquesPublic ul li p {
    float:left;
 	padding:12px 0;
 	width:100%;
}
#critiquesContent .critiquesPublic ul li strong {line-height:22px;}
#critiquesContent .critiquesPublic ul li .rates {
    float:right;
    padding:0 0 5px 0;
}
#critiquesContent .critiquesPublic p.plus {
    float:left;
    padding:8px 0 38px 0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    text-transform:uppercase;
}
#critiquesContent .critiquesPublic p.plus a {color:#333;}
.critiquesPublic .article-comment {border-top:0 none;}
.critiquesPublic .ratingWrapperContent {
    float:left;
    width:565px;
    padding:0 0 10px 0;
    font:80%/1.3em Verdana, Arial, sans-serif;
}
.critiquesPublic .ratingWrapperContent span {display:block;}
.critiquesPublic .comment-header {display:none;}
.critiqueVideo {min-height:164px;}
.critiqueVideo .thumbnailVideoWrapper {position:relative;}
.critiqueVideo ul li a.thumbnailVideo {position:relative;}
.critiqueVideo ul li a.thumbnailVideo {
    width:180px;
    text-align:center;
    display:block;
}
.centerbar .blocLibre175.critiqueVideo ul li img {width:180px;}
.centerbar .blocLibre175.critiqueVideo ul li.first img {float:none;}
.centerbar .blocLibre175.critiqueVideo ul li.first p {width:100%;}
.videoCriticLm {display:none;}
.critiqueVideo .petitButtonVideo {
    background:url(../img/cinema/ico_player.png) no-repeat 0 0;
	display:block;
	z-index:99;
	position:absolute;
	width:33px;
	height:33px;
	top:20px;
	left:74px;
}
.critiqueVideo .petitButtonVideo:hover {background:url(../img/cinema/ico_player.png) no-repeat 0 -33px;}

/* --------------------------------------- */
/* H2 pour boites 430 et 630
/* --------------------------------------- */
body.cinema h2.titleBox,
body.cinema #galeriePhotos434.main-box h2 {
	position:relative;
    width:419px;
    height:40px;
    padding:0 0 0 10px;
    margin:0 0 8px 0;
    background:#e5e5e5;
    border-bottom:0 none;
    border-left:5px solid #9958a1;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:normal;
    line-height:40px;
    text-transform:uppercase;
	float:left;
}
body.vivre h2.titleBox {
position: relative;
width: 419px;
height: 40px;
padding: 0 0 0 10px;
margin: 0 0 8px 0;
background: #e5e5e5;
border-bottom: 0 none;
border-left: 5px solid #840132;
font-family: Verlag, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 40px;
text-transform: uppercase;
float: left;
}
body.cinema .colspan .leftbar h2.titleBox {width:417px;}
body.cinema .colspan h2.titleBox {width:619px;}
body.cinema h2.titleBox a,
body.cinema h2.titleBox a:hover,
body.cinema h2.titleBox a:visited,
body.cinema #galeriePhotos434.main-box h2 a,
body.cinema #galeriePhotos434.main-box h2 a:hover,
body.cinema #galeriePhotos434.main-box h2 a:visited {
    font-size:20px;
    line-height:32px;
    color:#333;
    text-decoration:none;
}
body.cinema h2.titleBox span,
body.cinema #galeriePhotos434.main-box h2 span {
    position:relative;
    padding:0 0 0 10px;
    top:2px;
    font-family:Verlag,Arial,Helvetica,sans-serif;
    font-size:32px;
    color:#4b4b4b;
}
body.cinema #galeriePhotos434.main-box h2 span {float:none;}

/* --------------------------------------- */
/* Boite 430 et 630 Standard
/* --------------------------------------- */
.boxStandard {
	width:100%;
	margin:0 0 30px 0;
}
.boxStandard ul {
	width:100%;
	margin:0 0 5px 0;
	border-bottom:1px solid #999;
    overflow:hidden;
}
.boxStandard ul li {
	position:relative;
	width:100%;
	padding:20px 0 20px 0;
	border-bottom:1px solid #e2e2e2;
	font-size:12px;
    overflow:hidden;
}
.boxStandard ul li.last,
.boxStandard ul li.last p,
.boxCritiques630 ul li.last,
.boxCritiques630 ul li.last p {border-bottom:0 none;}
.boxStandard ul li img,
.boxCritiques630 ul li img {
	float:left;
	margin:0 10px 0px 0;
    width: 130px;
    height: 87px;
}
.boxStandard ul li .video,
.boxCritiques630 ul li .video {
	float:left;
	display:inline-block;
	width:20px;
	height:15px;
	line-height:21px;
	background:url(../img/cinema/ico_video.png) no-repeat 0 2px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.boxStandard ul li .video a {color:#333;}
.boxStandard ul li.noImg.last {padding-bottom:10px;}
.boxStandard ul li.noImg .video {float:none;}
.boxStandard ul li.noImg {
	padding:4px 0;
	margin:0;
	border-bottom:0;
}
.boxStandard ul li div {
	width:100%;
}
.boxStandard ul li h3,
.boxCritiques630 ul li h3 {
	font-size:16px;
	line-height:18px;
}
.boxStandard p.plus,
.boxCritiques630 p.plus,
.boxStandard300 p.plus {
	float:right;
	font-size:12px;
	font-weight:bold;
	text-transform:lowercase;
}
.boxStandard p.plus a span,
.boxCritiques630 p.plus a span,
.boxStandard300 p.plus a span {color:#333;}

/* --------------------------------------- */
/* Boite manchette Cinéma
/* --------------------------------------- */
#manchetteCinema .manchette.complete {
    min-height:237px;
    background:#000;
}
#manchetteCinema h1 {padding-top:10px;}
#manchetteCinema .manchette.complete p.amorce,
#manchetteCinema .manchette.complete a {color:#fff;}
#manchetteCinema .rates {
    float:left;
    padding:0 0 0 10px;
}
#manchetteCinema .rates p {
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    padding:0 0 3px 0;
    text-transform:uppercase;
    color:#fff;
}
#manchetteCinema .sub-news {border-bottom:0 none;}
#manchetteCinema .sub-news .rates,
.mise-en-valeur .sub-news .rates {padding:10px 0 0 0;}
#manchetteCinema .sub-news .rates p,
.mise-en-valeur .sub-news .rates p {
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    padding:0;
    text-transform:uppercase;
    color:#333;
}
#manchetteCinema .sub-news-box.last {padding-right:0;}
#manchetteCinema .sub-news-box h2 {padding-top:5px;}

/* --------------------------------------- */
/* Boite Critiques 630
/* --------------------------------------- */
.boxCritiques630 {
	float:left;
	width:634px;
	margin:0 0 30px 0;
}
.boxCritiques630 ul {
	float:left;
	width:634px;
	margin:0 0 5px 0;
	border-bottom:1px solid #999;
    overflow:hidden;
}
.boxCritiques630 ul li {
	float:left;
	position:relative;
	width:634px;
	padding:20px 0 20px 0;
	border-bottom:1px solid #e2e2e2;
	font-size:12px;
    overflow:hidden;
}
.boxCritiques630 ul li div {
    float:left;
	width:330px;
	padding:0 20px 0 0;
}
.boxCritiques630 ul li div.img {
    position:relative;
    width:80px;
    height:120px;
    padding:0;
    margin:0 10px 0 0;
    border:1px solid #d0d0d0;
    overflow:hidden;
}
.boxCritiques630 ul li div.noImg {background:#303030 url(../img/cinema/bg_posterSmall.png) no-repeat 10px 24px;}
.boxCritiques630 ul li div.img img {height:120px;}
.boxCritiques630 ul li div.img a {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:80px;
    height:0;
    padding:120px 0 0 0;
    background:url(../img/spacer.gif);
}
.boxCritiques630 ul li div.img a:hover {background:url(../img/cinema/bg_overPoster.png);}
.boxCritiques630 ul li h3 {
	display:block;
	padding:5px 0 7px 0;
}
.boxCritiques630 ul li .video {
	width:auto;
	padding:8px 0 0 20px;
    background:url(../img/cinema/ico_video.png) no-repeat 0 6px;
	line-height:inherit;
	cursor:pointer;
    color:#333;
}
.boxCritiques630 ul li .popUpVideo {display:none;}
.boxCritiques630 ul li div.cotes {
	width:192px;
	padding:0;
}
.boxCritiques630 ul li div.cotes img {
	float:none;
	border:0 none;
    margin:0 5px 0 0;
}
.boxCritiques630 ul li div.cotes p {
	display:inline-block;
    width:100%;
	padding:0 0 3px 0;
	font-family:Verlag, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
}
.boxCritiques630 ul li div.cotes div {
	width:192px;
	display:inline-block;
	padding:0;
}
.boxCritiques630 ul li div.cotes div.lp {padding:0 0 12px 0;}
.boxCritiques630 ul li div.cotes span {
    float:right;
    width:50px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:10px;
}
.boxCritiques630 ul li div.cotes div.cotezOn span {display:block;}
.boxCritiques630 ul li .cotes .off {display:none;}

/* --------------------------------------- */
/* Films à l'affiche, sorties, dvd, etc.
/* --------------------------------------- */
.boxFilms630 {
    float:left;
    width:634px;
    margin:0 0 20px 0;
}
.boxFilms630 ul {
    float:left;
    width:644px;
    overflow:hidden;
}
.boxFilms630 ul li {
    float:left;
    position:relative;
    width:120px;
    height:225px;
    margin:0 8px 0 0;
    text-align:center;
    overflow:hidden;
    background:#e8e8e8;
}
.boxFilms630 ul li.noRating {height:208px;}
.boxFilms630 ul li.noRating div.img {border:1px solid #cdcdcd;}
.boxFilms630 ul li.noRating img {
    width:118px;
    height:168px;
}
.boxFilms630 ul li div.img {
    float:left;
    position:relative;
    width:120px;
    height:170px;
}
.boxFilms630 ul li div.noImg {background:#303030 url(../img/cinema/bg_posterSmall.png) no-repeat 30px 30px;}
.boxFilms630 ul li div.img img {
    width:120px;
    height:170px;
}
.boxFilms630 ul li div.img a {
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:120px;
    height:0;
    padding:212px 0 0 0;
    background:url(../img/spacer.gif);
}
.boxFilms630 ul li div.img a:hover {background:url(../img/cinema/bg_overPoster.png);}
.boxFilms630 ul li div.infosFilm {
    width:120px;
    position:absolute;
    left:0;
    top:170px;
    background:#fff;
    line-height:14px;
}
.boxFilms630 ul li div.infosFilm img {float:left;}
.boxFilms630 ul li div.infosFilm div.rates {
    height:15px;
    padding:3px 0;
    background:#e8e8e8;
}
.boxFilms630 ul li div.infosFilm a {
    display:block;
    height:47px;
    padding:5px 0 0 0;
}
.boxFilms630 ul li div.infosFilm div.rates img {float:none;}

/* Redéfinition pour grosses affiches */
.boxFilms630 ul.big li {height:345px;}
.boxFilms630 ul.big li div.img {
    width:206px;
    height:290px;
}
.boxFilms630 ul.big li div.noImg {background:url(../img/cinema/bg_poster.png) no-repeat -40px -60px;}
.boxFilms630 ul.big li div.img img {
    width:205px;
    height:290px;
}
.boxFilms630 ul.big li div.img a {
    width:206px;
    padding:325px 0 0 0;
}
.boxFilms630 ul.big li div.infosFilm {
    width:206px;
    top:291px;
}
.boxFilms630 ul.big {padding:0 0 10px 0;}
.boxFilms630 ul.big li {width:206px;}
.boxFilms630 ul.big li a {font-weight:bold;}
.boxFilms630 ul.big li div.infosFilm div.rates {width:206px;}

/* Bande annonce */
.boxFilms630 ul li p.bandeAnnonce a {
    display:block;
    width:56px;
    height:0;
    padding:56px 0 0 0;
    position:absolute;
    left:34px;
    top:61px;
    background:url(../img/cinema/ico_mediumplaybuttonvideo_sprite.png) no-repeat 0 0;
    z-index:99;
    overflow:hidden;
}
.boxFilms630 ul li p.bandeAnnonce a:hover {background:url(../img/cinema/ico_mediumplaybuttonvideo_sprite.png) no-repeat 0 -56px;}
.boxFilms630 ul li .bandeAnnonceContent {display:none;}

/* --------------------------------------- */
/* Boite Box Office
/* --------------------------------------- */
.boxOffice630 {
    float:left;
    width:634px;
    margin:0 0 20px 0;
    position:relative;
    top:-7px;
}
.boxOffice630 p.source {
    float:left;
    padding:7px 0;
    font-size:11px;
    color:#666;
}
.boxOffice630 .legend {
    float:left;
    width:634px;
    padding:15px 0;
    background:#ccc;
    color:#666;
    text-align:right;
}
.boxOffice630 .legend p,
.boxOffice630 .legend span {
    display:inline-block;
    text-align:center;
}
.boxOffice630 .legend .semaine {width:49px;}
.boxOffice630 .legend .cetteSemaine {width:128px;}
.boxOffice630 .legend .cumul {
    width:100px;
    padding:0 0 0 36px;
}
.boxOffice630 ul li {
    float:left;
    width:630px;
    height:45px;
    padding:0 1px;
    margin:1px 0 0 0;
    border-bottom:1px solid #999;
    border-right:1px dotted #999;
    border-left:1px dotted #999;
    overflow:hidden;
}
.boxOffice630 ul li div {
    float:left;
    margin:0 0 1px 0;
}
.boxOffice630 ul li p {
    float:left;
	padding:14px 0;
    border-left:1px dotted #999;
}
.boxOffice630 ul li .rang {
    width:40px;
    margin:0 0 1px 0;
    border-left:0 none;
    background:#f5eef6;
    color:#9c54a5;
    text-align:center;
}
.boxOffice630 ul li .film {
    width:265px;
    padding-left:10px;
    margin:0 0 0 1px;
    font-weight:bold;
}
.boxOffice630 ul li .film a {
    display:block;
    height:17px;
    color:#333;
    overflow:hidden;
}
.boxOffice630 ul li .semaine {
    width:40px;
    text-align:center;
}
.boxOffice630 ul li .cetteSemaine {
    width:135px;
    text-align:center;
}
.boxOffice630 ul li .cumul {
    width:125px;
    padding-right:10px;
    text-align:right;
}
.boxOffice630 ul li.dark div {background:#f2f2f2;}
.boxOffice630 ul li.dark .rang {background:#ecdeee;}

/* Boite du centre et col droite */
.boxOffice ul li {font-size:11px;}
.boxOffice ul li.first {border-bottom:0 none;}
.boxOffice ul li p {
    font-size:13px;
    text-transform:uppercase;
}
.boxOffice ul li a {
    display:block;
    padding:0 0 5px 0;
    font-size:13px;
}
/*.rail-right .boxOffice {float:300px;} NON-VALIDE*/
.rail-right .boxOffice h4 {margin:0;}
.rail-right .boxOffice ul {width:300px;}
.rail-right .boxOffice ul li {width:280px;}

/* --------------------------------------- */
/* Boite Liste des films à l'affiche 630
/* --------------------------------------- */
.listeFilms630 {
    float:left;
    width:634px;
    margin:0 0 20px 0;
}
body.cinema .listeFilms630 h2.titleBox {margin:0px;}
.listeFilms630 ul {
    float:left;
    width:634px;
    padding:10px 0 0 0;
}
.listeFilms630 ul li {
    float:left;
    width:300px;
    height:200px;
    padding:0 17px 0 0;
    overflow:hidden;
}
.listeFilms630 ul li div.img {
    float:left;
    position:relative;
    width:118px;
    height:175px;
    border:1px solid #cdcdcd;
    overflow:hidden;
}
.listeFilms630 ul li div.noImg {background:#303030 url(../img/cinema/bg_posterSmall.png) no-repeat 30px 30px;}
.listeFilms630 ul li div.img img {height:178px;}
.listeFilms630 ul li div.img a {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:118px;
    height:0;
    padding:175px 0 0 0;
}
.listeFilms630 ul li div.img a:hover {background:url(../img/cinema/bg_overPoster.png);}
.listeFilms630 ul li .descFilm {
    float:left;
    width:170px;
    height:178px;
    padding:0 0 0 10px;
    position:relative;
}
.listeFilms630 ul li .descFilm h3 {
    padding:0 0 10px 0;
    font-size:14px;
    color:#003399;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
}
.listeFilms630 ul li .rates {
    position:absolute;
    height:56px;
    bottom:0;
    left:10px;
    font-size:14px;
}
.listeFilms630 ul li .rates img {float:none;}
.listeFilms630 ul li .rates p {
    padding:10px 0 3px 0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
}
.listeFilms630 hr {
    color:#999;
    background-color:#999;
    height:1px;
    margin:0 0 8px 0;
}
.listeFilms630 .plusFilm {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-align:right;
}
.listeFilms630 .plusFilm a {text-decoration:none;}
.listeFilms630 .plusFilm span {color:#003399;}
.listeFilms630 .boiteRecherche {
    width:634px;
    height:42px;
    background:#ccc;
    border-top:1px solid #fff;
    float:left;
    margin:0 0 8px;
    position:relative;
}
.listeFilms630 .boiteRecherche .innerBox {padding:10px;}
.listeFilms630 .coteLaPresse,
.listeFilms630 .dateDeSortie,
.listeFilms630 .filtresStatus {
    background:url(../img/cinema/btn_mauve.png) no-repeat 0 0;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:22px;
    line-height:1px;
    margin:0 20px 0 0;
    width:117px;
    text-align:center;
    text-decoration:none;
}
.listeFilms630 .filtresStatus {
    background:url(../img/cinema/btn_tousLesFilms.png) no-repeat 0 0;
    font-family:Helvetica,Arial,sans-serif;
    font-size:14px;
    line-height:24px;
}
.listeFilms630 .dateDeSortie {line-height:21px;}
.genre {
    height:22px;
    width:128px;
    margin:0 20px 0 0;
    padding:0;
    background:url(../img/cinema/btn_menuBox_vide.png) no-repeat 0 0;
    float:left;
    text-align:left;
    color:#2f2f2f;
    font-size:12px;
    position:relative;
}
.genre span {
    height:22px;
    width:26px;
    border-left:1px solid #bfcdde;
    margin:0;
    padding:0;
    background:url(../img/cinema/ico_flecheBleuSprite.png) no-repeat 0 0;
    position:absolute;
    top:0;
    right:0;
}
.genre a {
    text-align:left;
    color:#2f2f2f;
    font-size:12px;
    text-decoration:none;
    display:inline-block;
    float:left;
    height:22px;
    line-height:21px;
    padding:0 0 0 8px;
    width:128px;
}
#genreListBox {
    display:none;
    float:left;
    position:relative;
    width:128px;
    z-index:999;
}
ul#genreList {
    background:#fff;
    border-bottom:1px solid #ccc;
    float:left;
    position:relative;
    top:-1px;
    width:128px;
    z-index:9999;
}
ul#genreList li {
    width:128px;
    float:left;
    height:21px;
    line-height:22px;
    overflow:hidden;
    padding:0 0 0 8px;
}

/* --------------------------------------- */
/* Page recherche cinema
/* --------------------------------------- */
.rechercheCinema #boiteRecherche {
    width:614px;
    background:#ccc;
    float:left;
    position:relative;
    margin:1px 0 10px 0;
    padding:10px;
    z-index:99;
}
.rechercheCinema #boiteRecherche #cocheBandeAnnonce {
    width:100%;
    height:20px;
    line-height:20px;
    float:left;
    display:block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#333;
    padding: 0 0 10px 0;
}
.rechercheCinema #boiteRecherche #cocheBandeAnnonce a {
    width:13px;
    height:20px;
    line-height:20px;
    float:left;
    display:block;
    padding:0 5px 0 0;
    background:url(../img/cinema/ico_coche_sprite.png) no-repeat -1px 2px;
}
.rechercheCinema #boiteRecherche #cocheBandeAnnonce a.coche {background:url(../img/cinema/ico_coche_sprite.png) no-repeat -1px -42px;}
.rechercheCinema #boiteRecherche .select {
    height:34px;
    width:182px;
    margin:0;
    padding:0 10px 0 0;
    float:left;
    text-align:left;
    color:#2f2f2f;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    position:relative;
    display:inline-block;
}
.rechercheCinema #boiteRecherche .select.hideStatus {display:none;}
.rechercheCinema #boiteRecherche .select h3 {
    background:#fbfbfb url(../img/cinema/bg_selectHoraire.png) repeat-x center bottom;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    float:left;
    font-size:12px;
    font-weight:normal;
    height:24px;
    line-height:24px;
    padding:5px 5px 5px 10px;
    position:relative;
    width:165px;
    text-align:left;
}
.rechercheCinema #boiteRecherche .select h3 a.up {background:none;}
.rechercheCinema #boiteRecherche .select h3 a.down {background:none;}
.rechercheCinema #boiteRecherche .select h3 a.down span {background:#9958a1 url(../img/cinema/select_fleche.png) no-repeat 0 0;}
.rechercheCinema #boiteRecherche .select h3 a.up span {background:#9958a1 url(../img/cinema/select_fleche.png) no-repeat 0 -30px;}
.rechercheCinema #boiteRecherche .select h3 span {
    border:1px solid #ccc;
    display:block;
    height:22px;
    position:absolute;
    right:5px;
    top:5px;
    width:22px;
}
.rechercheCinema #boiteRecherche .select h3 a {
    color:#333;
    cursor:pointer;
    display:block;
    float:left;
    outline:none;
    width:138px;
    text-decoration:none;
}
.rechercheCinema #boiteRecherche ul li a {
    color:#333;
    cursor:pointer;
    display:block;
    text-decoration:none;
}
.rechercheCinema #boiteRecherche ul li a:hover {
    text-decoration:none;
    background:url(../img/cinema/bg_selectOver.png) repeat-y right;
}
.rechercheCinema #boiteRecherche .select ul {
    background:none;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    float:left;
    position:relative;
    top:-1px;
    width:182px;
    z-index:9999;
}
.rechercheCinema #boiteRecherche div.select {position:relative;}
.rechercheCinema #boiteRecherche #filtresStatusList,
.rechercheCinema #boiteRecherche #filtresGenresList,
.rechercheCinema #boiteRecherche #trisList {
    display:none;
    float:left;
    overflow-x:hidden;
    overflow-y:hidden;
    position:relative;
}
.rechercheCinema ul.resultats {
    float:left;
    position:relative;
    border-bottom:solid 1px #999;
    width:100%;
}
.rechercheCinema ul.resultats li {
    float:left;
    position:relative;
    width:298px;
    height:170px;
    padding: 0 18px 30px 0;
    overflow:hidden;
}
.rechercheCinema ul.resultats li div.img {
    position:relative;
    padding: 0 10px 0 0;
    float:left;
}
.rechercheCinema ul.resultats li div.img img {
    width:120px;
    height:170px;
    border:1px solid #cdcdcd;
}
.rechercheCinema ul.resultats li .descFilm {
    float:left;
    padding:8px 0 0 0;
    width:166px;
    height:166px;
    position:relative;
}
.rechercheCinema ul.resultats li .descFilm h3 {
    float:left;
    width:166px;
    padding:0 0 2px 0;
}
.rechercheCinema ul.resultats li .descFilm p {
    float:left;
    width:166px;
}
.rechercheCinema ul.resultats li .descFilm .rates {
    float:left;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-transform:uppercase;
    width:80px;
}
.rechercheCinema ul.resultats li .descFilm .rates p {line-height:17px;}
.rechercheCinema ul.resultats li .descFilm .lapresse {
    position:absolute;
    bottom:0px;
    left:0px;
}
.rechercheCinema ul.resultats li .descFilm .public {
    position:absolute;
    bottom:0px;
    left:92px;
}
.rechercheCinema ul.resultats li .descFilm .public img {
    width:13px;
    height:13px;
}
.rechercheCinema .lettres {
	width:624px;
	height:18px;
	float:left;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
    padding:10px 0 6px 0;
    top:0;
    left:-2px;
    z-index:999;
}
.rechercheCinema .lettre {
	width:19px;
	height:19px;
	background:#dadada;
	text-align:center;
	float:left;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#333;
    margin:0 4px 0 0;
    display:block;
    text-decoration:none;
}
.rechercheCinema .lettre:hover {background:#fff;}
.rechercheCinema .lettre.selected {background:#fff;}
.rechercheCinema #boiteRecherche ul li {
    float:left;
    width:172px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
    font-size:12px;
    font-weight:bold;
    height:32px;
    background-color:#fff;
    line-height:31px;
    padding-left:8px;
}
.rechercheCinema #boiteRecherche ul li.title {
    background:none;
    border-left:1px solid #7c4383;
    border-right:1px solid #7c4383;
    border-top:1px solid #7c4383;
    color:#fff;
    font-size:13px;
    padding:8px;
}
.rechercheCinema .separateur {
   width:634px;
   height:42px;
   background:#ccc;
   float:left;
   margin:1px 0 10px;
}
.rechercheCinema .separateur p {
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
    color:#333;
    font-weight:bold;
    line-height:42px;
    padding: 0 0 0 14px;
}
.rechercheCinema .btnok a {
    background:url(../img/cinema/btn_ok.png) repeat-x -1px -171px;
    float:left;
    height:34px;
    line-height:34px;
    width:36px;
    font-size:13px;
    text-align:center;
    color:#000;
    text-transform:uppercase;
    display:block;
    cursor:default;
}
.rechercheCinema .btnok a:hover {text-decoration:none;}
.rechercheCinema .btnok.active a {
    background:url(../img/cinema/btn_ok.png) repeat-x 0 -86px;
    color:#FFF;
    cursor:pointer;
}
.rechercheCinema a.btnVideo {
    background:url(../img/cinema/ico_mediumplaybuttonvideo_sprite.png) 0 0;
    display:block;
    height:56px;
    width:56px;
    position:absolute;
    top:58px;
    left:34px
}
.rechercheCinema a.btnVideo:hover {background:url(../img/cinema/ico_mediumplaybuttonvideo_sprite.png) 0 56px;}
.rechercheCinema .pagination span {color:#999;}
.rechercheCinema .pagination span.color {color:#333;}

/* --------------------------------------- */
/* Boites recherche statique - FILM
/* --------------------------------------- */
.rechercheCinema.cinemaRechercheStatique.films #boiteRecherche .filtresStatus {display:none;}
.rechercheCinema.cinemaRechercheStatique.films #boiteRecherche #cocheBandeAnnonce,
.rechercheCinema.cinemaRechercheStatique.films #boiteRecherche #filtresLettres {display:none;}

/* --------------------------------------- */
/* Articles dans Cinéma
/* --------------------------------------- */
.relatedMovie {
    float:left;
    width:614px;
    padding:9px;
    margin:0 0 10px 0;
    background:#f2f2f2;
    border:1px solid #ccc;
}
.relatedMovie .img {
    float:left;
    position:relative;
    width:60px;
    height:87px;
    margin:0 14px 0 0;
    overflow:hidden;
    background:#303030 url(../img/cinema/bg_posterSmall.png) no-repeat 0 14px;
}
.relatedMovie .img img {height:88px;}
.relatedMovie .img a {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:60px;
    height:0;
    padding:87px 0 0 0;
    overflow:hidden;
    background:url(../img/spacer.gif);
}
.relatedMovie .img a:hover {background:url(../img/cinema/bg_overPoster.png);}
.relatedMovie .title {
    float:left;
    width:195px;
    padding:0 10px 0 0;
}
.relatedMovie .title a {
    font-weight:bold;
    font-size:16px;
}
.relatedMovie .title span {color:#666;}
.relatedMovie .coteLP {font-size:14px;}
.relatedMovie .coteLP p {
    font-family:Verlag, Arial, Helvetica,sans-serif;
    font-weight:normal;
    padding:10px 0 3px;
    text-transform:uppercase;
}
.relatedMovie .desc {
    float:left;
    width:205px;
    padding:3px 10px 0 0;
}
.relatedMovie .btn {
    float:right;
    padding:4px 10px;
    margin:30px 0 0 0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:19px;
    text-transform:uppercase;
    background:url(../img/cinema/bg_btnVoirFilms.png) repeat-x 0 0;
    -moz-border-radius:2px 2px 2px 2px;
    color:#fff;
}

/* --------------------------------------- */
/* TOC movie 630
/* --------------------------------------- */
body.cinema .header_toc {border-bottom:1px solid #ccc;}
body.cinema .header_toc h3 {display:none;}
body.cinema .toc_full .header_toc .pagination {border-top:0 none;}
body.cinema .toc_full ul.stories li {
    float:left;
    width:630px;
    padding:10px 0;
    border-bottom:1px solid #ccc;
}
body.cinema .toc_full ul.stories li .img img {height:auto;}
body.cinema .toc_full ul.stories li .img {
    float:left;
    width:130px;
    height:87px;
    margin:0 10px 0 0;
    overflow:hidden;
}
body.cinema .toc_full ul.stories li h3,
body.cinema .toc_full ul.stories li p {
    float:left;
    width:480px;
}
body.cinema .toc_full ul.stories li .imgMovie {
    float:left;
    position:relative;
    width:120px;
    height:180px;
    margin:0 10px 0 0;
    overflow:hidden;
    border:1px solid #ccc;
    overflow:hidden;
}
body.cinema .toc_full ul.stories li .imgMovie a {
    display:block;
    width:120px;
    height:0;
    padding:180px 0 0 0;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
}
body.cinema .toc_full ul.stories li .imgMovie a:hover {background:url(../img/cinema/bg_overPoster.png);}
body.cinema .toc_full ul.stories li .imgMovie img {height:180px;}
body.cinema .toc_full ul.stories li .noImgMovie {background:#303030 url(../img/cinema/bg_posterSmall.png) no-repeat 10px 24px;}
body.cinema .toc_full ul.stories li .contentInfos {
    float:left;
    width:495px;
}
body.cinema .toc_full ul.stories li .contentInfos h3 {
    height:40px;
    font-size:16px;
    font-weight:bold;
}
body.cinema .toc_full ul.stories li .contentInfos p.amorce {
    height:68px;
    padding:0 0 10px 0;
}
body.cinema .toc_full ul.stories li .contentInfos .lp {
    display:inline-block;
    font-weight:normal;
    padding:15px 0 0 0;
    width:180px;
}
body.cinema .toc_full ul.stories li .contentInfos .lp p {
    padding:0;
    font-family: Verlag,Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}
body.cinema .toc_full .pagination {
    padding-top:5px;
    border-top:1px solid #ccc;
}

/* --------------------------------------- */
/* Boite 300 Standard
/* --------------------------------------- */
.boxStandard300 {
    float:left;
    width:300px;
    margin:0 0 20px 0;
}
.boxStandard300 h4,
.rail-right .boxOffice h4 {
    float:left;
    width:300px;
    margin:0 0 10px 0;
    font-family:Verlag, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    line-height:22px;
    border-bottom:5px solid #999;
}
.boxStandard300 h4 a,
.boxStandard300 h4 a:hover,
.boxStandard300 h4 a:visited,
.rail-right .boxOffice h4 a,
.rail-right .boxOffice h4 a:hover,
.rail-right .boxOffice h4 a:visited {
    color:#000;
    text-decoration:none;
}
.boxStandard300 h4 a span,
.rail-right .boxOffice h4 span {
    padding:0 0 0 5px;
    font-size:16px;
    color:#000;
}
.boxStandard300 ul,
.boxStandard300 ul li {
    float:left;
    width:300px;
    color:#000;
}
.boxStandard300 ul li {padding:0 0 10px 0;}
.boxStandard300 ul li img {
    float:left;
    margin:0 8px 0 0;
}
.boxStandard300 ul li div {
    float:left;
    width:160px;
}
.boxStandard300 ul li h5 {
    font-weight:bold;
    font-size:14px;
}
.boxStandard300 ul li h5 a,
.boxStandard300 ul li h5 a:hover,
.boxStandard300 ul li h5 a:visited {color:#000;}
.boxStandard300 p.plus {
    width:300px;
    padding:5px 0 0 0;
    border-top:1px solid #999;
    text-align:right;
}

/* Pour les concours */
.boxStandard300 ul li.concours div {width:130px;}

/* --------------------------------------- */
/* Pour overlay
/* --------------------------------------- */
.videooverlay .ui-resizable-handle {display:none;}
.videooverlay .ui-corner-all,
.videooverlay .ui-corner-bottom,
.videooverlay .ui-corner-right,
.videooverlay .ui-corner-br {border-bottom-right-radius:0px;}
.videooverlay .ui-corner-all,
.videooverlay .ui-corner-bottom,
.videooverlay .ui-corner-left,
.videooverlay .ui-corner-bl {border-bottom-left-radius:0px;}
.videooverlay .ui-corner-all,
.videooverlay .ui-corner-top,
.videooverlay .ui-corner-right,
.videooverlay .ui-corner-tr {border-top-right-radius:0px;}
.videooverlay .ui-corner-all,
.videooverlay .ui-corner-top,
.videooverlay .ui-corner-left,
.videooverlay .ui-corner-tl {border-top-left-radius:0px;}

/* reset background jquery-ui */
.videooverlay .ui-widget-overlay {background:none;}
.videooverlay .ui-widget-overlay {
    background:#fff;
    opacity:.80;
    filter: alpha(Opacity=80);
}
.videooverlay .ui-dialog {
    background:#fff;
    color:#000;
    height:630px;
    overflow:hidden;
    width:954px;
    border-bottom:4px solid #9c54a5;
    -moz-box-shadow:0 0 8px #acacac;
    -webkit-box-shadow:0 0 8px #acacac;
    box-shadow:0 0 8px #acacac;
}

/* header */
.videooverlay .ui-widget-header {
    background:none;
    border:none;
    padding:14px 14px 0 14px;
}
.videooverlay .ui-dialog .ui-dialog-title {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:22px;
    line-height:23px;
    color:#333;
}

/* bouton fermer */
.ui-dialog .ui-dialog-titlebar-close {
    height:22px;
    line-height:22px;
    margin:-10px 0 0;
    padding:1px;
    position:absolute;
    right:0.3em;
    top:50%;
    width:64px;
}
.videooverlay .ui-widget-header .ui-icon {background:url(../img/cinema/ico_close_black.png) no-repeat right top;}
.videooverlay .ui-dialog .ui-dialog-titlebar-close span {
    text-indent:0;
    width:56px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:10px;
    line-height:10px;
    color:#666;
}
.videooverlay .ui-widget-header .ui-state-hover {
    border:none;
    background:none;
    font-weight:bold;
    color:#666;
    text-decoration:none;
    padding:1px;
}

/* Content */
.videooverlay .ui-dialog .ui-dialog-content {padding:14px;}
.videooverlay .ui-dialog-content .chapitreVideo {
	text-align:center;
	padding:22px 0 0 0;
}


/* ---------------------------------------------------------------------------------- */
/* 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:45px;
    height:45px;
    margin:0 10px 0 0;
}
#footer .internet ul.connecte li.facebook {background:url(../lapresse/img/icones_sociaux.png) no-repeat 1px -81px;}
#footer .internet ul.connecte li.twitter {background:url(../lapresse/img/icones_sociaux.png) no-repeat -54px -81px;}
#footer .internet ul.connecte li.google {background:url(../lapresse/img/icones_sociaux.png) no-repeat -107px -81px;}
#footer .internet ul.connecte li.rss {background:url(../lapresse/img/icones_sociaux.png) no-repeat -160px -81px}
#footer .internet ul.connecte li a {
    display:block;
    width:45px;
    height:0;
    padding:45px 0 0 0;
    overflow:hidden;
}
#footer .internet ul.connecte li.facebook a:hover {background:url(../lapresse/img/icones_sociaux.png) no-repeat 1px -127px;}
#footer .internet ul.connecte li.twitter a:hover {background:url(../lapresse/img/icones_sociaux.png) no-repeat -54px -127px;}
#footer .internet ul.connecte li.google a:hover {background:url(../lapresse/img/icones_sociaux.png) no-repeat -107px -127px;}
#footer .internet ul.connecte li.rss a:hover {background:url(../lapresse/img/icones_sociaux.png) no-repeat -160px -127px;}

/* 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;}

/* new lapresse plus app*/
#footer .mobile a.pubApp{
    background: url(../img/mobile_plus/promo_footer.jpg) no-repeat 0 0 ;
    width: 200px;
    margin: 0 0 20px -11px;
    padding: 0 0 0 11px;
    height: 264px;
    border: none;
}
#footer .mobile a.pubApp h6{
  font:normal 22px/24px Helvetica, Arial, sans-serif;
  color: #eaeaea;
  margin: 10px 0 0 10px;
  font-weight: lighter;
}
#footer .mobile a.pubApp:hover h6{
/*color:#fff;*/
}
#footer .mobile a.pubApp p{
    font:bold 17px Helvetica, Arial, sans-serif;
    color: #868686 ;
    float: right;
    margin: 165px 62px 0 0;
}
#footer .mobile a.pubApp:hover p{
    color: #fff ;
}



/* Menu */
#footer .menu ul {
    width:994px;
    height:32px;
	left:0;
	border-top:4px solid #fff;
	border-bottom:4px solid #fff;
    overflow:hidden;
}
 /* exception pour footer videos et videoplayer  */
body.videos #footer .menu ul, body.videoplayer #footer .menu ul{
    border:none;
}


#footer .ctnNavigation .menu ul li {top:0;}
#footer .ctnNavigation .menu ul li a:hover {height:32px;}
#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,
body.cinema #footer .menu ul li.cinema 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;}

/* Menu accueil */
body.actualites #footer .ctnNavigation .menu ul li.accueil {border-right:3px solid #fff;}
#footer .ctnNavigation .menu ul li.accueil {
    width:36px;
	overflow:hidden;
    border-right:4px solid #fff;
}
#footer .ctnNavigation .menu ul li.accueil a {
    display:block;
    width:36px;
	height:32px;
    padding:0;
	margin:0;
    background:url(../img/bg_navigation-over.png) no-repeat 0 -1px;
	border-left:0 none;
	border-right:4px solid #fff;
    left:0;
}
#footer .ctnNavigation .menu ul li.accueil a:hover {
	margin:0;
	left:0;
    top:0;
    background:url(../img/bg_navigation-over.png) no-repeat 0 -39px;
    border-left:0 none;
	border-right:4px solid #fff;
}
body.accueil #footer .ctnNavigation .menu ul li.accueil a {background:url(../img/bg_navigation-over.png) no-repeat 0 -38px;}

/* Menu actualités */
#footer .ctnNavigation .menu ul li.actualites a:hover {
    left:-4px;
    border-left:4px solid #fff;
    padding-left:9px;
    padding-right:8px;
}
body.actualites #footer .ctnNavigation .menu ul li.actualites a,
body.actualites #footer .ctnNavigation .menu ul li.actualites a:hover {
    left:-3px;
    border-left:4px solid #fff;
    padding-left:7px;
    padding-right:8px;
}
body.actualites #footer .ctnNavigation .menu ul li.accueil a {border-right:0 none;}

/* Menu International */
body.international #footer .ctnNavigation .menu ul li.actualites a:hover {
    left:-4px;
    border-left:3px solid #fff;
    border-right:3px solid #fff;
    padding-left:10px;
    padding-right:9px;
}

/* Menu techno */
#footer .ctnNavigation .menu ul.techno li.techno a {
    padding-right:7px;
    border-right:4px solid #fff;
}

/* 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;
}

/* classe pour les tags de pub qui doit rester caché */
.publicite {display:none;}

/*--------------------------------------------------------------------------*/
/* Boite de partage uniformisée - printemps 2013
/*--------------------------------------------------------------------------*/

.actionBox{width:180px; padding:0; margin:0 auto 22px; clear:both;}
#technoToolbox.actionBox{width:226px; padding:0; margin:5px auto 5px;}
.blogue-page .actionBox{ margin-top:7px; float: left;}
.blogue-page .centerbar .actionBox a{ font-family:Arial, Helvetica, sans-serif;}
.blogue-page .centerbar .actionBox a,
.actionBox a,
.actionBox a:hover{text-decoration:none;}
.actionBox a span{color:#fff}
.actionBox a:hover span{color:#e5e5e5;}
div.pastille img{ background-image: url(../img/actionBox/pastilleNoir10.png); margin-right:18px;float:left;cursor:pointer;}
a.pastille img{ background-image: url(../img/actionBox/pastilleNoir10.png); margin-right:18px;}
a.pastille.last img{margin-right:0px;}
a.pastille:hover img{background-image: url(../img/actionBox/pastilleNoir20.png)}
.actionBox h4 {margin:0; padding:0;}

/*--- MAISON ---*/
#maisonArticleHeader.boxManchette {width:626px; border:0;margin-bottom:0;}
#maisonArticleHeader.boxManchette .article-header{margin-bottom:25px;}
#maisonArticleHeader.boxManchette .obj_porte_entree_un.photodata { border:0;}
/*--- BLOGUES ---*/
.centerbar.actionBox{margin-left:-4px;}


/*---------------------*/
/* Actions Mapresse
/*---------------------*/
.mapresseActions{ background-color:#333; padding:10px;}
.blogue-page .centerbar .mapresseActions p,
.mapresseActions p {margin:10px 0 0 0;}
.mapresseActions img{vertical-align:middle; background-repeat:no-repeat;}
.mapresseActions span{display:inline-block;vertical-align:middle;width:100px; cursor:pointer;}
.mapresseActions a{vertical-align:middle;font-size:13px;font-weight:normal; text-decoration:none; }
.mapresseActions a:hover{ text-decoration:none;}
.mapresseActions a.addToMapresse img{ background-image: url(../img/actionBox/pastilleBlanc10.png); margin-right:10px;}
.mapresseActions a.addToMapresse:hover img{background-image: url(../img/actionBox/pastilleBlanc20.png)}
.mapresseActions a.removeFromMapresse img{ background-image: url(../img/actionBox/pastilleBlanc80.png); margin-right:10px;}
.mapresseActions a.removeFromMapresse:hover img{background-image: url(../img/actionBox/pastilleBlanc90.png)}
/*--- GALERIE PHOTO ---*/
#photoMapresseActions{ margin: 15px; width: 710px; clear:both; padding: 7px 10px;}
#photoMapresseActions a span {color: #fff;}
#photoMapresseActions h4{display:inline-block; margin:0 25px 0 0; vertical-align:middle;}
#photoMapresseActions p{display:inline-block; margin:0 10px 0 0; vertical-align:middle;}
/*--- BLOGUES ---*/
.blogue-page .centerbar .mapresseActions a:hover,
.blogue-page .centerbar .mapresseActions a:active{font-size:13px;}

/*---------------------*/
/* Actions de partage
/*---------------------*/
.shareActions,
.actionBox .actionTools{ background-color:#e5e5e5; padding:10px; border-top:1px solid #fff;}
.actionBox .actionTools{ padding-bottom:7px; font-size:0;}
.shareActions h4{ margin:0 0 10px 0; font-family: verlag, Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; color:#666; font-weight:normal; line-height:14px;}
.shareActions div{ margin-bottom:10px;}
.shareActions div.mail{ margin-bottom:0;}
/*--- GALERIE PHOTO ---*/
.slideshow #page_galerie .obj_galerie{position:relative;}
.slideshow #page_galerie .obj_galerie .head {width : 729px; min-height:100px; padding: 19px 16px 15px;}
#photoShareActions.shareActions { background-color:transparent; border:none; width:145px;right:0; position:absolute;}
#photoShareActions.shareActions h4{margin:9px 0 13px 0;}
#photoShareActions a.pastille img{ background-image: url(../img/actionBox/pastilleBlanc10.png); margin-right:10px;}
#photoShareActions a.pastille:hover img{background-image: url(../img/actionBox/pastilleBlanc20.png)}

/* textes des posts blogues */
#entryBlogue p {font-size:15px;line-height:19px;}
#entryBlogue p.wp-caption-text {font-size:11px;line-height:17px;}
.blogue-page h1 {font-size:30px;line-height:34px;}
.blogue-page .blogue-center-box {overflow: hidden;}

/*---------------------*/
/* Espacement Chapitre Article
/*---------------------*/
.chapitreMap, .chapitreCoveritlive, .chapitreHtml, .chapitreVideo {
  padding: 10px 0 10px;
}

/* Pour boîte clavardage en direct */
.rail-right h4.opinions span.enDirect{
    padding:1px 5px;
    margin:6px 0 0 10px;
    font-family:Verlag;
    font-size:12px;
    font-weight:normal;
    color:#fff;
    text-transform:uppercase;
    background:#ed1c24;
    position:relative;
    left: 0px;
    top: -3px;
}
.rail-right .boxOpLibre ul li span.enDirect{
    padding:1px 5px;
    margin:6px 0 0 0px;
    font-family:Verlag;
    font-size:10px;
    font-weight:normal;
    color:#fff;
    text-transform:uppercase;
    background:#ed1c24;
    position:relative;
    left: 0px;
    top: -3px;
}

/* pour titre toc dans vivre */
body.vivre .header_toc h3 {display: none;}
/* pour ul ol dans article */
.chapitreTexte ul {
list-style-type: disc;
padding: 0 0 0 26px;
line-height: 24px;
font-size: 15px;
}
.chapitreTexte ol {
list-style-type: decimal;
padding: 0 0 0 26px;
line-height: 24px;
font-size: 15px;
}
.comment-header h6, .stories h6 { margin: 0; margin-right:6px; }
/* enlever mot publicité partout */
p.txt-pub {display:none;}

/* pour forcer les majuscules dans les crédits photos de manchette partout */
.img-rights {text-transform: uppercase;}

/* format 728 multi-dimensionnel */
#pub_entete {
width: 994px;
margin: 0 auto;
text-align: center;
padding: 10px 0 0 0;
}
.dimension img[alt="AdTech Ad"]{
position:absolute;
z-index:-1;
opacity:0;
}
.dimension {
padding: 0 0 0 0;
}
#fond #pub_entete {
padding: 0 0 0 0;
}

/* faire disparaitre ce format de pub */
#pub974x125 {display:none;}