/**
 * Dargaud - Avant Première Online
 * 2010 - Apsulis (http://demo.apsulis.com)
 * 
 */
 
/* Pool 2 */
#contenu .centre .outils ul{font-size:1.1em;}
#contenu table#listeToutesLesSeries thead{font-size:1.2em;color:#fff;}
#contenu table#listeToutesLesSeries tbody{font-size:1.4em;color:#333333;}

li.liensCache {display:none;}

/* Mise en forme du formulaire d'inscription */
#introductionClubInscription, #formulaireMembre {background:#fff;padding:9px 14px;}
#formulaireMembre {margin-top:8px;overflow:hidden;}
#introductionClubInscription h3 {font-style:oblique;border-bottom:1px solid #8ea33b;padding-bottom:5px;}
#introductionClubInscription h3+p {margin-top:9px;}
#introductionClubInscription h4 {font-weight:bold;}
#introductionClubInscription ul {font-size:1.2em;}

#formulaireMembre h3 {float:left;padding-bottom:5px;font-style:oblique;}
#formulaireMembre h3+p {float:right;font-size:1em;}
#formulaireMembre form {border-top:1px solid #8ea33b;clear:both;background:#ececed url('../img/fondFormulaireBas.jpg') repeat-x left bottom;}
#formulaireMembre label, #formulaireMembre div#legend, #formulaireMembre input, #formulaireMembre select {font-size:1.2em;}
#formulaireMembre label, #informationPrimaire .row>fieldset div#legend {padding:3px 0;}
#formulaireMembre .row {padding:3px 0;}
#formulaireInscriptionHaut {border-bottom:1px solid #737373;overflow:hidden;background:#ececed url('../img/fondFormulaireHaut.jpg') repeat-x left bottom;}
#informationsPrincipale {float:left;width:355px;border-right:1px solid #737373;min-height:410px;}
#informationsPrincipale>fieldset {padding:5px;}
#informationsPrincipale fieldset#loginPassword{border-bottom:1px solid #737373;}
#informationsPrincipale>fieldset#informationPrimaire {border-top:1px solid #fff;}
#informationsPrincipale div>label, #informationPrimaire .row>fieldset div#legend {width:120px;display:block;float:left;}
#informationPrimaire .row>fieldset {position:relative;}
#informationPrimaire .row>fieldset div#legend+div {float:left;}
#informationsPrincipale .requiredRow label span:first-child, #infoComplementaires .requiredRow label span:first-child, #infoComplementaires p span{color:#990000;}
#informationsPrincipale fieldset #legend span{color:#990000;}
#informationPrimaire .row.adresseMail {clear:left;}
#informationPrimaire .row.adresse #txt_AdresseSuite {margin:6px 0 0 120px;}
#informationsPrincipale .row input[type="text"]{width:215px;}

#newsletterAlerte #alerteParution, #magazinePapier {padding:5px;}
#newsletterAlerte {float:left;width:355px;border-left:1px solid #fff;}
#newsletterAlerte #inscriptionNewsletter {padding:5px;border-bottom:1px solid #737373;}
#newsletterAlerte #inscriptionNewsletter p>span {font-size:10px;}
#newsletterAlerte #inscriptionNewsletter fieldset {padding:3px 0;}
#newsletterAlerte #inscriptionNewsletter fieldset li {float:left;width:49%;padding:3px 0;}
#formulaireMembre p {padding:3px 0;}
#infoComplementaires p {padding:6px 0 3px;}
#formulaireMembre p.titreForm {font-weight:bold;padding:0 0 5px 0}
#magazinePapier {border-top:1px solid #737373;}

#alerteParution #conteneurScrollpane .jScrollPane {height:70px;}
#alerteParution #conteneurScrollpane p#commentaire {font-size:1.1em;padding:5px 0;}
#informationPrimaire input+label, #newsletterAlerte #inscriptionNewsletter fieldset li label {top:-2px;position:relative;}

