html {
	font-size: 100%;
}

body {
	background:#fff;
	margin:0;
	padding:0;
}

body, td, ul, li, span, input, select, textarea, p {
	font-family:'Open Sans',Verdana, Geneva, sans-serif;
	font-size:10px;
	color: black;
	-webkit-text-size-adjust: none;	
	-ms-text-size-adjust: none;	
}

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

li {
	list-style: none;
}

input.std {
	padding:2px;
	background:white;
}

H4 {
	color:#39F;
	font-size:1.2em;
	font-weight:bold;
}

H5 {
	font-size:1.2em;
	font-weight:bold;
}

H6 {
	font-weight:bold;
	color:#39F;
}

H1.onglet {
	font-size:14px;
	margin-top: 0;
	margin-bottom: 0;
}

.bold {
	font-weight: bold;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

#conteneur {
	width:100%;
}

#menuh {
	position: fixed;
	top:0;
	left:0;
	background: #3D5C88;
    width:100%;
    color:white;
    padding:3px;
    z-index: 4;
}

#scontainer {
	position: relative; 
	width: 100%;
}

#gauche {
	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
    vertical-align:top;
    padding-top:0px;
    z-index: 0;
    background: #E2E6EC;
}

#centre2 {
	margin-left: 180px; 
	margin-right: 10px;
	margin-top: 50px;
    padding:0px;
    vertical-align:top;
    z-index: 0;
}
#centre3 {
	margin-left: 180px; 
	margin-right: 180px;
	margin-top: 50px;
    padding:0px;
    vertical-align:top;
    z-index: 0;
    overflow: hidden;
}

#droite {
	position: absolute;
	top: 0;
	right: 0;
	width: 170px;
    margin-top:0px;
    vertical-align:top;
    border-left: 1px solid #AFB7C3;
    z-index: 9;
    background: white;
}

#logo {
	background: #3D5C88;
    text-align: center;
    padding-bottom:10px;
    padding-top:10px;
}

#droite_menu {
    padding-right:4px;
}

#droite_bis {
    display:none;
}

#pied {
	margin-top: 100px;
    text-align: center;
    width:100%;
    font-size: 8px;
}
#pied_print {
	display: none;
}

.grisclair {
	background-color: #CFD7E1;
}
.grisfonce {
	background-color: #7287A5;
}

.showtooltip {
	cursor: pointer;
}

/* corps des articles */

.fatitre {
	font-size:1.25em;
}
.editorial {
	font-size:1.25em;
}

/* boites menus verticaux titre */

.n1 {
	text-align: left;
	color: #41679D;
	 font-size:1.5em; 
	 font-weight:bold; 
	 padding:2px 4px 2px 14px; 
	 margin-top: 5px;
	 margin-bottom:1px; 
}

/* titres pour les blocs expand */

.titre_expand {
	text-align: left;
	color: #41679D;
	 font-size:1.3em; 
	 font-weight:bold; 
	 padding:2px 4px 2px 14px; 
	 margin-top: 5px;
	 margin-bottom:1px; 
}

/* boites menus verticaux body */

.n2 {
	text-align: left;
	xbackground: #E2E6EC;
	padding:4px 8px 10px 14px;  
	xborder-radius:0 0 3px 3px; 
	border-bottom: 1px solid #AFB7C3;
	xbox-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
}

.menuvtoggle, .menuvmore, .menuvmoretx {
	cursor: pointer;
}

.menuvmore {
	margin-top:-14px; 
	border-bottom:1px solid #AFB7C3;
}

.menuvmoretx {
	position:relative; 
	font-size:12px; 
	width:30px; 
	top:2px; 
	left:68px; 
	text-align:center;
}
.vmoretx {
	position:relative; 
	top:6px; 
	left:10px; 
	text-align:left;
}

.lastnews_container {
	cursor:pointer;
	/* ligne ci-dessous : pour corriger un bug sur chrome android ou le text-adjust est pas reconnu */
	max-height: 140px;;
}
.lastnews_container:hover {
	background: #fff;
}

.lastnews_titre {
	color:#333;
	font-size:14px; 
	text-align:left;
}
.lastnews_puce {
	float:left; 
	margin-top:4px; 
	margin-right:4px; 
	xborder-radius:9px; 
	height:12px; 
	width:8px;	
}
.lastnews_resume {
	margin-left:14px;
	margin-bottom:10px;
	color:#375488; 
	text-align:left;
}

/* pour les swippers en général */

		.swtopcontainer {
			margin:8px;
		}
		.swiper-container {
		  text-align: center;
		}
		
		.swiper-slide {
		  width: 180px;
		}
		
		.pagination {
			bottom:0;
			padding:1px;
			margin-top:0px;
			text-align: left;
		}
		
		.swiper-pagination-switch {
			display:inline-block;
			width:6px;
			height:6px;
			border-radius:3px;
			background:#aaa;
			margin-left:5px;
			opacity:.8;
			border:0;
			cursor: pointer;
		}
		
		.swiper-visible-switch {
			background:#333;
		}
		
		.swiper-active-switch {
			background:#333;
		}
		
		.swmore {
			margin-top: 3px;
			font-size: 10px;
			float:right;
			margin-left:4px;
			font-style: italic;
		}
		
		.swiper-scrollbar {
		  height:6px;
		  margin:4px auto;
		  width: 100%;
		}
		.swiper-scrollbar-drag {
			background:#5A6B83;
		} 

