/* TEMPORARY FOR TOUCHY OVERLAY ADD */
#A2DIN td{	vertical-align:middle !important;	}
/* END TEMP */

/* Node general
-------------------------------------------------------------- */
.node-in{
	margin: 0 15px;
	list-style: none;
}
.node-in a{ text-decoration: none; }
.node0,
.node1{
	padding-bottom: 15px;
}
.node0 h3{ font: normal bold 1em/1 Helvetica,Arial,serif; }
.node1 h3{
	margin: .5em 0;
	font: italic normal 1.4em/1 Georgia,serif;
}
.node1 h3,
.node1 h3 a{
	color: #E00;
}

/* Base/over/overlay/alpha
-------------------------------------------------------------- */
.base{
	position: relative;
	display: block;
	text-decoration: none;
}
.over{
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	margin: 0;
	list-style: none;
}
.overlay{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000;
}
.overlay,
.alpha{
	filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
}
a:hover .overlay,
a:hover .alpha,
a.alpha:hover{
	filter : alpha(opacity=80);
    -moz-opacity : .8;
    opacity : .8;
}

/* Fil info
-------------------------------------------------------------- */
.fil{
	margin: 0 15px;
	list-style: none;
}
.fil li{ padding-bottom: 15px; }
.fil p{
	margin-bottom: .25em;
	line-height: 1;
}
.fil a{ text-decoration: none; }
.fil h3{
	font-size: 1em;
	margin-bottom: 0;
}

/* Features */
.features{
	float: right;
	width: 172px;
	list-style: none;
}
.features li{
	position: relative;
	overflow: hidden;
	height: 100px;
	margin-top: 1px;
}
.features li:first-child{ margin-top: 0; }
.features h2,
.features h3{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
	font: bold 10px/1.1em Helvetica, Arial, sans-serif;
}
.features h2 a,
.features h3 a{
	position: relative;
	display: block;
	padding: 5px;
	color: #FFF;
}
.features li:hover .overlay{
	filter : alpha(opacity=80);
    -moz-opacity : .8;
    opacity : .8;
}

/* Headlines
-------------------------------------------------------------- */
.headlines{
	padding: 0 15px;
	margin-bottom: 15px;
}
.headline{
	margin-bottom: 15px;
	padding-bottom:15px;
	border-bottom:solid 1px #ccc;
	}
.headlines .headline:last-child{ border-bottom: 0; }
.headline li{ float: left; }
.headline .base{
	overflow: hidden;
	float: left;
	width: 222px;
	height: 129px;
	margin-right: 10px;
	text-align: center;
	background: #000;
}
.headline .base a{ display: block; }
.headline h3{
	margin: 0 0 .4em;
	font-size: 1.2em;
	line-height: 1.1;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}
