@charset "UTF-8";

body {
background-color: #e7e7e7;
background-image: url(/img/header_bg.png);
background-repeat: repeat-y;
background-position: 50% 50%;
margin-left:auto;
margin-right:auto;
color: #000;
font-size:13px;
margin:0;
padding:0; 
font-family: Trebuchet MS, Helvetica, sans-serif;
text-align: left; }

td {font-size:13px; font-family: Trebuchet MS, Helvetica, sans-serif;}

/*Defaults Styling*/
a { font-weight: bold; font-family: "Trebuchet MS",Trebuchet,Myriad,sans-serif; text-decoration: none; cursor: pointer; outline: 0; }
a:link { color: #000000; } a:hover { color: #843025; } a:active { color: #843025; }    a:visited { color: #843025; }

fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; }
input, textarea {font:14px Arial, Helvetica, sans-serif; font-weight:bold;background:url(img/input.png);}
select {font:14px Arial, Helvetica, sans-serif; font-weight:bold;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
p{font:14px Arial, Helvetica, sans-serif; font-weight:bold;margin:3px 3px 3px 3px;}
dl {clear:both;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
dd {float:left; width:475px; line-height:25px; margin:0 0 10px 0;}

/* TEMPLATE =HEADER
-----------------------------*/

div#header { min-width: 996px; text-align: center; background: url('img/header_sky_bg.gif') repeat-x scroll top center; }
div#header_container { height: 81px; text-align: center; background: url('img/header_grass_bg.gif') repeat-x scroll 0 40px; }
div#header div#container { width: 996px; height: 81px; margin: 0 auto; padding: 0; text-align: left; overflow: hidden; }


/* Nav Primary & Secondary
-----------------------------*/

.animatedtabs{
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
font-size: 14px; /*font of menu text*/
}


.animatedtabs ul{
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(/img/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

.animatedtabs a span{
float: left;
position: relative;
display: block;
background: url(/img/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs a span {float:none;}
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0 -125px;
top: 0;
}

.animatedtabs .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
}

.animatedtabs a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}


div#nav_bg { min-width: 996px; margin: 0; padding: 0; background: Transparent url('img/nav_outside_2.gif') repeat-x scroll top left; }
div#nav { width: 996px; margin: 0 auto; padding: 0; overflow: hidden; font-family: "Trebuchet MS",Trebuchet,Myriad,sans-serif; }

#nav_primary { width: 996px; height: 22px; margin: 0 0 0 10px; clear: both; }
#nav_primary li { float: left; display: block; list-style: none; list-style-type: none; list-style-image: none; list-style-position: inherit; }

a.nav_primary { margin: 0 0 0 0; font: bold 12pt/21px "Trebuchet MS",Trebuchet,Myriad,sans-serif; outline: none; } /* RT Text: 1 */
a.nav_primary:link, a.nav_primary:visited { color:#FFFFFF; }
a.nav_primary:hover,  a.nav_primary:active  { color: #FEFF99; }



#maintabs{
	border-collapse:collapse;
}

#maintabs td{
	padding:0 1px 0 0;
	vertical-align:bottom;
}

#maintabs table{
	height:32px;
	border-collapse:collapse;
}

#maintabs table.over{
	cursor:pointer;
}

#maintabs table td{
	vertical-align:middle;
	text-align:center;
	white-space:nowrap;
}

#maintabs table .tab_left{
	padding:0;
	width:5px;
	background-repeat:no-repeat;
	background-position:top left;
}

#maintabs table .tab_right{
	padding:5px 10px 0 5px;
	background-repeat:repeat-x;
	background-position:top right;
}

#maintabs table.over .tab_right, #maintabs table.current .tab_right{
	padding-top:0px;
	background-position: right -50px;
}

#maintabs table.over .tab_left, #maintabs table.current .tab_left{
	background-position: left -50px;
}

#maintabs table.over a, #maintabs table.current a, #maintabs table.over span, #maintabs table.current span{
	color:white;
}