/* pour les swippers de la page d'accueil (type A) */
				
		.swA-affiche {
			height:176px;
			width:132px;
			border: 1px solid #666;
			box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.0);
			border-radius: 3px;
			margin-top:1px;
		}
		
		.swA-titre {
		  font-size: 14px;
		  margin-bottom:4px;
		  text-align: left;
		}
		
		.swA-swiper-slide-content {
			width: 136px;
			position:relative;
			overflow:hidden;
		}
		
		.swA-badge-wrapper {
			position:absolute;
			top:-50px;
			left:-50px;
			width:100px;
			height:100px;
			background-color:#4F8FCC;
			border-radius: 3px;
			box-shadow: 0px 0px 5px 0px black;
			-moz-transform:rotate(-45deg);
			-webkit-transform:rotate(-45deg);
		}
		
		.swA-badge {
			position:absolute;
			width: 100%;
			text-align: center;
			bottom: 0;
			padding:0 3px 3px 0;
			color:#fff;
			font-size:14px;
		} 
		.swA-hover {
			position:absolute;
			background-color:white;
			width:100%;
			height:100px;
			overflow: hidden;
			z-index: 9;
			border-top:1px solid #666;
		}

/* pour les swippers internes (type T) */

		.swT-affiche {
			height:88px;
			width:66px;
			border-radius: 3px;
			margin-top: 1px;
			box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.0);
		}
		
		.swT-titre {
		  font-size: 12px;
		  margin-bottom:4px;
		  text-align: left;
		}
		
		.swT-swiper-slide-content {
			width: 67px;
			position:relative;
			overflow:hidden;
		}
		
		.swT-badge-wrapper {
			position:absolute;
			top:-25px;
			left:-25px;
			width:50px;
			height:50px;
			background-color:#E2E6EC;
			border-radius: 3px;
			box-shadow: 0px 0px 3px 0px black;
			-moz-transform:rotate(-45deg);
			-webkit-transform:rotate(-45deg);
		}
		
		.swT-badge {
			position:absolute;
			width: 100%;
			text-align: center;
			bottom: 0;
			padding:0 3px 3px 0;
			color:#314665;
			font-weight: bold;
			font-size:12px;
		} 
		.swT-hover {
			position:absolute;
			background-color:#E2E6EC;
			width:100%;
			height:80px;
			overflow: hidden;
			z-index: 9;
		}

@media print {
	
	.noprint {
		display: none;
	}
	
	#menuh {
		display: none;
	}
	
	#gauche {
		display: none;
	}
	
	#droite {
		display: none;
	}
	
	#centre2 {
		margin:0; padding:0;
	}
	
	#centre3 {
		margin:0; 
	}
	
	#pied {
		display: none;
	}
	
	#pied_print {
		display: block;
	}
	
}

@media screen and (max-width:850px) {
	/* ecrans étroits */
	#droite, #minilogo, #menuvpadder {
        display:none;
	}
	#droite_bis, #logogauche {
        display:block;
	}
	#centre3 {
		margin-right: 10px;
	}
	#menucontact {
        display:none;
	}
	
	.affiche_ff { width:175px; }
	
	
}

@media screen and (min-width:850px) {
	/* ecrans larges */
	#droite, #minilogo, #menuvpadder {
        display:block;
	}
	#droite_bis, #logogauche {
        display:none;
	}
	#centre3 {
		margin-right: 180px;
	}

}

@media screen and (min-width:1000px) {
	/* ecrans tres larges */
	#zonerecherche { width: 190px; }
}

.R1 {
	font-weight: bold;
}

/* pour les click avec choix d'option */
.cbolinkoption {
	background-image: url(gif/plus_noir.gif);
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 11px;
    cursor: pointer;
    color: #375488;
}
.cbolinkoption:hover, .cbolinkoption:focus {
    color: black;
    text-decoration: underline;
}
.cbolinkoption:active {
    color: #990033;
    text-decoration: underline;
}

.cbolinkoption_menu {
    position: absolute;
    display: none;
    z-index:99;
}

.cbolinkoption_arrowleft {
    display:inline-block;
	width: 0; 
	height: 0; 
    vertical-align:middle;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 	
	border-right:10px solid #3D5C88; 
    top:-4px;
}

.cbolinkoption_arrowright {
    display:inline-block;
	width: 0; 
	height: 0; 
    vertical-align:middle;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 	
	border-left:10px solid #3D5C88; 
    top:-4px;
}

.cbolinkoption_menubody {
    display:inline-block;
    vertical-align:middle;
    background: #3D5C88;
    padding:4px 8px 5px 8px;
    border-radius:3px;
}
.cbolinkoption_item {
   margin:2px;
}
.cbolinkoption_menubody A {
    color:white;
    font-size:11px;
    font-weight: normal;
    text-decoration:none;
}

.cbolinkoption_menubody A:link {
    color:white;
}

.cbolinkoption_menubody A:visited {
    color:white;
}

.cbolinkoption_menubody A:hover {
    color:white;
    text-decoration:underline;
}

/* pour le switch d'affichage menu gauche */