#infoComplementaires {border-top:1px solid #fff;border-bottom:1px solid #737373;padding:5px;}
#infoComplementaires fieldset#genreBd ul li {float:left;width:350px;}
#infoComplementaires fieldset#genreBd ul li label {display:block;float:left;width:150px;}
#infoComplementaires fieldset#dateNaissanceEnfant {width:495px;}
#infoComplementaires fieldset#dateNaissanceEnfant ul li {float:left;width:165px;padding:3px 0;}
#infoComplementaires fieldset#dateNaissanceEnfant ul li label {display:block;float:left;}
#infoComplementaires fieldset#dateNaissanceEnfant ul li input {width:2.5em;min-width:54px;}

#piedFormulaire {border-top:1px solid #fff;padding:5px 8px 8px;}
#piedFormulaire #captcha {line-height:30px;float:left;}
#piedFormulaire #captcha #conteneurPicto {float:left;margin-right:20px;}
#piedFormulaire #captcha input{width:55px;}
#piedFormulaire input[type="image"]#sinscrire {margin:3px 0 0 15px;}
#piedFormulaire input[type="image"]#modifier {margin:5px 42%;}
p#mentionsLegals {clear:left;font-size:1em;}

/* Mise en forme des pages concours */

#contenu .centre.concours {position:relative;background-color:#eccd60;margin-bottom:8px;margin-top:-10px;}
#contenu .centre.concours #conteneurRecapConcours {position:relative;top:-8px;left:-8px;width:950px;height:160px;}
#contenu .centre.concours #conteneurRecapConcours #visuelConcours {position:absolute;z-index:1;}
#contenu .centre.concours #conteneurRecapConcours #recapConcours {background: url('../img/fondRecapConcoursLong.png') no-repeat right top;position:absolute;top:10px;right:0;z-index:5;height:136px;width:711px;color:#fff;}
#contenu .centre.concours #conteneurRecapConcours #dateConcours {font-weight:bold;line-height:20px;padding-left:8px;font-size:1.3em;}
#contenu .centre.concours #conteneurRecapConcours #vignetteCouverture {background: url('../img/fondCouvertureEntete.png') no-repeat left bottom;width:83px;height:108px;float:left;padding:8px 0 0 8px;}
#contenu .centre.concours #conteneurRecapConcours #vignetteCouverture>img {}
#contenu .centre.concours #conteneurRecapConcours ul {float:left;width:604px;padding:0 8px;}
#contenu .centre.concours #conteneurRecapConcours ul li#lotConcours {color:#eccd60;font-size:1.6em;text-transform:uppercase;line-height:36px;}
#contenu .centre.concours #conteneurRecapConcours ul li#descriptionConcours {font-size:1.4em;margin-bottom:8px;}
#contenu .centre.concours #conteneurRecapConcours ul li#serieConcours, #contenu .centre.concours #conteneurRecapConcours ul li#tomeConcours {color:#eccd60;font-size:1.2em;}
#contenu .centre.concours #conteneurRecapConcours ul li#serieConcours {text-transform:uppercase;}

#contenu .centre.concours #conteneurQuestionConcours {background:#fff;padding:8px 8px 0;overflow:hidden;}
#contenu .centre.concours #conteneurQuestionConcours h3 {font-style:oblique;border-bottom:1px solid #8ea33b;padding-bottom:5px;}
#contenu .centre.concours #conteneurQuestionConcours p#introConcours {font-style:oblique;font-weight:bold;line-height:27px;border-bottom:1px solid #737373;}
#contenu .centre.concours #conteneurQuestionConcours p#introConcours>a {color:#8ea33b;text-decoration:underline;}
#contenu .centre.concours #conteneurQuestionConcours fieldset {}
#contenu .centre.concours #conteneurQuestionConcours fieldset ul>li {border-width:1px 0;border-style:solid;border-top-color:#fff;border-bottom-color:#737373;padding:0 8px 8px;}
#contenu .centre.concours #conteneurQuestionConcours fieldset ul>li.impair {background:#ededed url('../img/fondImpairConcours.png') repeat-x left bottom;}
#contenu .centre.concours #conteneurQuestionConcours fieldset ul>li p {font-weight:bold;line-height:27px;}
#contenu .centre.concours #conteneurQuestionConcours fieldset label {color:#737373;font-size:1.2em;}
#contenu .centre.concours #conteneurQuestionConcours fieldset textarea {max-width:897px;}
#contenu .centre.concours #piedConcours #accepteCondition {float:left;line-height:40px;}
#contenu .centre.concours #piedConcours #accepteCondition label>a {text-decoration:underline;}
#contenu .centre.concours #piedConcours input[type="image"] {float:right;padding:12px 0 0 0;}


