/** Styles globaux pour le site **/
body {
    min-width	: 990px ;
    padding		: 0 ;
    margin 		: 0 ;
    text-align	: center ; /* correction IE 5.X pour le conteneur */
	font-family: "Courier New", Courier,monospace;
	font-size : 13px;
	color : #4d4d4d;
	background : #f7f7f7 url('/c/i/bg-body.jpg') center top;
}
body.comparideBackOffice 
{
	background : #f7f7f7 url('/c/i/bg-body-bo.jpg') center top;
}

body.comparideBackOffice.iframe 
{
	background : #FFF;
}
    


* {
border:0pt none;
margin:0pt;
padding:0pt;
}

a {
	text-decoration : none;
	color : #E52E87;
	font-weight : bold;
}

h1, h2, h3 {
	padding : 0;
	margin : 0 0 12px 0;
}

#counter {
	width : 400px;
	height : 28x;
	padding : 6px 0 0 0px;
}

#counter span {
	display : block;
	width : 19px;
	height : 27px;
	line-height : 27px;
	background : transparent url('/c/i/bg-counter.png') 0 0; 
	float : left;
	margin : 0 2px 0 0 ;
}

#counter span.c1 {
	background-position : -19px 0;
}
#counter span.c2 {
	background-position : -38px 0;
}
#counter span.c3 {
	background-position : -57px 0;
}
#counter span.c4 {
	background-position : -76px 0;
}
#counter span.c5 {
	background-position : -95px 0;
}
#counter span.c6 {
	background-position : -114px 0;
}
#counter span.c7 {
	background-position : -133px 0;
}
#counter span.c8 {
	background-position : -152px 0;
}
#counter span.c9 {
	background-position : -171px 0;
}

#counter img {
	float : left;
	margin : -8px 0 0 0;
}


#toolbar {
	margin-top : 4px;
	height : 40px;
	line-height : 40px;
}

#search {
	float : right;
	padding-top : 6px;
	height : 40px;
	line-height : 40px;
}

#search input {
	float : left;
}

#search input.q {
	font-size : 18px;
	line-height : 22px;
	font-weight : bold;
	width : 275px;
	height : 24px;
	border : 1px inset #4D4D4D;
	margin : 0;
}

#search input.submit {
	margin : -12px 0 0 -10px;
	width:auto;
	border : 0;
}

#wrapper { 
	background : transparent url('/c/i/bg-wrapper.jpg') top center repeat-x;
}

.comparideBackOffice #wrapper {
	background : transparent url('/c/i/bg-wrapper-bo.jpg') top center repeat-x;
}

.comparideBackOffice.iframe #wrapper {
	background : none;
}

.comparideBackOffice #header {
    background : transparent;
    height : 90px;
    margin : 0 auto 20px;
}

#header { 
	background : transparent url('/c/i/bg-header.jpg') top center no-repeat	;
	height : 250px;
    text-align	: left ; /* on rétablit l'alignement normal du texte -IE 5.X */
	margin-left : auto;
	margin-right : auto;
}


.comparideBackOffice #logo {
	height : 65px;
    text-align : left;
}


#logo {
	width : 990px; 
	margin : 0 auto; 
	height : 148px;
}

#logo a {
	display : block;
	width :  404px;
	height : 63px;
	float : right;
}

#logo a span {
	display : none;
}


#console {
	background : #b3aeaf url('/c/i/bg-popup.png') center; 
	border : 1px solid #868686;  
	border-width : 0 1px;
	width : 780px;
	padding : 10px;	
	margin-left : auto;
	margin-right : auto;
    text-align	: left ; /* on rétablit l'alignement normal du texte -IE 5.X */
}

#content {
	position : relative;
	width : 999px;
	margin-left : auto;
	margin-right : auto;
    text-align	: left ; /* on rétablit l'alignement normal du texte -IE 5.X */
	z-index : 10;
    min-height: 700px;
}

#wrapper_footer { 
	margin-top : -30px;
	background : transparent url('/c/i/bg-footer.jpg') bottom center repeat-x;
}


.comparideBackOffice #footer { 
	height : 215px;
	background : transparent url('/c/i/bg-footer-bo.jpg') center top no-repeat;
}

#footer { 
	height : 215px;
	background : transparent url('/c/i/bg-footer-1.jpg') center top no-repeat;
}

#footer_menu {
	background : transparent url('/c/i/bg-footer-1.jpg') bottom center no-repeat;
	width : 999px;
	margin-left : auto;
	margin-right : auto;
    text-align	: left ; /* on rétablit l'alignement normal du texte -IE 5.X */
	line-height : 32px;
	height : 30px;
	bottom : 0px; 
	z-index : 10;
	color : #FFF;
}

#logo img {
	float : right;
}

#menu {
	height : 25px;
}

#menu ul  {
	height : 25px;
	line-height : 27px;
	list-style : none;
}

#menu li  {
	float : left;
	text-transform:uppercase;
	font-size : 12px;
	padding : 0 4px;
	width : 120px;
}

#menu li.spacer  {
	width : 40px;
}