#switch {
    cursor:pointer;
}
.switch_lines {
    width:16px;
    height:2px;
    background:white;
    margin:4px;
}

.menuv {
	
}

.menuv input {
	vertical-align:middle;
	border:1px solid #596E8B;
}


.agenda_accueil_titre {
	xbackground: #5A6B83;
	background: #41679D;
	text-align: left;
	padding:4px;
	padding-left: 10px;
	color: white;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 0px;
	 border-radius:3px; 
	 box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.0);
}

.agenda_accueil_more {
	font-size: 10px;
	float:right;
	margin-left:4px;
	padding-top: 4px;
	padding-right: 6px;
	font-style: italic;
}

.account_summary {
	text-align: left;
	padding:4px 8px 4px 8px;  
	margin-bottom:8px; 
	border-radius:3px; 
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.0);
	border-bottom: 1px solid #AFB7C3;	
}

.menuhaut {
	border:0;
	border-collapse: collapse;
	margin:0;
	padding-left:4px;
}

.menuhaut img {
	vertical-align:middle;
}

.menuhaut input {
	vertical-align:middle;
	border:1px solid #7287A5;
}

.menuhaut td {
	font-size:1.2em;
	padding:1px;
}
.menuhaut td.pad {
	padding-left:8px;
}
.menuhaut td.sep {
	border-right: 1px solid #8B99AC;
	padding-left:8px;
	padding-right:8px;	
}
.menuhaut a {
	color:#EEE;
	font-size:1.0em;
	font-weight:normal;
}

.menuhaut a:link {
	color:#EEE;
	text-decoration:none;
}

.menuhaut a:visited {
	color:#EEE;
	text-decoration:none;
}

.menuhaut a:hover {
	color:#FFF;
	text-decoration:underline;
}

/* pour fancy lightbox */

.photoframe {
	display: inline-block;
	border: 1px solid #666;
	border-radius: 3px;
	padding: 4px;
	background: white;
	margin: 6px;
	box-shadow: 2px 2px 4px #CCC;
}
.photoframe_surligne {
	display: inline-block;
	border: 3px solid #39F;
	border-radius: 3px;
	padding: 4px;
	background: white;
	margin: 6px;
	box-shadow: 2px 2px 4px #CCC;
}

/* COULEURS DES TYPES D'ARTICLES */

/* cumuls analyses */
.A {
	color: #fff;
	background-color: #F66;
}

/* exclusif */
.F {
	color: #fff;
	background-color: #FF9933;
}

/* USA */
.L {
	color: #fff;
	background-color: #7F48A1;
}

/* québec */
.B {
	color: #fff;
	background-color: #C0A4D0;
}

/* WE */
.D {
	color: #fff;
	background-color: #3399FF;
}

/* semaine */
.C {
	color: #fff;
	background-color: #115CA6;
}

/* festivals */
.E {
	color: #fff;
	background-color: #FC954E;
}

/* 14h */
.N {
	color: #fff;
	background-color: #B9E260;
}

/* premier jour */
.M {
	color: #fff;
	background-color: #6F931F;
}


/* fiche film */
.R {
	color: #fff;
	background-color: #496B9A;
}

/* fiche acteur */
.S {
	color: #fff;
	background-color: #496B9A;
}

/* top hebdo / édito */
.H {
	color: #fff;
	background-color: #496B9A;
}

/* agenda */
.W {
	color: #fff;
	background-color: #496B9A;
}

/* ciné-chiffres du jour */
.X {
	color: #000;
	background-color: #BBB;
}

/* classement distributeur */
.Y {
	color: #fff;
	background-color: #999;
}

/* ObSat */
.O {
	color: #fff;
	background-color: #DC005A;
}

/* Gfk */
.V {
	color: #fff;
	background-color: #FF9646;
}

/* Rentrak */
.U {
	color: #fff;
	background-color: #496B9A;
}


/* évolution du marché */

#graphique_container {
	border:1px solid #5A6B83; 
	border-radius:3px; 
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.0);
}

#detail_container {
	width: 240px;
}
#evolution_container {
	width: 220px;
	background:#E2E6EC; 
	border-radius:3px; 
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.0);
}

.tableau_evolution { table-layout: fixed; }
.tableau_evolution TD {
	padding: 4px;
	text-align: center;
}
.tableau_evolution TD.r {
	text-align: right;
}
.tableau_evolution TD.t {
}

#gcdiv {
	margin-bottom: 4px;	
}

table.gcd {
	border-collapse: collapse;
	text-align: left;
}

table.gcd td {
	color: #808DA0;
	border-bottom: 1px solid #6D829F;
}

/* pour les tops internationaux */

.intl_continent_container {
	padding:0;
	margin:0;
}

.intl_container {
	display: inline-block;
	padding: 6px;
	width: 400px;
}