ul.tabs { margin:0;padding:0;height:30px;height:122px;}
ul.tabs>li {float:left;	padding:0; margin:0 0 0 7px; list-style-type:none;}
ul.tabs>li:first-child {margin:0;}
#voirTousResultats a {background:#fff;display:block;text-align:center;font-size:1.1em;text-transform:uppercase;text-decoration:underline;padding:2px 0;margin:0px 0 8px 0;}
#voirTousResultats a:hover {background:#f5e6af;}
#conteneurResultat ul.tabs a {position:relative;color:#fff;text-decoration:none;width:306px;height:113px;display:block;overflow:hidden;}
#conteneurResultat ul.tabs a.current {border-width:1px 1px 0;border-style:solid;border-color:#000;padding-bottom:9px;}
#conteneurResultat ul.tabs a img {position:absolute;float:left;}
#conteneurResultat .recapConcours {background: url('../img/fondRecapConcours.png') no-repeat;width:139px;height:97px;display:block;position:absolute;z-index:5;right:0;top:8px;overflow:hidden;}
#conteneurResultat .recapConcours ul {padding:0 0 8px 8px;}
#conteneurResultat .recapConcours ul li:first-child  {line-height:15px;font-size:1.1em;padding-top:1px;}
#conteneurResultat .recapConcours ul .lotConcours {font-size:1.2em;padding-top:8px;height:48px;text-transform:uppercase;}
#conteneurResultat .recapConcours ul .titreAlbum {text-transform:uppercase;}
#conteneurResultat .panneauxResultat {background:#fff;clear:left;}
#conteneurResultat .resultatConcours {border:1px solid #000;top:-1px;position:relative;overflow:hidden;font-size:1.1em;padding:8px 0;margin-bottom:8px;}
#conteneurResultat .resultatConcours .gagnantConcours {padding:0 8px;float:left;width:524px;border-right:1px solid #737373;}
#conteneurResultat .resultatConcours .solutionConcours {padding:0 8px;float:left;width:375px;}
#conteneurResultat .resultatConcours .solutionConcours ul ul {padding:8px 0;}
#conteneurResultat .resultatConcours .solutionConcours ul li ul li:first-child {font-weight:bold;}
#conteneurResultat .resultatConcours .titreConcours {font-style:oblique;border-bottom:1px solid #eccd60;padding-bottom:5px;font-size:1.6em;font-weight:bold;}
#conteneurResultat .resultatConcours .gagnantConcours>ul {padding-top:8px;}
#conteneurResultat .resultatConcours .gagnantConcours>ul li {float:left;width:170px;}