#menu li a, #menu li span {
	color : #FFF;
	font-weight : normal;
}

#menu li a span {
	display : inline-block; 
	vertical-align : middle; 
	margin : 0px 12px 2px 6px; 
	font-size : 4px; 
	height : 8px; 
	width : 8px; 
	line-height : 8px;
	background : transparent url('/c/i/sprite.png') -46px -23px no-repeat;
}

#menu li .logout a {
	float : right;
	display : block; 
	margin : 6px 0px 0px 6px; 
	font-size : 4px; 
	height : 14px; 
	width : 14px; 
	background : transparent url('/c/i/sprite.png') -46px -69px no-repeat;
}



#menu div.login {
	display : none;
	text-transform:none;
	background : transparent url('/c/i/bg-menus.png') top left; 
	position : absolute; 
	margin-left : -20px; 
	margin-top : -2px; 
	z-index : 200; 
	width : 300px; 
	padding : 10px 20px;
}

#menu .login a {
	display : block;	
	text-align : right;
	
}

#menu .login label {
	clear : both;
	font-weight : bold;
	width : 130px;
	display : block;
	float : left;
}


#menu .login input {
	width : 130px;
}

div.col {
    float : left ;
    width : 333px ;
    display : inline;
    overflow : hidden;
	margin : 0;
}

div.col.two, div.col.merged {
    width : 666px ;
	margin : 0;
}

div.col .box h2.header {
	padding : 4px 0 0 0;
	text-align : center;	
	line-height : 30px;
	font-weight : bold;
}


div.col .content, div.box div {
	padding : 4px 10px 0 4px;
}

div.col.two div.box div {
	padding : 4px 12px 0 4px;
}



div.col .box.list h2.header {
	color : #FFF;
	background : transparent url('/c/i/sprite-boxes-solid.png') 0 0 no-repeat;
}

div.col .box.list h2.header a {
	color : #FFF;
}


div.col .box.list {
	background : transparent url('/c/i/sprite-boxes-solid.png') -333px 0 repeat-y;
}

div.col .box.list div.footer {
	font-size : 6px;
	height : 20px;
	line-height : 20px;
	background : transparent url('/c/i/sprite-boxes-solid.png') -666px bottom no-repeat;
}

div.col .box.list ul {
	list-style : none;
	margin : 0 0 0 10px;
}

div.col .box.list ul img {
	vertical-align : middle;
	margin : 1px 2px;
}

/****** BOX TEXTE TOUTE LA LARGEUR ***********/
.box h1.header {
	background : transparent url('/c/i/sprite-boxes-three-white.png') 0 0 no-repeat;
}

.box h2.header {
	padding : 10px 12px 0 12px;
	background : transparent url('/c/i/sprite-boxes-three-white.png') 0 0 no-repeat;
}

.box {
	background : transparent url('/c/i/sprite-boxes-three-white.png') -1000px 0px repeat-y;
}

.box div.footer {
	background : transparent url('/c/i/sprite-boxes-three-white.png') 0 bottom no-repeat;
}
/****** /BOX TEXTE TOUTE LA LARGEUR **********/


/************* BOX PAR DÉFAUT *****************/
div.col .box h2.header {
	padding : 0px 10px;
	font-size : 14px;
	background : transparent url('/c/i/sprite-boxes-gradient.png') 0 0 no-repeat;
}

div.col .box {
	margin : 0 0 16px 0;
	background : transparent url('/c/i/sprite-boxes-gradient.png') -333px -0px repeat-y;
}

div.col .box div.footer {
	font-size : 6px;
	height : 20px;
	line-height : 20px;
	background : transparent url('/c/i/sprite-boxes-gradient.png') 0px bottom no-repeat;
}
/************ /BOX PAR DÉFAUT *****************/


/************* BOX CONTENUS LIÉS *****************/
div.col .box.related h2.header {
	background:transparent url(/c/i/sprite-boxes-related.jpg) no-repeat scroll 0 0;
	color:#FFFFFF;
	font-size:16px;
	height:38px;
	line-height:37px;
	text-align : left;
}

div.col .box.related {
	margin : 0 0 16px 0;
	background : transparent url('/c/i/sprite-boxes-related.jpg') -333px -0px repeat-y;
}

div.col .box.related div.footer {
	font-size : 6px;
	height : 20px;
	line-height : 20px;
	background : transparent url('/c/i/sprite-boxes-related.jpg') 0px bottom no-repeat;
}
/************* /BOX CONTENUS LIÉS *****************/

/********* BOX PAR DÉFAUT 2 COLS **************/
div.col.two .box h1.header {
	padding : 4px 12px 0 12px;
	margin : 0;
	font-size : 32px;
	background : transparent url('/c/i/sprite-boxes-two-white.png') 0 0 no-repeat;
}

div.col.two .box h2.header {
	padding : 4px 12px 0 12px;
	margin : 0;
	font-size : 16px;
	text-align : left;
	background : transparent url('/c/i/sprite-boxes-two-white.png') 0 0 no-repeat;
}