.intl_titrepays {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

TABLE.intl {
	table-layout: fixed;
	width: 100%;
}

TABLE.intl TD {
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	
}

TABLE.intl TD.rang {
	text-align: right;
	font-weight: bold;
	width: 25px;
	color: #039;
}
TABLE.intl TD.sem {
	width: 25px;
	text-align: center;
}
TABLE.intl TD.evol {
	width: 50px;
	text-align: center;
}
TABLE.intl TD.titre {
	text-align: left;
}
TABLE.intl TD.pdm {
	text-align: right;	
	width: 50px;
}
TABLE.intl TD.gross {
	text-align: right;	
	width: 90px;
}
TABLE.intl TD.copies {
	text-align: right;	
	width: 35px;
}
TABLE.intl TD.cumul {
	text-align: right;	
	width: 70px;
}
TABLE.intl TD.grossm {
	text-align: right;	
	width: 45px;
}
TABLE.intl TD.cumulm {
	text-align: right;	
	width: 50px;
}

TABLE.intl tr:nth-child(odd) td {
    background-color: #eee
}
TABLE.intl tr:nth-child(even) td {
    background-color: #fff;
}
TABLE.intl tr:hover td {
    background-color: #fffee1;
}

/* pour les tarifs */

TABLE.grilletarifs TD {
	padding: 2px 10px 2px 10px;
	border-radius: 3px;
}
BUTTON.btntarifs {
	width: 80px;
	font-size: 9px;
	text-align: right;
	cursor: pointer;
}

TABLE.grilletarifs2 {
	border-collapse: collapse;
}

TABLE.grilletarifs2 TD {
	padding: 3px 10px 3px 10px;
	text-align: center;
	border: 1px solid #aaa;
	font-size: 11px;
}
TABLE.grilletarifs2 TD.left {
	text-align: left;
}
TABLE.grilletarifs2 TD.nb {
	border:0;
}

/* ------------------------------------------------------- */

#bloc_graphique {
	border:1px solid #AAA;
	background:#FFF;
	margin-top:2px;
	margin-bottom:3px;
}

#toptitre {
	padding-top:10px;
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#btchangetitre {
	font-size:9px;
}

#btrevoirsel {
	font-size:9px;
}

#newtitre {
	font-size:14px;
	font-weight:bold;
	background-color:#FFF;
	color:#000;
	border:1px solid #999;
	padding-left:4px;
}

#toptitredg {
	padding-top:10px;
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#topfiltre {
	margin-top:0;
	margin-bottom:0;
	border:0 none;
	padding:2px;
}

TABLE.topfiltre {
	border-collapse:collapse;
	border:0 none;
}

TABLE.topfiltre TD {
	border:0 none;
	padding-left:4px;
	padding-right:4px;
	padding-top:0;
	padding-bottom:0;
}

#dIndicator {
	display:none;
}

div.Indicator {
	position:absolute;
	right:0;
	top:0;
	margin:20px 20px 0 0;
	padding:2px;
	border:0 none;
	color:#FFF;
	font-weight:bold;
	z-index:999;
}

/* styles spécifiques pour l'annuaire  */
#listeannuresultat {
	margin-left:40px;
	margin-bottom:40px;
}

#listeannuentete {
	height:30px;
	margin-top:0;
	background:url(gif/degrad_soft_30.gif) repeat-x;
	padding:8px;
}

#listeannurecherche {
	float:right;
}

#listeannuindexalpha {
	float:left;
}

div.listeannuindexalpha {
	float:left;
	margin:1px;
	padding:2px;
	border-top:1px solid #AAA;
	border-right:1px solid #AAA;
	cursor:pointer;
}

input.listeannurecherche {
	font-size:90%;
	border:1px solid #333;
}

div.la {
	float:left;
	width:200px;
	margin:2px;
	text-align:left;
	overflow:hidden;
}

div.la a {
	white-space:nowrap;
}

div.lac {
	float:left;
	width:200px;
	margin:2px;
	text-align:left;
	overflow:hidden;
}

div.lac a {
	white-space:nowrap;
	color:#900;
}

/* styles recherche avancée */
td.ralib {
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:4px;
}

td.rasaisie {
	padding-top:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:4px;
}

td.ratitre {
	padding-top:0;
	padding-bottom:2px;
	padding-left:0;
	padding-right:0;
}

div.iopanel {
	margin-left:7px;
}

div.radirectitre {
	background:#FFF;
	margin-left:7px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px dotted #AAA;
	border-top:1px dotted #AAA;
}

div.ralancer {
	margin-left:7px;
	padding:4px;
	border-bottom:1px dotted #AAA;
/* border-top: 1px dotted #AAAAAA; */
}

div.racriteres {
	margin-left:7px;
	xborder-top:1px solid #999;
	padding-bottom:0;
}

div.raresult_panel {
	float:left;
	width:50%;
}

div.raresult_header {
	height:24px;
	padding-left:5px;
}

div.raresult {
	overflow:auto;
	height:250px;
	text-align:left;
	padding:5px;
	border-right:1px dotted #AAA;
}

div.raresult_footer {
	height:24px;
	padding-left:5px;
	padding-bottom:4px;
	border-bottom:1px solid #999;
	white-space:nowrap;
}

div.raselection_panel {
	float:right;
	width:50%;
}

div.raselection_header {
	height:24px;
	padding-left:5px;
}

div.raselection {
	overflow:auto;
	height:250px;
	text-align:left;
	padding:5px;
}

div.raselection_footer {
	height:24px;
	padding-left:5px;
	padding-bottom:4px;
	border-bottom:1px solid #999;
	white-space:nowrap;
}

table.agauche td {
	text-align:left;
}