#contenuModalLogin a, #contenuModalLogin a:hover{background-color:#FFFFFF;}
#conteneurModalLogin {width:577px;min-height:385px;background: url('../img/colorbox/topBox.png') no-repeat 2px top;padding:10px 8px 0 2px;}
#contenuModalLogin {background: url('../img/colorbox/centreBox.png') repeat-y left top;padding:0 8px 0 2px;}
#contenuModalLogin ul{font-size:1.2em;}
#contenuModalLogin #titreModal {background:#fff;font-style:oblique;border-bottom:1px solid #8ea33b;padding:0 0 5px 16px;font-size:1.6em;font-weight:bold;}
#contenuModalLogin #titreModalFooter {background:#fff;font-style:oblique;border-bottom:1px solid #8ea33b;padding:0 0 5px 0px;margin:0 16px;font-size:1.6em;font-weight:bold;}
#contenuModalLogin #introModal {background:#ededed url('../img/fondImpairConcours.png') repeat-x left bottom;margin:0 0px 0 0px;border-bottom:1px solid #737373;padding:5px 0 5px 16px;}
#contenuModalLogin #contenuModalFooter {padding:5px 16px;}
/*#contenuModalLogin.modaleTexte #introModal {padding:5px 16px;}*/
#contenuModalLogin #loginOuInscription {overflow:hidden;border-top:1px solid #fff;}
#contenuModalLogin #loginOuInscription #login {float:left;width:190px;border-right:1px solid #fff;}
#contenuModalLogin #loginOuInscription #inscription {float:left;width:375px;border-left:1px solid #737373;}
#contenuModalLogin #loginOuInscription #login #titreLogin, #contenuModalLogin #loginOuInscription #inscription #titreInscription {line-height:26px;color:#fff;font-size:1.2em;text-align:center;font-weight:bold;}
#contenuModalLogin #loginOuInscription #login #titreLogin {background: url('../img/fondLoginModal.png') repeat-x left top;}
#contenuModalLogin #loginOuInscription #inscription #titreInscription {background: url('../img/fondInscriptionModal.png') repeat-x left top;}
#contenuModalLogin #loginOuInscription #contenuLogin {text-align:center;}
#contenuModalLogin #loginOuInscription #contenuLogin input[type="text"]{margin-top:9px;border:1px solid #8ea33b;padding:2px 0;}
#contenuModalLogin #loginOuInscription #contenuLogin form a {display:block;margin-top:9px;}
#contenuModalLogin #loginOuInscription #contenuLogin input[type="image"]{margin-top:9px;}
#contenuModalLogin #loginOuInscription #contenuInscription {padding:0 8px 8px;}
#contenuModalLogin #loginOuInscription #contenuInscription p {padding:8px 0;}
#contenuModalLogin #loginOuInscription #contenuInscription a {display:block;text-align:center;height:19px;width:74px;text-indent:-9999px;background: url('../img/boutons/inscriptionModal.png') no-repeat left top;margin:0 auto;}
#conteneurModalLogin #piedModal {background: url('../img/colorbox/piedBox.png') no-repeat left bottom;height:14px;}

#conteneurModalLogin.center {width:520px; height:145px; min-height:145px; margin: 100px 200px; background: url('../img/colorbox/modalLoginClub.png') no-repeat 0 top;padding:4px 16px 0 10px;}
#conteneurModalLogin.center #titreModal{background: transparent;}
#conteneurModalLogin.center #contenuModalLogin{background: transparent;}
#conteneurModalLogin.center .submit{float:right;margin-top:2px;width:74px;height:19px; border: none;}
#conteneurModalLogin.center label{color: #444444; margin-right: 16px;}
#conteneurModalLogin.center form{ background: url("../img/espaceClub_modalLogin.png") no-repeat scroll 0 6px transparent; margin-bottom: 6px; padding-bottom: 10px; padding-left: 140px; padding-top: 6px;}
#conteneurModalLogin.center input{ margin-top: 2px; margin-right: 8px; width: 124px; color: #DB443C; height: 11px;font-size: 1em;}
#conteneurModalLogin.center input.checkbox{ margin-top: 6px; margin-right: 0px; width: 8px; color: #DB443C; height: 11px;font-size: 1em;}
#conteneurModalLogin.center a.motDePasse{ background: transparent; color: #555555; margin-left: 10px; text-decoration: underline;}