.headline a{ text-decoration: none; }
.headline a .over{
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.headline a .p-video   { background-position: -82px -31px; }
.headline a .p-photo   { background-position: -54px -31px; }
.headline a .p-article { background-position: -417px -31px; }
.headline p{ margin:0; }

/* More
-------------------------------------------------------------- */
.more{
	clear: both;
	padding: 0 15px;
	margin: 0;
	text-align: right;
}
.more{ color: #666; }
.more a{
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	font: bold .83em/1em "Trebuchet MS", Arial, sans-serif;
}
.more a:before{ content: "+ "; }

/* Pictos
-------------------------------------------------------------- */
.picto{
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	margin: 1px;
	text-indent: -999em;
	background: url(../img/sprite.png) left -50% no-repeat;
}
.p-photo 	{ background-position: left -31px; }
.p-video 	{ background-position: -18px -31px; }
.p-com   	{ background-position: -36px -31px; }
.p-article 	{ background-position: -298px -31px; }
.p-fiche	{ background-position: -564px -31px; }
.p-sizeup	{ background-position: -182px -31px; }
.p-sizedown	{ background-position: -200px -31px; }
.p-print	{ background-position: -218px -31px; }
.p-sendmail	{ background-position: -236px -31px; /**/ display: none; }
.p-quotel	{ background-position: -254px -31px; }
.p-quoter	{ background-position: -279px -31px; }
#content-sub1 .p-quotel	{ background-position: -140px -31px; }
#content-sub1 .p-quoter	{ background-position: -163px -31px; }

.dot-article{
	width: 8px;
	height: 8px;
	margin-left: 5px;
	background: #E00;
}

/* Title
-------------------------------------------------------------- */
.title{
	display: block;
	margin: 0 0 -12px;
	text-indent: -999em;
	background: url(../img/sprite-headings-g.png) left -50% no-repeat;
}
.title a{
	display:block;
}
.title2{
	display: block;
	margin: 0;
	text-indent: -999em;
}

/* red */
.t-red{
	height: 14px;
	line-height: 14px;
	border-color: #E00;
	border-style: solid;
	border-width: 8px 10px 20px 15px;
	background-color: #E00;
}
.t-actu-match			{ width: 69px;  background-position: left top; }
.t-people-match			{ width: 81px;  background-position: -72px top; }
.t-culture-match		{ width: 89px;  background-position: left -17px; }
.t-conso-match			{ width: 77px;  background-position: -91px -17px; }
.t-vivre-match			{ width: 77px;  background-position: -91px -17px; }
.t-top5-match			{ width: 71px;  background-position: left -34px; }
.t-plus-actu-match,
.t-plus-actu			{ width: 109px; background-position: -74px -34px; }
.t-plus-people-match,
.t-plus-people			{ width: 89px;  background-position: left -51px; }
.t-plus-conso-match 	{ width: 86px;  background-position: left -68px; }
.t-plus-vivre-match 	{ width: 86px;  background-position: left -68px; }
.t-plus-culture-match	{ width: 100px; background-position: -89px -51px; }
.t-barometre-stars		{ width: 144px; background-position: left -85px; }
.t-dernieres-photos		{ width: 144px; background-position: left -85px; }
.t-dernieres-actus		{ width: 144px; background-position: left -85px; }
.t-plus-photos			{ width: 93px;  background-position: left -119px; }
.t-plus-videos			{ width: 92px;  background-position: -93px -116px; height: 17px; }
.t-plus-vip				{ width: 115px;  background-position: 0 -167px; height: 17px; }
.t-plus-buzz			{ width: 120px;  background-position: left -187px; }
.t-plus-portfolios		{ width: 117px;  background-position: left -221px; }
.t-plus-flash			{ width: 123px;  background-position: -400px -68px; }
.t-plus-confidentiel	{ width: 135px;  background-position: -400px -85px; }
.t-box-office			{ width: 65px;  background-position: -400px -102px; }
.t-plus-b-a				{ width: 155px;  background-position: -400px -119px; }
.t-plus-galerie-cine	{ width: 128px;  background-position: -400px -133px; height: 17px; }
.t-cannes-2009			{ width: 75px;  background-position: -466px -102px; }
.t-plus-archives-ina	{ width: 118px; background-position: -82px -239px; }
.t-programme-tv			{ width: 88px; background-position: -50px -256px; border-bottom-width:8px; }
.t-monde-match			{ width: 82px; background-position: -400px -170px; }
.t-60-ans-match			{ width: 82px; background-position: left -238px; }
.t-london-live{
	border-width:8px 10px 8px 15px;
	margin-bottom:8px;
	height:17px;
	clear:both;
	width:209px;
	background-position: -600px -248px;
	}
.t-plus-london{ width:147px; background-position:-400px -204px; }
.t-plus-podcasts{ width:106px; background-position:-400px -221px; }

/* black */
.t-black{
	width: 50px;
	height: 14px;
	line-height: 14px;
	border-color: #000;
	border-style: solid;
	border-width: 8px 10px 20px 15px;
	background-color: #000;
	background-position: -200px -221px;
}
.t-confidentiels-match	{ width: 125px; background-position: -200px top; }
.t-soirees-vip			{ width: 67px;  background-position: -316px -14px; height: 17px; }
.t-fiche-people			{ width: 76px;  background-position: -200px -85px; }
.t-telechargez-match	{ width: 47px;  background-position: -200px -51px; }
.t-lire-aussi			{ width: 69px;  background-position: -248px -48px; height: 17px; }
.t-voir-aussi			{ width: 71px;  background-position: -200px -65px; height: 17px; }
.t-archives-match		{ width: 95px;  background-position: -200px -102px; }
.t-c-etait-dans-match	{ width: 115px; background-position: -200px -14px; height:17px; }
.t-le-jour-ou			{ width: 73px;  background-position: -200px -31px; height:17px; }
.t-derniers-posts		{ width: 95px;  background-position: -297px -102px; }
.t-critiques-livres		{ width: 102px; background-position: -200px -119px; }
.t-critiques-cinema		{ width: 115px; background-position: -200px -133px; height: 17px; }
.t-60ans				{ width: 125px; background-position: -200px -153px; }
.t-archives-ina			{ width: 78px;  background-position: -200px -170px; height:14px; }
.t-vol-af447			{ width: 136px; background-position: -200px -187px; }
.t-michael-jackson-mort	{ width: 160px; background-position: -200px -204px; }
.t-concours-match		{ width: 100px; background-position: -200px -255px; }
.t-vitrine-homme		{ width: 88px;  background-position: -200px -272px; }
.t-johnny-hallyday-mort	{ width: 161px; background-position: -200px -289px; }
.t-retrospective-2009	{ width: 120px; background-position: -200px -303px; height: 17px; }
.t-dossiers-plus		{ width: 90px; background-position: -200px -323px; }
.t-avec-premiere-urgence{ width:139px; background-position:-254px -221px; }
.t-carte-match			{ width: 202px; background-position: -612px -303px; margin-bottom: 0; border-bottom-width: 0; height: 17px; border-top-width: 17px; }
.t-blog-une				{ width: 80px; background-position: -200px -337px; height: 17px; }
.t-partager{ width:81px; background-position:-200px -356px; }
.t-pod-abo{ width:93px; background-position:-200px -372px; }
.t-podcasts{ width:98px; background-position:-200px -391px; }


/* yellow1 */
.t-yellow1{
	height: 14px;
	line-height: 14px;
	border-color: #D0A809;
	border-style: solid;
	border-width: 8px 10px 20px 15px;
	background-color: #D0A809;
}
.t-meilleures-photos		{ width: 139px; background-position: -400px top; }
.t-sondage-match			{ width: 92px;  background-position: -400px -17px; }
.t-derniers-commentaires	{ width: 166px; background-position: -400px -34px; }

/* yellow2 */
.t-yellow2{
	height: 14px;
	line-height: 14px;
	border-color: #FD0;
	border-style: solid;
	border-width: 8px 10px 20px 15px;
	background-color: #FD0;
}
.t-vos-commentaires	{ width: 111px; background-position: -400px -51px; }

/* white */
.t-white{
	height: 21px;
	line-height: 21px;
	margin: 0 0 15px;
	padding-left: 15px;
}
.t-flash-match	{ width: 118px; background-position: -600px top; }
.t-images-match	{ width: 142px; background-position: -600px -54px; margin-bottom: 1px; }
.t-diaporama	{ width: 179px; background-position: -600px -221px; margin-bottom: 1px; }
.t-videos-match	{ width: 142px; background-position: -600px -177px; margin-bottom: 1px; }
.t-blogs-match	{ width: 124px; background-position: -600px -21px; height: 33px; line-height: 33px; }
.t-club-match	{ width: 113px; background-position: -600px -75px; margin: 10px 0 1px; /**/display: none;}
.t-fil-match	{ width: 90px;  background-position: -600px -96px; }
.t-sorties-cine	{ width: 114px; background-position: -600px -117px; }

/* no negative margin */
.t-sondage-match,
.t-derniers-commentaires,
.t-top5-match,
.t-lire-aussi,
.t-voir-aussi,
.t-archives-match,
.t-derniers-posts,
.t-box-office,
.t-dossiers-plus,
.t-pod-abo,
.t-partager{
	border-bottom-width: 8px;
	margin-bottom: 0;
}

/* type articles, scans,... */
.jour-ou .title2{ width: 136px; height: 39px; margin-bottom: -15px; position: relative; background-image: url(/includes/cobrand/img/type/le-jour-ou.png); }
.c-etait-dans-match .title2{ width: 230px; height: 39px; margin-bottom: -15px; position: relative; background-image: url(/includes/cobrand/img/type/c-etait-dans-match.png); }
.soirees-vip .title2	{ width: 355px; height: 88px; margin: -23px 0 -11px 15px; background-image: url(/includes/cobrand/img/type/godard.png); }
.buzz-du-net .title2	{ width: 146px; height: 39px; margin: -23px 0 -11px -17px; background-image: url(/includes/cobrand/img/type/buzz-du-net.png); }
.bande-annonce .title2	{ width: 146px; height: 52px; margin: -30px 0 -11px -17px; background-image: url(/includes/cobrand/img/type/bande-annonce.png); }
.critiques-cinema .title2{ background-image:url(/includes/cobrand/img/type/critique-cinema-spira.png); height:88px; margin-bottom:-13px; position:relative; width:411px; }
.critiques-livres .title2{ background-image:url(/includes/cobrand/img/type/critique-livre-chauffier.png); height:88px; margin-bottom:-13px; position:relative; width:465px; }
.archives-ina .title2{ background-image:url(/includes/cobrand/img/type/archives-ina.png); height:40px; margin-bottom:-28px; position:relative; width:146px; }

/* infos (sub headings) */
#flash-match .infos,
.infos1{
	display: block;
	margin-bottom: .4em;
	font: italic 1em/1.2em Georgia, Times, serif;
	color: #666;
	text-decoration: none;
}
#flash-match .infos em,
.infos1 em{
	display: block;
}
a.infos1 em{ cursor: pointer; }
/**/#flash-match .infos em{ display: none; }

.infos2{
	display: block;
	margin-bottom: .4em;
	font: normal bold .83em/1.2em Helvetica, Arial,sans-serif;
	color: #666;
	text-transform: uppercase;
}
.infos2 em{ display: block; }
a.infos2 em{ cursor: pointer; }

/* List
-------------------------------------------------------------- */
.list li{ padding-bottom: .5em; }
.list li img{
	float: left;
	margin-right: 8px;
}
.list li strong{ display: block; }

/* Pagine
-------------------------------------------------------------- */
.pagine{
	float: right;
	height: 15px;
	margin: 15px 0 0;
	list-style: none;
}
.pagine li{ float: left; }
.pagine a{
	display: block;
	float: left;
	width: 17px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	font-size: .9em;
	border-right: 1px solid #CCC;
}
.pagine .last a{ border: 0; }
.pagine .next a,
.pagine .prev a{
	display: block;
	width: 6px;
	height: 11px;
	line-height: 11px;
	margin: 2px;
	border: 0;
	text-indent: -999em;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
}
.pagine .next a{ background-position: -167px top; }
.pagine .prev a{ background-position: -173px top; }
.pagine .current a{
	background: #E00;
	color: #FFF;
}

/* Comments list
-------------------------------------------------------------- */
.comments-list {
	margin: 0;
	list-style: none;
}
.comments-list  a{ text-decoration: none; }
.comments-list  h4{ margin-bottom: .25em; }
.comments-list  h4 .picto{ margin-right: 8px; }
.comments-list blockquote{
	position: relative;
	display: block;
	margin: 0;
	padding: 3px 27px;
}
.comments-list blockquote p{ margin: 0; }
.comments-list blockquote .picto{ position: absolute; }
.comments-list blockquote .p-quotel{ top: 0; left: 0; }
.comments-list blockquote .p-quoter{ bottom: 0; right: 0; }
.comments-list cite{
	display: block;
	padding-top: 5px;
	text-align: right;
	font-style: normal;
	font-weight: bold;
	font-size: .83em;
	color: #000;
}
#content-sub1 .comments-list{
	padding: 15px;
	margin-bottom: 10px;
	background: #FED10B;
}

/* Context
-------------------------------------------------------------- */
.context{
	background: #DDD;
	padding: 15px 0 15px 15px;
	margin-bottom: 15px;
}
.context h2{
	font-size: 1em;
	color: #000;
	text-transform: uppercase;
}
.context ul{
	margin: 0;
	list-style-position: inside;
	color: #555;
}

/* Sharing
-------------------------------------------------------------- */
.sharing h2{ display: none; }
.sharing a{
	display: block;
	width: 17px;
	height: 17px;
	margin-right: 5px;
	text-indent: -999em;
	border: 1px solid #CCC;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
}
.sharing .wikio		{ background-position: -317px -31px; }
.sharing .facebook	{ background-position: -337px -31px; }
.sharing .scoopeo	{ background-position: -353px -31px; }
.sharing .myspace	{ background-position: -370px -31px; }
.sharing .viadeo	{ background-position: -390px -31px; }
.sharing .yahoobuzz	{ background-position: -353px -50px; width: 18px; }

/* Portrait list
-------------------------------------------------------------- */
.portrait-list{
	margin: 0;
	list-style: none;
}
.portrait-list li{
	float: left;
	width: 20%;
	height: 210px;
	overflow: hidden;
	text-align: center;
}
.portrait-list a{
	display: block;
	font-size: .9em;
	text-decoration: none;
}
.portrait-list img{
	display: block;
	width: 110px;
	height: 142px;
	margin: 0 auto 10px;
	padding: 2px;
	border: 1px solid #CCC;
}
.portrait-list a:hover img{ border-color: #666; }
.portrait-list .infos1{ margin: 0; }
.portrait-list strong{ display: block; }

/* Drop menu
-------------------------------------------------------------- */
.drop-menu{
	position: relative;
	width: 170px;
}
.drop-menu strong{
	display: block;
	padding: .2em .5em;
	font-size: .9em;
	cursor: pointer;
	border: 1px solid #AAA;
	background: #EEE;
}
.drop-menu span{
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	width: 5px;
	height: 10px;
	margin-top: -5px;
	background: url(../img/sprite.png) -409px -32px no-repeat;
}
.drop-menu ul{
	visibility: hidden;
	position: absolute;
	right: 0;
	width: 168px;
	margin: -1px 0 0 0;
	list-style: none;
	border: 1px solid #AAA;
	border-bottom: 0;
	background: #FFF;
}
.drop-menu li{ border-bottom: 1px solid #AAA; }
.drop-menu a{
	display: block;
	padding: .2em .5em;
	font-size: .9em;
	text-decoration: none;
}
/* events */
.drop-menu:hover ul,
.drop-menu.hover ul{ visibility: visible; }
.drop-menu a:hover{ background: #EEE; }

/* Ratings
-------------------------------------------------------------- */
.rating{
	display: block;
	width: 50px;
	height: 11px;
	line-height: 11px;
	text-indent: -999em;
	background-image: url(/includes/cobrand/img/stars-FFF.png);
}
.r0{ background-position: 0 -55px; }
.r1{ background-position: 0 -44px; }
.r2{ background-position: 0 -33px; }
.r3{ background-position: 0 -22px; }
.r4{ background-position: 0 -11px; }
.r5{ background-position: 0 -00px; }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
| MODULES
|
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* Branding
-------------------------------------------------------------- */
#branding{
	padding: 10px;
	background: #E00;
	border-bottom: 1px solid #000;
}
#branding h1{ display: none; }
#update{
	background: #000; color: #FFF;
	font-size: 11px;
	padding: 5px 0 10px;
	margin-bottom: 0;
	text-align: right;
}
#logo{ float: left; }
#services-nav{
	float: right;
	margin: 0 0 6px;
	line-height: 1;
	list-style: none;
}
#services-nav li{
	display: inline;
	color: #FFF;
}
#services-nav a{
	color: #FFF;
	font-size: .92em;
	font-weight: bold;
	text-decoration: none;
}