/* styles du comparateur */
TABLE.compare_top {
	width:100%;
	border-collapse:collapse;
	border:0 none;
}

TABLE.compare_top TD.header {
	text-align:center;
	border-bottom:1px solid #AAA;
	font-weight:bold;
	font-size:11px;
}

TABLE.compare_top TD.film {
	text-align:left;
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
}

TABLE.compare_top TD.paris {
	text-align:center;
	width:350px;
	border-bottom:1px solid #AAA;
	border-right:1px solid #AAA;
}

TABLE.compare_top TD.france {
	text-align:center;
	width:350px;
	border-bottom:1px solid #AAA;
}

TABLE.compare_film_conteneur {
	text-align:left;
	width:100%;
	border-collapse:collapse;
	border:0 none;
}

TABLE.compare_film_conteneur TD {
	border-bottom:1px solid #333;
	padding:0;
	white-space:nowrap;
}

DIV.compare_titre_film {
	font-weight: bold;
	font-size: 12px;
}
DIV.hilited {
	background: #FFC;
}

DIV.compare_film_conteneur {
	overflow:hidden;
	text-align:left;
	margin:0;
	padding:0;
}

SPAN.compare_film_affiche {
	float:left;
	margin-right:3px;
}

SPAN.compare_film_texte {
}

TABLE.compare_data {
	width:350px;
	border-collapse:collapse;
	border:0 none;
}

TABLE.compare_data TD {
	border:0 none;
	padding-top:1px;
	padding-bottom:0;
}

TABLE.compare_data TD.titre {
	border-top:0 none;
	border-right:0 none;
	border-left:0 none;
	border-bottom:1px solid #DDD;
	text-align:center;
	font-size: 9px;
	color: #666;
}

TABLE.compare_data TD.we {
	border-right:1px solid #DDD;
	text-align:right;
}

TABLE.compare_data TD.gr {
	border-right:1px solid #DDD;
	font-size:8px;
	text-align:left;
}

TABLE.compare_data TD.se {
	border-right:1px solid #CCC;
	font-weight:bold;
	text-align:right;
}

TABLE.compare_data TD.cp {
	border-right:1px solid #DDD;
	text-align:right;
}

TABLE.compare_data TD.pd {
	text-align:right;
}

DIV.activelinkon {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	background:#FFF url(gif/degrad_soft_30_r.gif) 0 -6px repeat-x;
	border-radius: 3px;
}

DIV.activelinkoff {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	background:#FFF url(gif/degrad_soft_30_r.gif) 0 -6px repeat-x;
	border-radius: 3px;
}


A.art {
	font-weight:bold;
}

A.artv3 {
	font-weight:bold;
	font-size:11px;
	text-decoration:underline;
}

TABLE.artv3 {
	border-collapse:collapse;
	border:1px none #AAA;
}

TABLE.artv3 TD {
	padding-left:6px;
	padding-right:6px;
	padding-top:0;
	padding-bottom:0;
	text-align:center;
}

/* styles pour l'edito et les articles dynamiques */
TABLE.editobioacteur {
	border-collapse:collapse;
	border:0;
	border-bottom:1px solid #CCC;
	width:95%;
}

TABLE.editobioacteur TR.F0 {
	background:#F0F0F0;
}

TABLE.editobioacteur TR.F1 {
	background:#F9F9F9;
}

TABLE.editobioacteur TR.F2 {
	background:#FFF;
}

TABLE.editobioacteur TR.hilite {
	background:#FFC;
}

TABLE.editobioacteur TD {
	text-align:right;
	padding:3px 6px;
	border-left:1px solid #fff;
}

TABLE.editobioacteur TD.groupe {
	text-align:center;
	font-weight:bold;
	color:#444;
}

TABLE.editobioacteur TD.gauche {
	width:240px;
	text-align:left;
}

TABLE.editobioacteur TD.centre {
	width:20px;
	text-align:center;
}

TABLE.editobioacteur TD.entete {
	font-weight:bold;
	color:#444;
	vertical-align:bottom;
	border-bottom:1px solid #E0E0E0;
}

TABLE.editobioacteur TD.tri {
	border-bottom:2px solid #FBC356;
}

TABLE.editobioacteur TD.sep {
	border-left:1px solid #E0E0E0;
}

/* styles pour ObSat */
TABLE.obstru {
	width:95%;
}

TABLE.obstru TD {
	text-align:center;
	padding:5px;
}

TABLE.txsat {
	border-collapse:collapse;
	border:1px solid #BBB;
	width:100%;
	margin-bottom:10px;
}

TABLE.txsat TD {
	text-align:center;
	color:#444;
	font-weight:bold;
}

TABLE.txsat TD.t {
	padding:3px;
	font-size:1em;
	background:#EEE;
}

TABLE.txsat TD.v {
	padding:2px;
	font-size:3em;
}

TABLE.txsat TD.h {
	color:#DC005A;
}

TABLE.txsat TD.s {
	color:#999;
	font-weight:normal;
}

TABLE.txsat TD.prv {
	color:#666;
	font-weight:normal;
	font-size: 2.5em;
	padding: 5px;
}

TABLE.txsat TD.a {
	padding:6px;
	text-align:left;
}
TABLE.txsat TD.c {
	padding:8px;
	text-align:center;
}