div.col.two .box {
	background : transparent url('/c/i/sprite-boxes-two-white.png') -666px 0px repeat-y;
}

div.col.two .box div.footer {
	font-size : 6px;
	height : 20px;
	line-height : 20px;
	background : transparent url('/c/i/sprite-boxes-two-white.png') 0 bottom no-repeat;
}
/********* /BOX PAR DÉFAUT 2 COLS *************/


/************ BOX TEXTE 2 COLS ****************/
div.col.two .box.text h1.header {
	background : transparent url('/c/i/sprite-boxes-two-white.png') 0 0 no-repeat;
}

div.col.two .box.text h2.header {
	background : transparent url('/c/i/sprite-boxes-two-white.png') 0 0 no-repeat;
}

div.col.two .box.text {
	background : transparent url('/c/i/sprite-boxes-two-white.png') -666px 0px repeat-y;
}

div.col.two .box.text div.footer {
	background : transparent url('/c/i/sprite-boxes-two-white.png') 0 bottom no-repeat;
}
/************ /BOX TEXTE 2 COLS ***************/

/************* BOX CONTENUS LIÉS *****************/
div.col .box.skipass h2.header {
	background:transparent url('/c/i/sprite-boxes-skipass.jpg') no-repeat scroll 0 0 ;
	font-size:16px;
	color : #FFF;
	height:44px;
	line-height:40px;
	text-align : left;
}

div.col .box.skipass {
	background : transparent url('/c/i/sprite-boxes-skipass.jpg') -333px -0px repeat-y;
	margin : 0 0 16px 0;
}

div.col .box.skipass div.footer {
	font-size : 6px;
	height : 20px;
	line-height : 20px;
	background : transparent url('/c/i/sprite-boxes-skipass.jpg') 0 bottom no-repeat;
}

.box div.rating {
	font-weight : bold;
	background : transparent url('/c/i/badge-tests.png') left no-repeat;
	height : 44px;
	line-height : 48px;
	padding-right : 12px;
	color : #FFF;
	margin : 0 0 12px 12px;
	float : left;
}

.box div.rating.single {
	margin-left : 90px;
}

.box div.rating span {
	display : block;
	width : 38px;
	text-align : center;
	float : left;
	font-size : 26px;
	letter-spacing : -0.1em;
}

.box div.rating.small span {
	font-size : 22px;
	letter-spacing : -0.2em;
}


.box div.rating span.season {
	font-size : 16px;
	letter-spacing : 0.1em;
	width : 90px;
	line-height : 44px;
}

div.box.skipass div {
	padding: 0 10px 8px 8px;
}

div.box.skipass div.test {
	text-align : center;
	margin-top : 6px;
}

div.box.skipass div.test a span {
	font-style : italic;
	font-weight : bold;
	font-size : 16px;
	color : #4d4d4d;
}

/************* /BOX CONTENUS LIÉS *****************/


/************* BOX CONTENUS LIÉS *****************/
div.col .box.fluofun h2.header {
	background:transparent url('/c/i/sprite-boxes-fluofun.jpg') no-repeat scroll 0 0 ;
	font-size:16px;
	height:42px;
	line-height:40px;
	color : #FFF;
	text-align : left;
}

div.col .box.fluofun {
	background : transparent url('/c/i/sprite-boxes-fluofun.jpg') -333px -0px repeat-y;
	margin : 0 0 16px 0;
}

div.col .box.fluofun div.footer {
	font-size : 6px;
	height : 20px;
	line-height : 20px;
	background : transparent url('/c/i/sprite-boxes-fluofun.jpg') 0 bottom no-repeat;
}

.box.fluofun table {
	width : 300px;
	margin : 0 0 0 10px;
	border-top : 1px solid #0F0;
	border-bottom : 1px solid #0F0;
}

.box.fluofun table td {
	text-align : center;
}


.box.fluofun table div.rating {
	font-weight : bold;
	font-size : 18px;
	letter-spacing : -0.2em;
	background : transparent url('/c/i/badge-fluofun-rating.png') center no-repeat;
	text-align : center;
	height : 40px;
	line-height : 48px;
	padding-right : 12px;
	color : #FFF;
}


.box.fluofun table .season {
	font-weight : bold;
	font-size : 16px;
}

div.box.fluofun div {
	padding: 0 10px 8px 8px;
}

div.box.fluofun div.test {
	text-align : center;
	margin-top : 6px;
}

div.box.fluofun div.test a span {
	font-style : italic;
	font-weight : bold;
	font-size : 16px;
	color : #4d4d4d;
}

/************* /BOX CONTENUS LIÉS *****************/

.subnav, #contenu .subnav {
    margin		: 0 ;
    padding		: 0 ;
    border		: 0 ;
    visibility	: hidden ;
    clear		: both ;
    line-height	: 0 ;
}

.clear, #contenu .clear {
    margin		: 0 ;
    padding		: 0 ;
    border		: 0 ;
    visibility	: hidden ;
    clear		: both ;
    line-height	: 0 ;
    height	: 0 ;
}


div.info, a.info { 
	font-size : 11px;
}