/* Top Site 
-------------------------------------------------------------- */
#top-site{
	/**/display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
}

/* Club Access
-------------------------------------------------------------- */
#club-access{
	display: none;
	height: 30px;
}
#club-access-form{
	float: right;
	padding-top: 8px;
}
#club-access-form p,
#club-access-form ol,
#club-access-form li,
#club-access-form label{
	float: left;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
}
#club-access-form strong,
#club-access-form .login,
#club-access-form .passe,
#club-access-form .valid-form{
	display: block;
	/*text-indent: -999em;
	background: url(../img/sprite.png) left top no-repeat;*/
	color: #FFF;
}
#club-access-form p{ padding: 4px; }
#club-access-form strong{
	/*width: 81px;
	height: 12px;*/
	margin: -1px 10px 0 0;
}
#club-access-form label{
	/*height: 12px;*/
	margin-right: 6px;
	cursor: text;
}
#club-access-form .login{
	/*width: 25px;
	background-position: -107px top;*/
}
#club-access-form .passe{
	/*width: 23px;
	background-position: -133px top;*/
}
#club-access-form .valid-form{
	/*width: 12px;
	height: 12px;*/
	border: 0;
	background: none;
	/*background-position: -89px top;*/
}
#club-access-form li{
	height: 17px;
	padding: 4px 4px 0;
	margin-right: 5px;
	background: #222;
}
#club-access-form li input{
	border: 0;
	padding: 0;
	color: #FFF;
	background: #222;
	font: normal 11px/11px arial, sans-serif;
}
#club-access-form li input:focus{ background: #181818; }