TABLE.obsat_moy {
	width:90%;
	border-spacing:5px;
}

TABLE.obsat_moy TD {
	text-align:center;
}

TABLE.obsat_moy TD.h {
	background:#EEE;
	border-bottom:1px solid #999;
}

DIV.obtag {
	display: inline-block;
	border-radius: 3px;
	margin: 2px;
	padding: 2px 6px 2px 6px;
}
DIV.obpos {
	background: #D0DFED;
}
DIV.obneg {
	background: #FDE1ED;
}

/* page abonnement */
/* fichestat */
table.fichestat-textes {
	border-spacing:4px;
	margin:6px;
}

table.fichestat-textes td {
	font-size:12px;
	text-align:left;
}

table.fichestat-textes td.catname {
	color:#999;
}


.fftitre {
	font-size:12px;
	font-weight:BOLD;
	color:#000;
	text-decoration:none;
}

.tabtitre {
	font-size:11px;
	color:#000;
	text-decoration:none;
}

A:link {
	color:#375488;
	text-decoration:none;
}

A:visited {
	color:#375488;
	text-decoration:none;
}

A:hover {
	color:#000;
	text-decoration:underline;
}

A:active {
    color: #990033;
}


.menuv A:link {
	text-decoration:none;
}

.menuv A:visited {
	text-decoration:none;
}

.menuv A:hover {
	color:#000;
	text-decoration:underline;
}


A.siteweb:link {
	font-size:10px;
	font-weight:BOLD;
	color:#900000;
	text-decoration:none;
}

A.siteweb:visited {
	font-size:10px;
	font-weight:BOLD;
	color:#900000;
	text-decoration:none;
}

A.siteweb:hover {
	font-size:10px;
	font-weight:BOLD;
	color:red;
	text-decoration:underline;
}

A.eng:link {
	font-size:10px;
	color:#D00;
	text-decoration:none;
	font-style:ITALIC;
}

A.eng:visited {
	font-size:10px;
	color:#D00;
	text-decoration:none;
	font-style:ITALIC;
}

A.eng:hover {
	font-size:10px;
	color:red;
	text-decoration:underline;
	font-style:ITALIC;
}

A.fftitre:link {
	font-size:14px;
	font-weight:BOLD;
	color:#000;
	text-decoration:none;
}

A.fftitre:visited {
	font-size:14px;
	font-weight:BOLD;
	color:#000;
	text-decoration:none;
}

A.fftitre:hover {
	font-size:14px;
	font-weight:BOLD;
	color:#323295;
	text-decoration:underline;
}

A.tabtitre:link {
	font-size:11px;
	color:#000;
	text-decoration:none;
}

A.tabtitre:visited {
	font-size:11px;
	color:#000;
	text-decoration:none;
}

A.tabtitre:hover {
	font-size:11px;
	color:#323295;
	text-decoration:underline;
}

A.activelinkoff:link {
	color:#339;
	text-decoration:none;
}

A.activelinkoff:visited {
	color:#339;
	text-decoration:none;
}

A.activelinkoff:hover {
	color:#39F;
	text-decoration:none;
}

A.activelinkon:link {
	color:#39F;
	text-decoration:none;
}

A.activelinkon:visited {
	color:#39F;
	text-decoration:none;
}

A.activelinkon:hover {
	color:#39F;
	text-decoration:none;
}

.ffheader {
	font-size:11px;
	font-weight:BOLD;
}

.ffdata {
	font-size:11px;
	font-weight:NORMAL;
}

A.Menu:link {
	text-decoration:NONE;
	color:#FFF;
	font-size:11px;
	font-weight:BOLD;
}

A.Menu:visited {
	text-decoration:NONE;
	color:#FFF;
	font-size:11px;
	font-weight:BOLD;
}

A.Menu:hover {
	text-decoration:NONE;
	color:#CCC;
	font-size:11px;
	font-weight:BOLD;
}

INPUT.Bouton {
	font-weight:bold;
	border:1px #7287A5 solid;
	border-radius: 3px;
	margin-left: 2px;
	cursor: pointer;
	padding: 1px 4px 1px 4px;
}

INPUT.Recherche {
	width:90px;
}

INPUT.std {
	color:#000;
	font-weight:Normal;
	background-color:#FFF;
}

TEXTAREA.std {
	color:#000;
	font-weight:Normal;
	background-color:#FFF;
}

TEXTAREA.minibio {
	width:100%;
	background:url(vide.gif);
	border:none;
}

.headercol {
	text-decoration:NONE;
	color:#000;
	font-size:10px;
}

A.headercol:link {
	text-decoration:NONE;
	color:#000;
	font-size:10px;
}

A.headercol:visited {
	text-decoration:NONE;
	color:#000;
	font-size:10px;
}

A.headercol:hover {
	text-decoration:NONE;
	color:#39F;
	font-size:10px;
}

TABLE.lc {
	border-collapse:collapse;
	border:1px solid #CCC;
}

TABLE.lc TD {
	border:1px solid #CCC;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
}

TABLE.lc TD.titre {
	border-top:none;
	border-bottom:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:4px;
}

TABLE.lc TD.data {
	border-top:0px none;
	border-bottom:0px none;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
}