#maintabs table a, #maintabs table span{
	color:black;
	font:12px Arial;
	font-weight:bold;
	text-decoration:none;
	line-height:normal;
}

#tab-accueil .tab_left { background:url(/img/tabs/left_home.gif); }
#tab-cartenoire .tab_left { background:url(/img/tabs/left_home.gif); }
#tab-laradio .tab_left { background:url(/img/tabs/left_home.gif); }
#tab-cinema .tab_left { background:url(/img/tabs/left_cinema.gif); }
#tab-serie .tab_left { background:url(/img/tabs/left_series.gif); }
#tab-dvd .tab_left { background:url(/img/tabs/left_dvd.gif); }
#tab-telecharger .tab_left { background:url(/img/tabs/left_vod.gif); }
#tab-blog .tab_left { background:url(/img/tabs/left_communaute.gif); }

#tab-accueil .tab_right { background:url(/img/tabs/right_home.gif); }
#tab-cartenoire .tab_right { background:url(/img/tabs/right_home.gif); }
#tab-laradio .tab_right { background:url(/img/tabs/right_home.gif); }
#tab-cinema .tab_right { background:url(/img/tabs/right_cinema.gif); }
#tab-serie .tab_right { background:url(/img/tabs/right_series.gif); }
#tab-dvd .tab_right { background:url(/img/tabs/right_dvd.gif); }
#tab-telecharger .tab_right { background:url(/img/tabs/right_vod.gif); }
#tab-blog .tab_right { background:url(/img/tabs/right_communaute.gif); }


	/* @group Boutons */
			
			/* Nouveaux boutons sans JS */
			.ob-button,
			.yui-button {
				display: -moz-inline-box;
				display: inline-block;
				background: url('img/ob-button-sprite-l.png') no-repeat;
				margin: .25em .25em;
				padding: 0 0 0 8px;
				cursor: pointer;
				vertical-align: middle;
			}
			.ob-button:hover,
			.ob-button.hover,
			.yui-button:hover {
				background-position: 0 -27px;
			}
			.ob-button:active,
			.ob-button.active,
			.yui-button:active {
				background-position: 0 -54px;
			}
			.ob-button.orange,
			.yui-button.default {
				background-position: 0 -81px;
			}
			.ob-button.orange:hover,
			.ob-button.orange.hover,
			.yui-button.default:hover {
				background-position: 0 -108px;
			}
			.ob-button.orange:active,
			.ob-button.orange.active,
			.yui-button.default:active {
				background-position: 0 -135px;
			}
			.ob-button.blue {
				background-position: 0 -162px;
			}
			.ob-button.blue:hover,
			.ob-button.blue.hover {
				background-position: 0 -189px;
			}
			.ob-button.blue:active,
			.ob-button.blue.active {
				background-position: 0 -216px;
			}
			.ob-button.orange.thin {
				background-position: 0 -243px;
				padding-left: 4px;
			}
			.ob-button.orange.thin:hover {
				background-position: 0 -259px;
			}
			.ob-button.orange.thin:active {
				background-position: 0 -275px;
			}
			.ob-button.orange.big {
				background-position: 0 -291px;
				padding-left: 4px;
			}
			.ob-button.orange.big:hover {
				background-position: 0 -332px;
			}
			.ob-button.orange.big:active {
				background-position: 0 -373px;
			}
			.ob-button.orange *,
			.yui-button.default * {
				/*font-weight: bold;*/
			}
			.ob-button.disabled,
			.ob-button.disabled:hover,
			.ob-button.disabled:active {
				background-position: 0 0;
				cursor: not-allowed ! important;
			}
			.ob-button .first-child,
			.yui-button .first-child {
				display: block;
				*display: inline-block;
				*position: relative;
				background:transparent url('img/ob-button-sprite-r.png') repeat-x right 0;
			}
			.ob-button:hover .first-child,
			.ob-button.hover .first-child,
			.yui-button:hover .first-child {
				background-position: right -27px;
			}
			.ob-button:active .first-child,
			.ob-button.active .first-child,
			.yui-button:active .first-child {
				background-position: right -54px;
			}
			.ob-button.orange .first-child,
			.yui-button.default .first-child {
				background-position: right -81px;
			}
			.ob-button.orange:hover .first-child,
			.ob-button.orange.hover .first-child,
			.yui-button:hover.default .first-child {
				background-position: right -108px;
			}
			.ob-button.orange:active .first-child,
			.ob-button.orange.active .first-child,
			.yui-button:active.default .first-child {
				background-position: right -135px;
			}
			.ob-button.blue .first-child {
				background-position: right -162px;
			}
			.ob-button.blue:hover .first-child,
			.ob-button.blue.hover .first-child {
				background-position: right -189px;
			}
			.ob-button.blue:active .first-child,
			.ob-button.blue.active .first-child {
				background-position: right -216px;
			}
			.ob-button.orange.thin .first-child {
				background-position: right -243px;
			}
			.ob-button.orange.thin:hover .first-child {
				background-position: right -259px;
			}
			.ob-button.orange.thin:active .first-child {
				background-position: right -275px;
			}
			.ob-button.orange.big .first-child {
				background-position: right -291px;
			}
			.ob-button.orange.big:hover .first-child {
				background-position: right -332px;
			}
			.ob-button.orange.big:active .first-child {
				background-position: right -373px;
			}
			.ob-button.disabled .first-child:hover,
			.ob-button.disabled .first-child:active {
				background-position: right 0;
			}
			.ob-button .restricted {
				display: block;
				*display: inline-block;
				*position: relative;
				padding-left: 10px;
				background: transparent url('images/new_home/cadenas_piti.png') no-repeat left center;
			}
			.ob-button input,
			.ob-button button,
			.ob-button a,
			.ob-button a:hover,
			.yui-button input,
			.yui-button button,
			.yui-button a,
			.yui-button a:hover {
				display: block;
				*display: inline-block;
				padding: 0 3px ! important;
				border: none;
				line-height: 27px;
				height: 27px ! important;
				*line-height: 27px;
				font-size: 12px;
				background-color: transparent;
				color: black ! important;
				margin: 0 8px 0 0;
				text-decoration: none;
				cursor: pointer;
				width: auto ! important;
				border: none ! important;
			}
			* html .ob-button input,
			* html .ob-button button,
			* html .ob-button a,
			* html .ob-button a:hover,
			* html .yui-button input,
			* html .yui-button button,
			* html .yui-button a,
			* html .yui-button a:hover {
				padding: 0 ! important;
			}
			*+html .ob-button input,
			*+html .ob-button button,
			*+html .ob-button a,
			*+html .ob-button a:hover,
			*+html .yui-button input,
			*+html .yui-button button,
			*+html .yui-button a,
			*+html .yui-button a:hover {
				padding: 0 ! important;
			}
			.ob-button.orange.thin input,
			.ob-button.orange.thin button,
			.ob-button.orange.thin a,
			.ob-button.orange.thin a:hover {
				height: 16px ! important;
				font-size: 10px ! important;
				line-height: 16px ! important;
				padding: 0 ! important;
				margin-right: 4px;
				
			}
			.ob-button.orange.big input,
			.ob-button.orange.big button,
			.ob-button.orange.big a,
			.ob-button.orange.big a:hover {
				height: 41px ! important;
				font-size: 18px ! important;
				line-height: 41px ! important;
				padding: 0 ! important;
				margin-right: 15px;
				margin-left: 15px;
				font-weight: bold;
			}
			.ob-button.blue input,
			.ob-button.blue button,
			.ob-button.blue a,
			.ob-button.blue a:hover {
				color: white ! important;
			}
			.ob-button.disabled input,
			.ob-button.disabled button,
			.ob-button.disabled a {
				color: gray ! important;
				cursor: not-allowed;
			}
			/* \ nouveaux boutons */
			
			.link_alone {text-align:center;}	
			/* @end */
			
			
			.ac_input {
	width: 200px;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
.ac_loading {
	background : url('img/indicator.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:25px 1em 100px 1em;}
 
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#ccc; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
 
.xboxcontent {display:block; background:#ccc; border:0 solid #08c; border-width:0 1px;}

#csc {
  background : #6AA0F2 url(/images/csc_tl.png) no-repeat;
  width : 482px;
  height : auto;
  position : relative;
  padding : 20px 20px;
}
 
.tl, .tr, .bl, .br {
  position : absolute;
  width : 39px;
  height : 39px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}
 
.tr {
  background : transparent url(/images/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}
 
.bl {
  background : transparent url(/images/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}
 
.br {
  background : transparent url(/images/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}


.image_une{
	width : 617px;
	padding : 1px;
	margin : 3px 0 0 0;
}
.image_une a,
.image_une a:hover{
	text-decoration : underline;
}

.image_une .img_centreu{
	margin-left : 1px;
	margin-right : 1px;
	width : 205px;
	height : 205px;
	display:block;
	float : left;
}
.image_une .img{
	width : 205px;
	height : 205px;
	background : #fff;
	display:block;
	float : left;
}
.cadre{
	background-color:#000000;
	border-top:1px solid #FFFFFF;
	height:60px;
	left:0pt;
	position:relative;
	top:144px;
	
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;

}
.image_une .texte{
	padding : 5px;
	position:relative;
	top:80px;
}
.image_une .texte h2{
	font-weight : bold;
	color : #fff;
	font-size : 13px;
	margin : 0px;
	padding : 0px;
	line-height:18px;
}


/*Access Analytics Button*/
.ga-access{
  display: block;
  float: right;
  text-align: left;
  width:340px;
}

.ga-access .ga-access-border{
  border: #c3d9ff 1px solid;
  background-color: #fff;
  padding: 4px;
  margin-bottom: 5px;
}

.ga-access-innerbox{
  text-align: left;
  padding: 2px;
  background-color: #e8eefa; 
}

div.ga-access-flexbluebtn{
  line-height: 1.2;
  padding: 15px;
}

div.ga-access-flexbluebtn div {
  border-bottom: 1px solid #e8eefa;
  background: url("/img/btn-flexbluebtn1.gif");
  background-repeat:no-repeat;
  background-position:0% 0%;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}

div.ga-access-flexbluebtn div span a {
  display: block;
  color: #fff;
  background: url("/img/btn-flexbluebtn2.gif");
  background-repeat:no-repeat;
  background-position:right bottom;
  padding: 10px 15px 10px 10px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}

div.ga-access-flexbluebtn div p {
  background: none;
  background: url("/img/btn-flexbluebtn1.gif");
  background-repeat:no-repeat;
  right -400px ;
  margin: 0;
  padding: 0;
  text-align: center;
}

div.ga-access-flexbluebtn div p span {
  display: block;
  background: url("/img/btn-flexbluebtn1.gif");
  background-repeat:no-repeat;
  background-position: left bottom;
  margin: 0;
  padding: 0;
}

p.ga-access-description {
  text-align: center;
  margin: 10px 0px 0px 0px;
  padding: 0;
}
 
a:hover.access_analytics{
  text-decoration: none;
  color: #fff;
}
/*END Access Analytics Button*/

.dateBillet {
	width: 59px;
	height: 40px;
	background-image: url("/img/calendar.jpg");
	background-repeat: no-repeat;
	float: left;
	color: #5b2b2b;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding-top: 20px;
	text-align: center;
	margin: 0 10px;
}

.numerotation .numerotTable {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 10px;
}

.numerotation a:hover {
	text-decoration: underline;
	color: #FFF;
}
.numerotation a.itemNum {
	background-image: url("/img/back_numerotation.jpg");
	background-repeat: no-repeat;
	color: #FFF;
	cursor: pointer;
}
.numerotation a, .numerotation .currentPage {
	width: 31px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	margin:0px 3px;
}
.numerotation .currentPage, .numerotation a.currentPage {
	background-image: url("/img/back_numerotation_current.jpg");
	background-repeat: no-repeat;
}