/* RSS
-------------------------------------------------------------- */
ul.share{
	position: absolute;
	top: 0;
	right: 4px;
	height: 21px;
	padding: 5px 0 0 5px;
	margin: 0;
	border-left: 1px solid #000;
}
ul.share li{
	list-style: none;
	float: left;
	padding: 0 0 0 3px;
}
#rss a{
	display: block;
	width: 16px; /* ancien 55px */
	height: 15px;
	text-indent: -999em;
	background: #E00 url(../img/sprite.png) -489px -31px no-repeat;
}
ul.share .facebook a{
	display: block;
	width: 16px; /* ancien 55px */
	height: 16px;
	text-indent: -999em;
	background: #E00 url(../img/sprite.png) -338px -32px no-repeat;
}
ul.share .twitter a{
	display: block;
	width: 16px; /* ancien 55px */
	height: 16px;
	text-indent: -999em;
	background: #E00 url(../img/sprite.png) -338px -51px no-repeat;
}

/* Navigation
-------------------------------------------------------------- */
#navigation{
	position: relative;
	border-bottom: 1px solid #000;
	background: #E00;
}
/* main nav */
#main-nav{
	height: 26px;
	margin: 0;
	list-style: none;
}
#main-nav li,
#main-nav a,
#main-nav span{
	display: block;
	float: left;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
}
#main-nav li{ border-right: 1px solid #000; }
#main-nav a{ padding: 8px 6px; }
#main-nav span{
	height: 10px;