TABLE.lc TR.on {
	background: #FFC;
}
TABLE.lc TR.od {
	background: #FFF;
}
TABLE.lc TR.ev {
	background: #F9F9F9;
}
TABLE.lc TR:hover{background-color: #eee}

TABLE.lc TD.deco {
	border-top:1px solid #CCC;
	border-bottom:none;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}

TABLE.lc TD.down {
	border-top:none;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
	font-size: 1px;
	line-height: 0;
	padding: 3px 0 0 0;
}

TABLE.lc TD.foot {
	padding:2px;
	border:0 none #FFF;
}

TABLE.lc TD.list_up {
	border-top:none;
	border-bottom:none;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	background-color:#EEE;	
}
TABLE.lc TD.list_on {
	border-top:none;
	border-bottom:none;
	border-left:1px solid #39F;
	border-right:1px solid #39F;
	background-color:#39F;	
}
TABLE.lc TD.list_down {
	border:none;
	border-bottom:0 none #CCC;
	background-color:#ccc;	
}

TABLE.page {
	border-collapse:collapse;
	border:0 none;
	background-color:#FFF;
}

TABLE.page TD.page {
	border:0 none;
	padding-left:2px;
	padding-right:2px;
	padding-top:0;
	padding-bottom:0;
}

TABLE.page TD.pageon {
	background-color:#FFD38C;
	border:0 none;
	padding-left:2px;
	padding-right:2px;
	padding-top:0;
	padding-bottom:0;
}

TABLE.page TD.pageoff {
	background-color:#E0E0E0;
	border:0 none;
	padding-left:1px;
	padding-right:1px;
	padding-top:0;
	padding-bottom:0;
}

TABLE.account {
	border-collapse:collapse;
}

TABLE.account TD {
	background-color:#FFF;
	font-size:12px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	padding-bottom:2px;
}

TABLE.account TD.num {
	background-color:#F0F0F0;
	border-bottom:1px solid #000;
}

TABLE.account TD.pro {
	font-size:11px;
}

TABLE.account TD.per {
	font-size:11px;
}

TABLE.account TD.etat {
	font-weight:Bold;
}

TABLE.nbsp2 {
	border-collapse:collapse;
	background-color:#FFF;
}

TABLE.nbsp2 TR.titre {
	background-color:#EEE;
}

TABLE.nbsp2 TR.data {
	border-bottom:1px dotted #ccc;
}

TD.pvs0 {
	background-color:#FFF;
}
TD.pvs1 {
	background-color:#EEEEEE;
}
TD.pvs2 {
	background-color:#E7E7E7;
}
TD.pvs3 {
	background-color:#E0E0E0;
}

TABLE.nbsp2 TD {
	padding-left:6px;
	padding-right:6px;
	padding-top:3px;
	padding-bottom:3px;
}

DIV.fichesem_conteneur {
	display: inline-block;
	vertical-align:top;
	border:1px solid #999;
	padding:5px;
	margin:5px;
	height:88px;
	background:#FFF;
	width:260px;
	overflow:hidden;
	border-radius: 4px;
}

DIV.fichesem_affiche {
	float:left;
	padding-right:5px;
}

DIV.fichesem_texte {
	padding-left:5px;
	text-align:left;
}

TABLE.gfkcum {
	border-collapse:collapse;
}

TABLE.gfkcum TD {
	text-align:center;
	color:#555;
	border:1px solid #eeeeee;
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
}

TABLE.gfkcum TD.titre {
	background-color:#EEE;
}

TABLE.gfkcum TD.total {
	font-weight:bold;
}

#globalcontainer {
	background-color:white; 
	padding:4px; 
	text-align: center;
}