#tete #espaceClub .espaceClub.membres {padding:2px 0 2px 8px;}
.espaceClub select {margin-right:8px;}
p.bienvenueEspaceClub {float:left;font-size:1.56em;color:#fff;margin-top:4px;font-style:oblique;}
p.bienvenueEspaceClub>span {text-transform:uppercase;font-weight:bold;}
#boutonMembres {float:right;}
#boutonMembres #monEspacePerso {display:block;float:left;width:108px;height:19px;background:transparent url('../img/boutons/monEspacePerso.png') 0 0 no-repeat}
#boutonMembres input#deconnexionMembres {width:80px;height:19px;}

/* Mise en forme des pages Extra */
#enteteExtra {overflow:hidden;}
#enteteExtra .rond {float:left;width:311px;height:295px;margin-left:9px;}
#enteteExtra .rond .centre {padding:8px 0 8px 8px;}
#enteteExtra #bandesAnnonces.rond{margin:0;}
#enteteExtra .rond .centre>ul {overflow:hidden;}

li.vignetteExtra span.masque {height:92px;width:92px;position:absolute;z-index:2;display:block;}
li.vignetteExtra.video span.masque {background: url('../img/masques/video.png') no-repeat -2px -2px;}
li.vignetteExtra.audio span.masque {background: url('../img/masques/audio.png') no-repeat -4px -2px;}
li.vignetteExtra.interview span.masque {background: url('../img/masques/interview.png') no-repeat -2px -2px;}

#enteteExtra .rond ul li.vignetteExtra {float:left;margin-right:8px;height:120px;}
#enteteExtra .rond ul li.vignetteExtra li.visuel {height:90px;width:90px;position:relative;border-width:1px;border-style:solid;overflow:hidden;}
#enteteExtra #goodies.rond ul li.vignetteExtra li.visuel {height:74px;}
#enteteExtra .rond ul li.vignetteExtra li.visuel img {position:absolute;z-index:1;}
#enteteExtra .titreExtra {font-size:1.1em;font-weight:bold;text-transform:uppercase;text-align:center;padding-top:2px;width:90px;}

#enteteExtra {overflow:hidden;}

#bandesAnnonces .visuel {border-color:#33cccc;}
#interview .visuel {border-color:#89b9e9;}
#goodies .visuel {border-color:#3b1975;}


#choixExtra {background:#fff;overflow:hidden;line-height:25px;margin-bottom:8px;padding-left:5px;font-size:1.2em;}
#choixExtra div strong {float:left;}
#choixExtra div ul {overflow:hidden;padding-top:5px;padding-left:3px;}
#choixExtra div ul li {float:left;margin:0 1px;}
#choixExtra div ul li a, #choixExtra div ul li.actif span {display:block;height:14px;text-indent:-9999px;background-color:#737373;background-position:left top;background-repeat:no-repeat;}
#choixExtra div ul li a:hover, #choixExtra div ul li .actif {background-color:#eb73a0;}
#choixExtra div ul li#itw.actif span, #choixExtra div ul li#bA.actif span, #choixExtra div ul li#fE.actif span {background-color:#eb73a0;}
#choixExtra div ul #itw a, #choixExtra div ul #itw span	{background-image: url('../img/boutons/pictoItw.png');width: 43px;}
#choixExtra div ul #bA a, #choixExtra div ul #bA span {background-image: url('../img/boutons/pictoBandesAnnonces.png');width:46px;}
#choixExtra div ul #fE a, #choixExtra div ul #fE span {background-image:url('../img/boutons/pictoGoodies.png');width:105px;}
#toutesLesSeriesExtra .outils {clear:left;font-size:1.2em;}

#toutesLesSeriesExtra {clear:left;}
#contenu table.listeToutesLesSeriesExtra{width:100%;}

#contenu table.listeToutesLesSeriesExtra thead{font-size:1.2em;color:#fff;}
#contenu table.listeToutesLesSeriesExtra tbody{font-size:1.4em;color:#333333;}
/*#contenu table.listeToutesLesSeriesExtra tbody{font-size:1.4em;color:#333333;height:320px;}*/
#contenu #conteneurListeTousLesExtra {/*height:320px;overflow-y:scroll;*/}
#contenu table.listeToutesLesSeriesExtra th:hover{cursor:pointer;}
#contenu table.listeToutesLesSeriesExtra tr,#contenu table.listeToutesLesSeriesExtra td{border-bottom:1px solid #dbdbdb;}
#contenu table.listeToutesLesSeriesExtra td{background-color:#ffffff;}
#contenu table.listeToutesLesSeriesExtra tr:hover td{background-color:#f7c7d9;}
#contenu table.listeToutesLesSeriesExtra .second td{background-color:#dbdbdb;}
#contenu table.listeToutesLesSeriesExtra tbody tr,#contenu table.listeToutesLesSeriesExtra td{height:32px;font-size:0.9em;}
#contenu table.listeToutesLesSeriesExtra  td{padding-top:5px;padding-bottom:2px;}
#contenu table.listeToutesLesSeriesExtra thead tr,#contenu table.listeToutesLesSeriesExtra th{padding:2px 4px;height:17px;line-height:17px;background: transparent url(../img/table-titre-bg.png) 0 0 repeat;margin-right:1px;}
#contenu table.listeToutesLesSeriesExtra .titreSerie {width:327px;}
#contenu table.listeToutesLesSeriesExtra th {text-align:left;}
#contenu table.listeToutesLesSeriesExtra td.scenaristeSerie {width:200px;}
#contenu table.listeToutesLesSeriesExtra tbody td {text-align:left;}
#contenu table.listeToutesLesSeriesExtra tbody td.dessinateurSerie {width:230px;}
#contenu table.listeToutesLesSeriesExtra tbody td.editeurSerie {width:140px;}
#contenu table.listeToutesLesSeriesExtra .titreSerie{text-transform:uppercase;font-weight:bold;}
#contenu table.listeToutesLesSeriesExtra a{text-decoration:underline;}
#contenu table.listeToutesLesSeriesExtra .editeurSerie{width:120px;}
.rose #contenu .listeToutesLesSeriesExtra thead tr{border-bottom:1px solid #f7c7d9;}


#extraBox #conteneurSlide {width:544px;height:364px;background: url('../img/fondFondEcran.jpg') left top;padding:8px;text-align:justify;}
#extraBox #conteneurExtraBox {overflow:hidden;}
#extraBox #gaucheExtraBox {float:left;width:559px;margin-right:8px;background:#fff;}
#extraBox #droiteExtraBox {float:left;width:367px;}
#extraBox #commentaireExtrabox {clear:left;background:#fff;margin-top:8px;padding:8px;}
#extraBox #titreExtrabox {padding:8px;height:48px;}
#extraBox #titreExtrabox h2, #extraBox #titreExtrabox h3 {font-size:1.7em;text-transform:uppercase;}
#extraBox #titreExtrabox h2 span {color:#fff;font-style:normal;padding:0 5px;}
#extraBox #titreExtrabox.fondEcran h2 span {background:#3b1975;}
#extraBox #titreExtrabox.bandesAnnonces h2 span {background:#33cccc;}
#extraBox #titreExtrabox.interview h2 span {background:#89b9e9;}
#extraBox #titreExtrabox h3 {margin-top:5px;}
#extraBox #titreExtrabox h3 span {border-bottom:1px solid #999999;}
#extraBox #conteneurSlide #visuelPrincipal {height:341px;width:543px;border:1px solid; }
#extraBox #conteneurNavSlide {background:#dbdbdb;position:relative;line-height:15px;margin-top:6px;}
#extraBox #conteneurNavSlide #caption {margin:0 16px;text-align:center;padding-top:1px;}
#extraBox #conteneurNavSlide #caption ul li {display:inline;}
#extraBox #conteneurNavSlide #leftSlide a {position:absolute;left:0;top:0;height:16px;width:16px;background: url('../img/pictos/flecheGaucheFE.jpg') no-repeat left top;display:block;text-indent:-9999px;}
#extraBox #conteneurNavSlide #rightSlide a {position:absolute;right:0;top:0;height:16px;width:16px;background: url('../img/pictos/flecheDroiteFE.jpg') no-repeat left top;display:block;text-indent:-9999px;}
#extraBox #listeFondEcran, #extraBox #listeBandeAnnonce, #extraBox #listeInterview {height:395px;padding:8px 0 8px 10px}
#extraBox #listeFondEcran ul li {float:left;width:161px;height:100px;margin:0 7px 7px 0;position:relative;overflow:hidden;border:1px solid #3b1975;}
#extraBox #listeFondEcran ul li span.masque {position:absolute;background: url('../img/masques/masqueMembres.png') no-repeat left top;height:101px;width:162px;z-index:2;top:0;left:0;}
#extraBox #listeFondEcran ul li img {position:absolute;top:0;left:0;z-index:1;}
#extraBox #titreCommentaireExtrabox {border-bottom:1px solid #999999;font-size:1.6em;font-style:oblique;padding-bottom:5px;font-weight:bold;margin-bottom:10px;}

#extraBox #listeBandeAnnonce ul li {float:left;margin:0 5px 7px 0;position:relative;overflow:hidden;width:108px;}
#extraBox #listeBandeAnnonce ul li span.masque {background: url('../img/masques/videoExtra.png') no-repeat left top;width:106px;height:107px;z-index:2;top:0;left:0;}
#extraBox #listeBandeAnnonce ul li img {position:absolute;top:0;left:0;z-index:1;border:1px solid #33cccc;width:106px;height:107px;}
#extraBox #listeBandeAnnonce ul li .numeroTome {width:106px;font-size:1.2em;text-transform:uppercase;margin-top:112px;display:block;font-weight:bold;text-align:center;}

#extraBox #conteneurExtraBox #conteneurSlide .jScrollPane {height:365px;padding:0 10px;}
#extraBox #conteneurExtraBox #conteneurSlide .jScrollPane h4 {font-size:1.2em;margin-top:1.2em;font-weight:bold;}
#extraBox #conteneurExtraBox #conteneurSlide .jScrollPane p {margin-bottom:1.2em;}
#extraBox #listeInterview>ul>li {overflow:hidden;margin-top:8px;}
#extraBox #listeInterview>ul>li:first-child {margin:0;}
#extraBox #listeInterview>ul ul {float:left;width:204px;height:115px;padding:5px;background:#dbdbdb;overflow:hidden;}
#extraBox #listeInterview>ul ul:hover {background-color:#dbeaf8;}
#extraBox #listeInterview .visuelInterview {float:left;width:123px;height:123px;overflow:hidden;border:1px solid #89b9e9;position:relative;}
#extraBox #listeInterview .visuelInterview img {position:absolute;z-index:1;top:0;left:0;}
#extraBox #listeInterview .visuelInterview .masque {height:123px;width:123px;}
#extraBox #listeInterview .visuelInterview .video {background: url('../img/masques/videoIntwExtra.png') no-repeat top left;}
#extraBox #listeInterview .visuelInterview .audio {background: url('../img/masques/audioIntwExtra.png') no-repeat top left;}
#extraBox #listeInterview .visuelInterview .interview {background: url('../img/masques/interviewIntwExtra.png') no-repeat top left;}
#extraBox #listeInterview .titreInterview, #extraBox #listeInterview .titreInterviewBis  {font-size:1.262em;color:#333333;font-weight:bold;text-transform:uppercase;}
#extraBox #listeInterview .introInterview {font-size:1.1em;color:#737373;padding-top:3px;}

#droiteExtraBox .jScrollPaneTrack{background:#e7adc3;}
#droiteExtraBox .jScrollPaneDrag{background:#eb73a0;}
#gaucheExtraBox .jScrollPaneTrack{background-color:#dbeaf8;}
#gaucheExtraBox .jScrollPaneDrag{background-color:#89B9E9;}
/* mise en forme de la page planning */
#contenu #planning {width:760px;float:left;}

#planning #selectionSemaine {background:#fff;position:relative;line-height:15px;margin-bottom:6px;}
#planning #selectionSemaine #caption {margin:0 17px;text-align:center;height:16px;line-height:16px;}
#planning #selectionSemaine #caption ul {overflow:hidden;}
#planning #selectionSemaine #caption ul li {float:left;width:236px;}
#planning #selectionSemaine #caption ul li a {display:block;text-transform:uppercase;font-weight:bold;text-decoration:none;font-size:1.1em;}
#planning #selectionSemaine #caption ul li a span{color:#737373;}
#planning #selectionSemaine #caption ul li.active a,#planning #selectionSemaine #caption ul li.active:hover a{background:#c44e13;color:#fff;}
#planning #selectionSemaine #caption ul li:hover a{background:#d3a690;color:#000000;}
#planning #selectionSemaine #leftSlide a,#planning #selectionSemaine #rightSlide a{position:absolute;left:0;top:0;height:16px;width:16px;background: url('../img/pictos/flechePlanningGauche.png') no-repeat left top;display:block;text-indent:-9999px;}
#planning #selectionSemaine #rightSlide a {right:0;left:auto;background-image: url('../img/pictos/flechePlanningDroite.png');}
#planning #selectionSemaine #leftSlide a:hover,#planning #selectionSemaine #rightSlide a:hover{background-position: bottom left;}
#contenu #planning .outils {font-size:1.2em;padding:0 8px;padding-top:8px;}
#contenu #planning .outils #semaine {font-size:1.25em;font-style:italic;font-weight:bold;}
#contenu #planning .multiPage {width:208px;margin-top:10px;margin-right:8px;}
#contenuPlanning {background:#fff;padding-left:2px;}
#contenuPlanning .item {padding:0 0 8px 8px;}
#contenuPlanning .item>ul {overflow:hidden;}
#contenuPlanning .item>ul>li {float:left;margin:0 7px 7px 0;width:139px;height:310px;overflow:hidden;background:#333333;}
#contenuPlanning .item>ul ul {color:#fff;padding:5px 5px 0;font-size:1.1em;}
#contenuPlanning .item>ul ul li {padding-bottom:1px}
#contenuPlanning .item>ul ul li.serie, #contenuPlanning .item>ul ul li.tome {font-weight:bold;text-transform:uppercase;font-size:1.1em;}
#contenuPlanning .item>ul ul li.scenariste {background: url('../img/pictos/scenaristePlanning.png') no-repeat left;padding-left:14px;}
#contenuPlanning .item>ul ul li.dessinateur {background: url('../img/pictos/dessinateurPlanning.png') no-repeat left;padding-left:14px;}

/* Mise en forme modal login */
#conteneurModalLogin #contenuModalFooter input[type="text"] {width:277px;}

#conteneurModalLogin #contenuModalFooter input[type="submit"] {background:#ededed;border:0 none;text-transform:uppercase;padding:3px 10px 2px;color:#737373;font-weight:bold;}
#conteneurModalLogin #contenuModalFooter a.goHome,
#conteneurModalLogin #contenuModalFooter a.espaceClub {text-transform:uppercase;padding:3px 10px 2px;font-weight:bold;}
#conteneurModalLogin #contenuModalFooter a.espaceClub {color:#FFFFFF; background-color:#86A629;border: 1px solid #67811E;}
#conteneurModalLogin #contenuModalFooter a.goHome     {color:#FFFFFF; background-color:#EB8A17;border: 1px solid #B23000; margin-left: 10px;}
#modalBoxToShow {display:none;}
#contenuModalLogin #titreModalFooter.noborder {border:none;}

/* tables  CSS d'origine à modifier */ 
/*table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px; }
table.tablesorter thead tr .header { background-image: url(bg.gif); background-repeat: no-repeat; background-position:center right; cursor: pointer; }
table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter tbody tr.odd td { background-color:#F0F0F6; }
table.tablesorter thead tr .headerSortUp { background-image: url(asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }*/