/* 	margin: 0 7px; */
	margin:0 6px;	/*changed for gpp*/
	font: bold 10px/1 "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	text-indent: -999em;
	background: url(../img/sprite.png) left 50px no-repeat;
}
#main-nav a.active,
#main-nav a:hover{
	background-color: #000;
}
#main-nav .accueil span{ width: 36px; background-position: left -11px; }
#main-nav .accueil a:hover span, #main-nav .accueil a.active span{ background-position: left -21px; }

#main-nav .actu span{ width: 23px; background-position: -38px -11px; }
#main-nav .actu a:hover span, #main-nav .actu a.active span{ background-position: -38px -21px; }

#main-nav .people span{ width: 32px; background-position: -96px -11px; }
#main-nav .people a:hover span, #main-nav .people a.active span{ background-position: -96px -21px; }

#main-nav .culture span{ width: 39px; background-position: -161px -11px; }
#main-nav .culture a:hover span, #main-nav .culture a.active span{ background-position: -161px -21px; }

#main-nav .conso span{ width: 31px; background-position: -235px -11px; }
#main-nav .conso a:hover span, #main-nav .conso a.active span{ background-position: -235px -21px; }

#main-nav .photos span{ width: 34px; background-position: -301px -11px; }
#main-nav .photos a:hover span, #main-nav .photos a.active span{ background-position: -301px -21px; }

#main-nav .videos span{ width: 32px; background-position: -337px -11px; }
#main-nav .videos a:hover span, #main-nav .videos a.active span{ background-position: -337px -21px; }

#main-nav .blogs span{ width: 28px; background-position: -371px -11px; }
#main-nav .blogs a:hover span, #main-nav .blogs a.active span{ background-position: -371px -21px; }

#main-nav .club span{ width: 54px; background-position: -403px -11px; }
#main-nav .club a:hover span, #main-nav .club a.active span{ background-position: -403px -21px; }

#main-nav .services span{ width: 39px; background-position: -459px -11px; }
#main-nav .services a:hover span, #main-nav .services a.active span{ background-position: -459px -21px; }

#main-nav .cannes span{ width: 58px; background-position: -563px -11px; }
#main-nav .cannes a:hover span, #main-nav .cannes a.active span{ background-position: -563px -21px; }

#main-nav .archives-ina span{ width: 30px; background-position: -531px -11px; }
#main-nav .archives-ina a:hover span, #main-nav .archives-ina a.active span{ background-position: -531px -21px; }

#main-nav .quizz span{ width: 28px; background-position: -501px -11px; }
#main-nav .quizz a:hover span, #main-nav .quizz a.active span{ background-position: -501px -21px; }

#main-nav .tabservices span{ width: 43px; background-position: -458px -11px; }
#main-nav .tabservices a:hover span, #main-nav .tabservices a.active span{ background-position: -458px -21px; }

#main-nav .will-hill span{ width: 27px; background-position: -359px -1px; }
#main-nav .will-hill a:hover span, #main-nav .will-hill a.active span{ background-position: -410px -1px; }

#main-nav .gpp span{ width: 86px; background-position: -567px -107px;	margin:0 4px; }
#main-nav .gpp a:hover span, #main-nav .will-hill a.active span{ background-position: -567px -96px; }

/* sub nav */
#sub-nav{
	height: 30px;
	line-height: 30px;
	margin: 0;
	list-style: none;
	background: #000;
}
#sub-nav li,
#sub-nav a{
	color: #CCC;
}
#sub-nav li{
	display: inline;
	font-size: .92em;
}
#sub-nav a{
	padding: 0 10px;
	text-decoration: none;
}
#sub-nav a:hover,
#sub-nav .active a{ color: #E00; }

/* search form */
#cse-search-box{
	position: absolute;
/* 	right: 80px; */
	right:35px; /*during gd prix photo*/
	top: 0;
	padding-top: 8px;
	height: 19px;
	overflow: hidden;
	font-size: .92em;
}
#cse-search-box p,
#cse-search-box input{
	color: #FFF;
	margin: 0;
}
#cse-search-box p,
#cse-search-box label{
	float: left;
}
#cse-search-box label{
	display: block;
	height: 9px;
	width: 46px;
	margin-right: 8px;
	text-indent: -999em;
	background: url(../img/sprite.png) -234px -2px no-repeat;
	font-size: 1%;
	line-height: 1;
}
#search{
	position: relative;
	top: -4px;
	padding: 1px;
	border: 1px solid #800;
	background: #B00;
	height: 13px;
	font-size: 11px;
	overflow: visible;
}
#cse-search-box .valid-form{
	display: block;
	width: 12px;
	height: 9px;
	margin-left: 4px;
	text-indent: -999em;
	border: 0;
	background: url(../img/sprite.png) -283px -2px;
	cursor: pointer;
}

/* Services & Site info
-------------------------------------------------------------- */
#services,
#site-info,
#partenaires{
	padding: 2em;
	background: #F2F2F2;
	border-top: 1px solid #CCC;
}
#site-info{ border-top: 0; }
#services{ padding-bottom: 0; }
#services h2,
#site-info h2,
#partenaires h2{
	font-size: 1.2em;
	letter-spacing: -1px;
	text-transform: uppercase;
}
#services ul,
#site-info ul,
#partenaires ul{
	margin: 0;
	list-style: none;
}
#services li a,
#site-info li,
#site-info p,
#partenaires p{
	font-size: .92em;
}
#services a,
#site-info p,
#site-info li,
#site-info a,
#partenaires p,
#partenaires a{
	color: #666;
}
#services a:hover,
#site-info a:hover{
	color: #E00;
}
#site-info li span,
#site-info li span a{ color: #999; }