/* pour plugin Rentrak */
      TABLE.rtkd { width: 100%; border-collapse: collapse; }
      TABLE.rtkd TH, TABLE.rtkd TD { padding:2px; }
      
      TABLE.rtkd_liste { border-collapse: collapse; }
      TABLE.rtkd_liste TH { padding:3px 8px 3px 8px; color: #3399FF; background-color:#eeeeee; font-weight: bold;border-right:1px solid #eeeeee;}
      TABLE.rtkd_liste TD { padding:3px 8px 3px 8px; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee;}
      TABLE.rtkd_liste A { font-weight: normal;}
      TABLE.rtkd_liste TD.rtkd_s { background-color: #eeeeee; }
      .rtkd_off { background-color: white; } 
      .rtkd_on { background-color: #bddeff; } 

      .rtkd_rank { background-color: #eeeeee; text-align: center; border-radius: 8px; }
      .rtkd_rank_number { font-size: 5em; color:#3399FF; text-shadow: 1px 2px 0 rgba(0,0,0,0.4),
             -1px -2px 0 rgba(255,255,255,1);}
 	  .rtkd_sem {
        text-align:center; 
      	font-size:1.0em;
        border-bottom: 1px solid #ddd;
        padding: 4px;
      }
	  .rtkd_ent {
	  	color: #3399FF;
        text-align:center; 
      	font-size:1.5em;
        padding:4px;
      }
      TABLE.rtkd_part { width: 100%; border-collapse: collapse; margin-top:8px; }
      TABLE.rtkd_part TH { border-bottom: 1px solid #ddd;  }
      DIV.rtkd_pct { font-size: 2em; }
      .l {text-align: left;}
      .r {text-align: right;}
      
      TABLE.rtkd_zones {
		border-collapse:collapse;
		margin-top:4px;
	  }
		
	  TABLE.rtkd_zones TD {
			text-align:center;
			color:#555;
			padding-left:4px;
			padding-right:4px;
			padding-top:1px;
			padding-bottom:1px;
	  }
		
	  TABLE.rtkd_zones TD.titre {
			background-color:#EEE;
	  }
	  
  	  TABLE.rtkd_zones TD.rtkd_detailzones {
		  width: 100px;
	  }
	  TABLE.rtkd_zones TD.rtkd_dataselect {
		  width: 100px;
	  }

	  .rtklink {
			color:#004D9A;
			text-decoration:none;
			cursor: pointer;
		}
		
		.rtklink:hover {
			color:#000;
			text-decoration:underline;
		}



/* styling des onglets */

.ocboha {
	border:1px solid #666;
	border-top:3px solid #39F;
	border-bottom:none;
	padding: 4px 8px 4px 8px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ocbotr {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.ocbohia {
	background: none;
	border:none;
	padding: 7px 8px 4px 8px;
}
.ocboc {
	border:1px solid #666;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

/* styling des listes horizontales d'affichettes scrollables (lhas) */

.comparable_header {
	text-align:left; 
	padding-left:10px;
	margin-top:8px;	
	font-size:1.2em;
	font-weight:bold;
}

TABLE.lhas {
	padding-top:5px; width:100%; table-layout:fixed; background:#fff;
} 
DIV.lhas {
	padding-bottom:2px; overflow-x:scroll; clip:auto; white-space: nowrap;
}
.affichette {
	height: 83px;
	width: 63px;
	padding:2px; 
	margin:3px;
	background: #eee;
}
.affhilite {
	border-right: 2px solid #39F;
	border-bottom: 2px solid #39F;
}
.macaron {
	position:absolute;
	top:-82px;
	right:2px;
	background:#D00;
	background: -moz-linear-gradient(top, rgba(255,5,9,1) 0%, rgba(109,0,25,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,5,9,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
	color:white;
	padding:1px 4px 1px 4px;
	border:2px solid white;
	border-radius:30px;
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
}

.savoirplus BUTTON {
	cursor: pointer;
	font-size: 10px;
}

/* lignes bleues pour les entrées */
.ruleh {
	background:#39F;
	border-radius:6px;
}

/* boutons pour les appstores */

.appStore {
	background: #5A6B83;
	border-radius: 5px;
	margin-bottom: 5px;
	box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.0);
}
.appStoreButton {
	display: inline-block;
	background: url('png/app-stores.png') no-repeat;
	background-position: 50% 5px;
	width: 150px;
	height: 42px;
}
.appStoreButton-googleplay {
	background-position: 50% -55px;
}

/* assistant edito */

TABLE.cea {
	border-collapse:collapse;	
}

TABLE.cea TD {
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	border-top:1px solid #F0F0F0;
	border-bottom:1px solid #F0F0F0;
}

/* top semaine */

.topsemainetitre {
	font-size:12px; 
	color:#39F;
	margin-bottom: 8px; 
	}
	
/* pour la liste des selections */

TABLE.listesel {
	table-layout: fixed;
	width: 96%;
	margin-left:3%;
	margin-top: 10px;
	margin-bottom: 15px;
}
TABLE.listesel TR:nth-child(even) {
	background: #EEE;
}
TABLE.listesel TD {
	padding: 2px 5px 2px 5px;
}
TABLE.listesel TD.nomsel {
	font-weight: bold;
	width:250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;

	}	
TABLE.listesel TD.nbf {
	text-align: right;
	width:70px;
	}	
	
TABLE.listesel TD.extrait {
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

/* pour le bon de commande */

TABLE .commande TD { font-size:11px; padding:1px;}
.commande {  font-size:11px; padding:3px; }
.commande INPUT {  border:1px solid #ccc; padding-left:8px;}

#cocladr, #cocomment {  font-family: "Open Sans",Verdana,Geneva,sans-serif; border:1px solid #ccc; padding:3px 3px 3px 8px; font-size:11px; }


/* pour les tags */
.lt {display:inline-block; border:1px solid #fff; background: #E2E6EC; border-radius:3px; margin: 1px 2px 1px 0px; padding:1px 3px 1px 3px;}
.lton {color: #900;}
.rtf {color:#375488; font-weight:bold; font-size:11px;}

/* modification pour jqwidgets */

.jqx-gauge-label, 
.jqx-gauge-caption, 
.jqx-widget-content,
.jqx-chart-title-description,
.jqx-grid-cell,
.jqx-grid-table,
.jqx-widget,
.jqx-fill-state-normal,
input[type=text].jqx-input, input[type=password].jqx-input {
    font-size: 10px;
}
.jqx-fill-state-pressed{ background: #F0F0F0; }
.jqx-grid-column-header { padding-top: 2px; }
.jqx-grid-column-header SPAN { color: #375488; font-weight: bold; }
.jqx-grid-groups-row { margin-top: -6px; padding-left: 2px; }
.jqx-grid-pager-number {position: relative; top: 2px;}

.jqx-tree-grid-collapse-button {margin-top: 0;}

.jqx-window {box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.5);}