/* Services
-------------------------------------------------------------- */
#services{ clear: both; }
#services h2{ margin-bottom: .5em; }
#services p{
	margin: 0;
	font-size: .92em;
	line-height: 1.2;
	color: #666;
}
#services p a{ text-decoration: underline; }
#services img{
	width: 45px;
	margin-right: .5em;
	vertical-align: top;
	float: left;
}
#services .wrap{
	clear: both;
	padding-top: 2em;
}
#services ul{
	float: left;
	width: 165px;
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #CCC;
}
#services ul:first-child,
#services ul.first{
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}
#services a{ text-decoration: none; }

/* Site info
-------------------------------------------------------------- */
#site-info h3{
	float: left;
	margin: 0 10px .2em 0;
	font-size: 1em;
	color: #333;
	font-weight: bold;
}
#site-info ul{ margin-bottom: .7em; }
#site-info li{ display: inline; }
#site-info li a{
	padding: 0 3px;
	text-decoration: none;
}
#site-info p{ line-height: 1.1 }
#site-info p a{ text-decoration: underline; }
#site-info li:first-child a{ padding-left: 0; }
#site-info a:hover{ color: #E00; }
#site-info .links{ margin: 2em 0 .1em; }
#site-info .copy{ margin: 0; color: #222; font-weight: bold; }

/* Partenaires
-------------------------------------------------------------- */
#partenaires h3{
	float: left;
	margin: 0 10px .2em 0;
	font-size: 1em;
	color: #333;
	font-weight: bold;
}
#partenaires p:last-child{ margin-bottom: 0 }

/* Images Match
-------------------------------------------------------------- */
.media-match{
	padding: 15px 0;
	margin-bottom: 10px;
	background: #DDD;
}
.media-match ul{
	margin: 0;
	list-style: none;
}
.media-match .media1{
	overflow: hidden;
	float: left;
	/*width: 199px;*/
	width: 199px;
	height: 117px;
	margin-right: 1px;
}
.media-match .media1 img{ width: 201px; height: 117px; }
.media-match .media2,
.media-match .media3{
	overflow: hidden;
	float: right;
	width: 100px;
	height: 58px;
}
.media-match .media2 img,
.media-match .media3 img{
	width: 100px;
	height: 58px;
}
.media-match .media2{ margin-bottom: 1px; }
.media-match .more{ padding-top: 1em; }

.media-match .picto{
	width: 28px;
	height: 28px;
	cursor: pointer;
}
.media-match .p-video{ background-position: -82px -31px; }
.media-match .p-photo{ background-position: -54px -31px; }
.media-match a:hover .alpha{
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
}

/* Top Match
-------------------------------------------------------------- */
#top-match{ margin-bottom: 10px; }
#top-match h3{
	margin: 0;
	font-size: 1.1em;
}
#top-match li{ border-top: 1px solid #CCC; }
#top-match li:first-child{ border-top: 0; }
#top-match li a{
	position: relative;
	display: block;
	min-height: 40px;
	padding: 5px 0;
}
#top-match li span{
	display: block;
	padding: .5em;
	margin-left: 25px;
	background: #FFF;
}
#top-match li em{
	position: absolute;
	top: 7px;
	left: 5px;
	display: block;
	width: 15px;
	height: 36px;
	text-indent: -999em;
	background: url(../img/sprite.png) left -59px no-repeat;
}
#top-match .top1 em{ background-position: 0 -59px; }
#top-match .top2 em{ background-position: -15px -59px; }
#top-match .top3 em{ background-position: -30px -59px; }
#top-match .top4 em{ background-position: -45px -59px; }
#top-match .top5 em{ background-position: -60px -59px; }

/* Box Office
-------------------------------------------------------------- */
#box-office h3{
	margin: 0;
	padding-bottom: 10px;
	font-size: 1.1em;
}
#box-office li{ border-top: 1px solid #CCC; }
#box-office li:first-child{ border-top: 0; }
#box-office li a,
#box-office li p{
	position: relative;
	display: block;
	min-height: 40px;
	padding: 5px 0;
}
#box-office li img{
	float: left;
	width: 50px;
	padding-top: 5px;
	margin-left: 25px;
}
#box-office li strong,
#box-office li span{
	display: block;
	padding: .5em;
	margin-left: 75px;
	background: #FFF;
}
#box-office li strong{
	padding-bottom: .2em;
	text-transform: uppercase;
}
#box-office li span{
	padding-top: 0;
	font-weight: normal;
	color: #666;
}
#box-office li em{
	position: absolute;
	top: 7px;
	left: 5px;
	display: block;
	width: 15px;
	height: 36px;
	text-indent: -999em;
	background: url(../img/sprite.png) left -59px no-repeat;
}
#box-office .top1 em{ background-position: 0 -59px; }
#box-office .top2 em{ background-position: -15px -59px; }
#box-office .top3 em{ background-position: -30px -59px; }
#box-office .top4 em{ background-position: -45px -59px; }
#box-office .top5 em{ background-position: -60px -59px; }

/* Club Match
-------------------------------------------------------------- */
#club-match{
	background: #FED10B;
	margin-bottom: 10px;
}

/* Meilleures Photos */
#meilleures-photos{
	margin: 0 1em 1em;
	background: #000;
}
#meilleures-photos h4{
	float: right;
	width: 75px;
	font-size: 1em;
	padding: .5em;
}
#meilleures-photos a{
	color: #FFF;
	text-decoration: none;
}
#meilleures-photos .base,
#meilleures-photos .base img{
	display: block;
	width: 185px;
}
#meilleures-photos .picto{
	width: 28px;
	height: 28px;
}
#meilleures-photos .p-photo{ background-position: -54px -31px; }
#meilleures-photos span.over{
	top: 50%;
	left: 50%;
	margin: -14px 0 0 -14px;
}
#meilleures-photos cite{
	display: inline;
	width: auto;
	bottom: -5px;
	left: 0;
	right: auto;
	padding: .2em .5em;
	background: #000;
	cursor: pointer;
	font-style: normal;
	font: bold 10px/10px verdana,sans-serif;
}

/* Sondage Match */
#sondage-match{
	overflow: hidden;
	display: none;
	padding: 1em;
}
#sondage-match h3{
	position: relative;
	top: -12px;
	left: -12px;
}
#sondage-match h4{ font-size: 1em; }
#sondage-match ul{
	margin: 0 0 1.5em;
	list-style: none;
}
#sondage-match li{
	padding-top: 1em;
	clear: both;
}
#sondage-match li:first-child{ padding-top: 0; }
#sondage-match li input{ float: left; }
#sondage-match label{
	display: block;
	margin-left: 25px;
	font-weight: normal;
	cursor: pointer;
}
#sondage-match .more{
	float: none;
	padding: 0;
	clear: none;
	text-align: left;
}
#sondage-match .more a{
	padding: 0 8px;
	color: #000;
	font-size: .92em;
	text-transform: none;
	background: none;
}
#sondage-match .more a:before{ content: ""; }
#sondage-match .valid-form{
	display: block;
	height: 18px;
	padding-left: 20px;
	margin-left: 5px;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	background: url(../img/sprite.png) -582px -31px no-repeat;
}
#sondage-match p{
	float: right;
	margin-bottom: 0;
}
#sondage-match li p{ float: none; }
#email-sondage{ display: none; }
#sondage-match form > input{ display: none; }

#sondage-match .resultats .bar{
	display: block;
	padding: 1px;
	height: 8px;
	line-height: 1;
	font-size: 1%;
	margin: 0 0 5px 0;
	border: 1px solid #D0A809;
	background: #FED10B;
}
#sondage-match .resultats .bar span{
	display: block;
	height: 8px;
	line-height: 1;
	font-size: 1%;
	background: #D0A809;
}
#sondage-match .resultats em{
	float: left;
	font-style: normal;
	font-size: 1.2em;
	font-weight: bold;
}
#sondage-match .resultats li p{
	margin-left: 50px;
	padding-top: 5px;
}
#sondage-match .resultats li strong{
	display: block;
	clear: both;
	position: relative;
	font-weight: normal;
	margin-left: -50px;
}

/* Blogs Match
-------------------------------------------------------------- */
.blogs-match ul li{ margin-bottom: 15px; }
.blogs-match a{ text-decoration: none; }
.blogs-match .base{
	float: left;
	width: 125px;
	margin-right: 10px;
}
.blogs-match cite{
	position: relative;
	float: right;
	display: block;
	padding: .25em;
	/*margin: -8px 0 0 5px;*/
	font-style: normal;
	font: bold 10px/10px verdana,sans-serif;
	color: #FFF;
	background: #E00;
	cursor: pointer;
	text-align: right;
}
.blogs-match h3{ margin-bottom: 0; }

/* blogs in 3rd col */
#content-sub2 .blogs-match{
	padding-top: 15px;
	border-top: 1px solid #CCC;
}
#content-sub2 .blogs-match li{ margin-bottom: 0; }
#content-sub2 .blogs-match .base{
	float: none;
	margin-right: 0;
}
#content-sub2 .blogs-match cite{ float: right; }
#content-sub2 .blogs-match h3{
	clear: right;
	padding-top: .5em;
}

/* Abonnement
-------------------------------------------------------------- */
.abonnement{ background: #DDD; }
.abonnement a{ text-decoration: none; }
.abonnement img{
	display: block;
	width: 178px;
	margin: 0 auto;
}
.abonnement p{
	padding: .7em 0 1em;
	margin: 0;
	font-size: .92em;
	text-align: center;
}

/* Fil Match
-------------------------------------------------------------- */
#fil-match{
	padding-bottom: 15px;
	padding-top: 15px;
	border-top: 1px solid #CCC;
}

/* Comments
-------------------------------------------------------------- */
#comments{
	position: relative; zoom: 1;
	padding: 15px;
	background: #F2F2F2;
}
#comments .comments-list{
	overflow: auto;
	max-height: 500px;
	margin-bottom: 15px;
}
#comments .comments-list li{
	padding-top: 15px;
	padding-right: 15px;
	border-top: 1px solid #DDD;
}
#comments .comments-list li:first-child{
	padding-top: 0;
	border: 0;
}
#comments .comments-list li.first{ /* Fix in ie.js */
	border: 0;
}
#comment-form h3{ font-size: 1em; }
#comment-form .textarea{
	padding: .5em;
	margin-bottom: 15px;
	border: 1px solid #DDD;
	background: #FFF;
}
#comment-form textarea{
	width: 100%;
	height: 80px;
	padding: 0;
	border: 0;
	color: #333;
	font-family: Georgia, sans-serif;
}
#comment-form ol{
	margin: 0;
	list-style: none;
}
#comment-form ol li{
	display: inline;
	padding-right: 5px;
}
#comment-form label{ font-weight: normal; }
#comment-form .field{
	width: 130px;
	border: 1px solid #CCC;
	font-weight: bold;
}
#comment-form .submit:focus{
	outline: 0;
}
#comment-form .submit{
	height: 18px;
	padding: 0 0 0 20px;
	margin: 0 0 0 5px;
	border: 0;
	cursor: pointer;
	font-weight: bold;
	background: url(../img/sprite.png) -582px -31px no-repeat;
}
#comment-form .email{ display: none; }

/* Ads
-------------------------------------------------------------- */
#ads-loader{
	position: absolute;
	top: -999em;
	left: -999em;
}
#ad-728x90-1{
	overflow: hidden;
	float: right;
	width: 728px;
	height: 90px;
	margin-top: 7px;
}
#ad-468x60-1{
/*
	overflow: hidden;
	width: 468px;
	height: 60px;
	margin: 0 auto;
*/
}
#ad-300x250-1{
	overflow: hidden;
	width: 300px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	margin-bottom: 10px;
	text-align:center;
}
#ad-300x250-2{ width: 300px; }
#ad-300x90-1{
	width: 300px;
	height: 90px;
}
#ad-200x200-1{
	overflow: hidden;
	width: 200px;
/*	height: 200px;*/
}

/* Combox
-------------------------------------------------------------- */
#combox{
	padding: 20px 0;
	background: #FFF;
	border-top: 1px solid #CCC;
}
#combox ul{
	overflow: hidden;
	margin: 0;
	list-style: none;
}
#combox li{
	float: left;
	width: 33%;
}
#combox a{
	overflow: hidden;
	display: block;
/*	padding: 0 40px;*/
	padding:0 15px 0 40px;
	text-decoration: none;
	border-left: 1px solid #CCC;
}
#combox img{
	float: left;
	margin-right: 10px; 
	border: 5px solid #CCC;
}
#combox span{
	display: block;
	margin: 3px 0 0 90px;
}
#combox strong{
	display: block;
	text-transform: uppercase;
}
* html #combox{ zoom: 1; }

/* Auto complete jquery
-------------------------------------------------------------- */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
	line-height: 16px;
	overflow: hidden;
}
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A;color: white; }

/* Programme TV (module)
-------------------------------------------------------------- */
#progtv-mod ul{ margin: 20px 0 10px; }
#progtv-mod li{
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	font-size:1.1em;
}
#progtv-mod li:first-child{ padding-top: 0; }
#progtv-mod li a{
	display: block;
	font-weight:bold;
}
#progtv-mod li img{
	float: left;
	width: 25px;
	margin: 0 10px;
}
#progtv-mod li em{
	float: right;
	font-weight: bold;
	font-style: normal;
	padding:0 10px;
}

/* Carte Actu
-------------------------------------------------------------- */
#carte-match{
	background: #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#carte-match .more a{ color: #FFF; }

/* Google AdSense
-------------------------------------------------------------- */
.title.t-red-google,
.title.t-black-google{
	width:108px;
	border-width:8px 10px 8px 15px;
	margin-bottom:0;
	height:17px;
	clear:both;
	}
.title.t-red.t-red-google{
	background-position:-400px -187px;
	}
.title.t-black.t-black-google{
	background-position:-200px -237px;
	}
.googlads{
	background-color:#fff;
/*	font-size:11px;*/
	margin-left:14px;
	line-height:1.1em;
	}
#archives .googlads.scanad{
	margin-left:0;
/*	padding-left:14px;*/
	padding-bottom:0;
	font-size:100%;
	}
.googlads ul,
.googlads li{
	list-style-type:none;
	margin:0;
	padding:0;
	}
.googlads ul li{
	float:left;
	width:200px;
	margin-top:8px;
	margin-right:5px;
	padding:0 0 0 25px;
	border-left:solid 1px #ccc;
	overflow:hidden;
	white-space:nowrap;
	}
.googlads.three ul li,
.googlads.scanad ul li{
	width:200px;
	margin-right:5px;
	padding:0 0 0 11px;
	}
.googlads.scanad ul li{
	margin:0 5px 0 0;
	}
.googlads.three ul li.prime,
.googlads.scanad ul li.prime{
	border:none;
	padding:0;
	}
.googlads ul li.prime{
	border:none;
	padding:0 23px 0 0;
	}
.googlads .clad{
	float:none;
	clear:both;
	border:none;
	height:20px;
	}
.googlads.scanad .clad{
	height:15px;
	}
.googlads strong{
	display:block;
	font-size:12px;
	margin:0 0 3px;
	}
.googlads p{
	margin:0 0 2px;
	}
.googlads .adlink{
	color:#e00;
	font-weight:bold;
	font-family:verdana;
	font-size:10px;
	}
.googlads.scanad .adlink { color:#e00; }
#article-body .title{ margin-bottom:10px; }
.googlads.vert{ margin:0; }
.googlads.vert li{
	border:none;
	padding:0 0 0 15px;
	margin-top:15px;
	}
.googlads.vert li.prime{
	margin:0;
	padding:0 0 0 15px;
	float:none;
	}

/* Campagne PureShopping / Shoppoon
-------------------------------------------------------------- */
#shoppingBox{
	border:solid #ccc;
	border-width:1px 0;
	padding:0 0 10px;
	}

/* Popups
-------------------------------------------------------------- */
#popup-outer{
	width:500px;
	padding:20px;
	background:rgba(255, 255, 255, 0.4);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff)";
	position:absolute;
	z-index:1;
	display:none;
	}
#popup{
	background:#fff;
	border:solid 1px #000;
	}
#popup h3{
	text-indent:10px;
	line-height:2;
	font-size:1.4em;
	background:#e00; color:#fff;
	text-transform:uppercase;
	width:100%;
	}
#popup h3 strong{
	color:#000;
	letter-spacing:-1px;
	}
#popup #puclose{
	float:right; margin-right:5px;
	cursor:pointer;
	color:#fff;
	}
#popup fieldset{
	padding:10px;
	border:0;
	}
#popup legend{
	display:block;
	font-size:1.1em;
	line-height:2;
	}
#popup [type="text"]{ border:solid 1px #000; }
/* smaller version, cf. podcasts */
#popup-outer.small{ width:350px; }
#popup-outer.small #popup h3{
	margin:0 0 0.1em;
	font-size:1.1em;
	}