@charset "utf-8";
/*    Reset
------------------------------------------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, blockquote, p, pre, ul, ol, li, dl, dt, dd, table, caption, object, iframe, form, noscript { margin:0; padding:0; border:0 none; }
h1, h2, h3, h4, h5, h6, blockquote, p, pre, ul, ol, dl, table { margin-bottom:10px; }
ul, ol, dd { margin-left:0px; }
li { list-style: none; }
img { border:0 none; }
object, iframe { display:block; }
object { outline:none 0; }
hr { display:none; }
h1, h2, h3, h4, h5, h6 { font-weight:bolder; font-size:1em; }
caption { text-align:center; caption-side:top; }
colgroup, col, thead, tfoot, tbody, tr { border:0 none; }
body { line-height:18px; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
a:link, a:visited { color:#000; font-weight: bold; }
table { border-collapse:separate; border-spacing:2px; }
th, td { padding:0; border:0 none; vertical-align:top; text-align:left; empty-cells:show; }
/*    General
------------------------------------------------------------------------------*/
.floatContainer:after { display:block; clear:both; height:0; line-height:0; visibility:hidden; content:"."; font-size:0; } /* IE Float Containment Fix */
/*    Document
------------------------------------------------------------------------------*/
a { text-decoration:none; }
a:Hover { text-decoration:underline; }
div#tqBar { min-width:943px; min-height:100px; } /* IE Min. Height Bug */
div#document { margin:0 auto; width:954px; } /* IE Centering Bug */
.genFloatRight { float:right; }
.genFloatLeft { float:left; }
div#contenu { width:943px; }
div.contenuPrincipal { float:right; width:619px; }
div.contenuSecondaire { float:left; width:305px; }
p.date { margin:0px; line-height:10px; padding-bottom: 5px; }
.bg-image { height:0; overflow:hidden; display:block; }
div.coupsDeCoeurContenu, div.mesParticipationsContenu { background-color: #FFF; padding: 10px; }
div.mesParticipationsContenu div { width:130px;}
div.skwateurMembre, div.coupsDeCoeurMembre { background-color: #FFF; margin: 0 11px 0 13px; }
div.coupsText { padding:10px;}
div.skwateurMembre img{ margin: 5px auto; display:block;}
div.colonnePanelSecondaire p#deviens-skwateur a, div.colonnePanelSecondaire p#connecte-toi a { margin: 0 auto;}
p#connecte-toi a{ background: url(../images/interface/boutons/connecte-toi.png) no-repeat left top; padding:36px 0 0; margin-left: 80px; width:193px; }
p#connecte-toi a:hover { background-position: left -36px; }
p.centre { text-align:center;}
/*    Titres Accueil
------------------------------------------------------------------------------*/
h1 { display: none; }
h2, h3, h4 { display:block; height: 0; overflow:hidden; }
h3.h-rumeursSousTitre { padding:60px 0 0; width: 308px; margin: 0; position: absolute; top: 0px; left: -11px; z-index:1; }
h2#h-choixDuSkwat { display: none; }
h2#h-manuSphere { background: url(../images/interface/titres/h-manu-sphere.png) no-repeat left top; padding:140px 0 0; margin: 0; }
h2#h-rumeursDuSkwat { background: url(../images/interface/titres/h-rumeurs-du-skwat.png) no-repeat left top; padding:182px 0 0; margin: 0; }
h2#h-entree-skwat { background: url(../images/interface/titres/h-entree-skwat.png) no-repeat left top; padding:25px 0 0; margin: 0; }
h2#h-en-visite-au-skwat { background: url(../images/interface/titres/h-en-visite-au-skwat.png) no-repeat left top; padding:25px 0 0; margin: 0; }
h3#h-skwatEnSais { background: url(../images/interface/titres/h-skwat-en-sais.png) no-repeat left top; top: 0; }
h3#h-skwatEnPenses { background: url(../images/interface/titres/h-skwat-en-penses.png) no-repeat left top; }
h3#h-skizdi { background: url(../images/interface/titres/h-skizdi.png) no-repeat left top; }
h3#h-topSkwateurs { background: url(../images/interface/titres/h-top-skwateurs.png) no-repeat left top; top: -65px; }
h3#h-sousLesSpots { background: url(../images/interface/titres/h-sous-les-spots.png) no-repeat left top; }
h3#h-caSeFete { background: url(../images/interface/titres/h-ca-se-fete.png) no-repeat left top; }
h3#h-blaBlaBla { background: url(../images/interface/titres/h-bla-bla-bla.png) no-repeat left top; top: -65px; left: 0; }
h3#h-skwatOnVote { background: url(../images/interface/titres/h-skwat-on-vote.png) no-repeat left top; top: -10px; left: 0; }
h3#h-nouveauxDansLaGang { background: url(../images/interface/titres/h-nouveaux-dans-la-gang.png) no-repeat left top; top: -10px; left: 0; }
h2#h-zyeuteMoiCa { background: url(../images/interface/titres/h-zyeute-moi-ca.png) no-repeat left top; top: 8px; left: 0; padding:60px 0 0; position: absolute; z-index: 2; width: 304px; }
h3.titrePeriode { width: 601px; padding-top: 34px; position: absolute; top: 10px; left: -11px; }
h3#matinee { background: url(../images/interface/titres/p-matinee.png) no-repeat left top; }
h3#apres-midi { background: url(../images/interface/titres/p-apres-midi.png) no-repeat left top; }
h3#soiree { background: url(../images/interface/titres/p-soiree.png) no-repeat left top; }
/*    Liens et boutos
------------------------------------------------------------------------------*/
p.bouton a { display:block; height: 0; width: 202px; overflow:hidden; padding:36px 0 0; text-align: center; margin: 0 auto; }
div#document p.bouton a:hover { background-position: left -36px; }
a.btn-je-valide { background: url(../images/interface/boutons/je-valide.png) no-repeat center top; }
a.btn-mon-opinion { background: url(../images/interface/boutons/mon-opinion.png) no-repeat center top; }
a.btn-je-me-exprime { background: url(../images/interface/boutons/je-me-exprime.png) no-repeat center top; }
a.btn-lire-tout-skizdi { background: url(../images/interface/boutons/lire-tout-skizdi.png) no-repeat center top; }
img.membres { position:absolute; top:5px; right:35px; z-index:2; }
img.cle { position:absolute; top:5px; right:0; z-index:2; }
a.btn-tous-les-fetes { background: url(../images/interface/boutons/tous-les-fetes.png) no-repeat center top; }
a.btn-plus-de-blablabla { background: url(../images/interface/boutons/plus-de-blablabla.png) no-repeat center top; }
a.btn-tous-les-videos { background: url(../images/interface/boutons/tous-les-videos.png) no-repeat center top; }
a.btn-galerie-des-stars { background: url(../images/interface/boutons/galerie-stars.png) no-repeat center top; }
a.btn-viens-voter { background: url(../images/interface/boutons/viens-voter.png) no-repeat center top; }
a.btn-tous-les-jeux { background: url(../images/interface/boutons/tous-les-jeux.png) no-repeat center top; }
a.btn-consulter-la-fiche { background: url(../images/interface/boutons/consulter-la-fiche.png) no-repeat center top; }
a.btn-salle-de-jeux { background: url(../images/interface/boutons/salle-de-jeux.png) no-repeat center top; }
a.btn-club-video { background: url(../images/interface/boutons/club-video.png) no-repeat center top; }
a.btn-participe { background: url(../images/interface/boutons/btn-participe.png) no-repeat center top; }
a.btn-horaire { background: url(../images/interface/boutons/btn-horaire.png) no-repeat center top; }
p#je-skwate { text-align: right; width: 136px; margin-left: 134px; }
p#je-skwate a { background: url(../images/interface/boutons/je-skwate.png) no-repeat left top; padding:36px 0 0; margin-bottom: 15px; }
p#je-skwate a:hover { background-position: left -36px; }
p#deviens-skwateur a { background: url(../images/interface/boutons/deviens-skwateur.png) no-repeat left top; padding:36px 0 0; margin-left: 80px; width:193px; }
p#deviens-skwateur a:hover { background-position: left -36px; }
p#soumettre a { background: url(../images/interface/boutons/soumettre.png) no-repeat left top; padding:36px 0 0; margin-left: 132px; }
p#soumettre a:hover { background-position: left -36px; }
p#nouveau-up { margin: 0 auto 20px auto; width: 39px; }
p#nouveau-up a { display:block; height: 0; overflow:hidden; padding-top: 32px; background: url(../images/interface/boutons/nouveau-up.png) no-repeat left top; }
p#nouveau-up a.active { background: url(../images/interface/boutons/nouveau-up.png) no-repeat left top; }
p#nouveau-up a.inactive { background: url(../images/interface/boutons/nouveau-up.png) no-repeat left -32px; }
p#nouveau-down { margin: 0 auto 20px auto; width: 39px; }
p#nouveau-down a { display:block; height: 0; overflow:hidden; padding-top: 32px; background: url(../images/interface/boutons/nouveau-down.png) no-repeat left top; }
/*    Navigation générique
-----------------------------------------------------------------------------*/
div#navigationContenu { text-align: center; position: relative; margin: 20px auto 0 auto; padding: 0; width:250px; }
div#navigationContenu p { margin: 0; text-align: center; font-size:20px; line-height:20px; padding-top:2px; }
div#navigationContenu a { position: absolute; top:2px; padding-top: 22px;}
a.principe-active-big, a.principe-inactive-big { width: 23px; background: url(../images/interface/boutons/principe.png) no-repeat left top; left:0px; }
a.precedentes-active-big, a.precedentes-inactive-big { width: 15px; background: url(../images/interface/boutons/precedentes.png) no-repeat left top; left:30px; }
a.suivantes-active-big, a.suivantes-inactive-big { width: 15px; background: url(../images/interface/boutons/suivante.png) no-repeat left top; right:30px; }
a.fin-active-big, a.fin-inactive-big { width: 23px; background: url(../images/interface/boutons/fin.png) no-repeat left top; right:0px; }
a.suivantes-inactive-big, a.precedentes-inactive-big { background-position: left -22px; }
a.principe-inactive-big, a.fin-inactive-big { background-position: left -22px;}
/*    Bordures
------------------------------------------------------------------------------*/
div.border240-135-video { background:#000; text-align:center; width:240px; height:135px; border: #FE7203 solid 2px; padding: 1px; }
div.border160-90-video { background:#000; text-align:center; width:160px; height:90px; border: #FE7203 solid 2px; padding: 1px; }
div.border240-135 { background:#000; text-align:center; width:240px; height:135px; border: #858585 solid 2px; padding: 1px; }
div.border160-90 { background:#000; text-align:center; width:160px; height:90px; border: #858585 solid 2px; padding: 1px; }
div.border96-54 { background:#000; text-align:center; width:96px; height:54px; border: #858585 solid 2px; padding: 1px; }
div.border160-95 { background:#000; text-align:center; width:160px; height:95px; border: #858585 solid 1px;}
/*    Entete
------------------------------------------------------------------------------*/
div#entete { height: 162px; width:943px; position: relative; z-index:2}
p#nombre-skwateurs { color: #000; font-weight: bolder; font-size: 15px; position: absolute; top: 30px; left: 87px; text-align: center; width: 89px; }
p#nombre-skwateurs span { display: none; }
div#bordure {background:url(../images/interface/fonds/bg-themes.png) left top repeat-x; width:100%; padding-top:3px; }
/*    Themes
------------------------------------------------------------------------------*/
div#themes { width:50px; height:212px; position: fixed; top:0; right:0; z-index:6; background:url(../images/interface/fonds/bg-choix-themes.png) left top no-repeat; margin-top:22px; padding-top:10px;}
div#choixDuTheme { height:173px; width:35px; overflow:hidden; margin: 8px; position:relative;}
div#choixDuTheme ul { width:35px; margin: 0; }
div#choixDuTheme img.membres { position:absolute; top: 2px; left:2px; }
div#themes a.theme-choisi { border: #FFF 1px solid; }
div#choixDuTheme li { position:relative;}
div#choixDuTheme li a { border: #b4aeb2 solid 1px; display: block; height: 33px; width: 33px; margin:0 0 11px 0; padding:0;}
a.themes-suivantes-active, a.themes-suivantes-inactive { width: 14px; padding-top:6px; background: url(../images/interface/boutons/themes-suivantes.png) no-repeat left top; margin: 0 auto;}
a.themes-precedentes-active, a.themes-precedentes-inactive { width: 14px; padding-top:6px; background: url(../images/interface/boutons/themes-precedentes.png) no-repeat left top; margin: 0 auto;}
a.themes-suivantes-inactive, a.themes-precedentes-inactive { background-position: left -6px; }
span.butin { position:absolute; left: 8px; top: 8px; background:url(../images/interface/graphiques/cadenas-themes.png) left top no-repeat; width:23px; padding-top:17px;}
/*    Panel emoticons
------------------------------------------------------------------------------*/
div#all-emoticon-panel{padding:7px;border:8px solid #2B2B2B;position:absolute;top:53px;left:310px;right:0;width:406px;color:#262626;background-color:#FFF; z-index:1;} /* IE Box Model Bug */
div#all-emoticon-panel a:link,div#all-emoticon-panel a:visited{color:#262626;}
ul#all-emoticon-list{margin:0;}
ul#all-emoticon-list li{display:block;float:left;list-style-type:none;}
ul#all-emoticon-list a{border:8px solid #FFF;display:block;}
ul#all-emoticon-list a.selected{border-color:#F57B15;}
ul#all-emoticon-list a:hover{border-color:#DDD;}
ul#all-emoticon-list img{display:block;}
/*    Liste des émissions
------------------------------------------------------------------------------*/
div#listeEmissions{ width:360px; height:130px; padding-top:18px; margin-right:-12px; background:url(../images/interface/fonds/bg-liste-emissions.png) top right no-repeat; position:relative; }
a#logo-tq { width:115px; position:absolute; right:70px; top: 20px; z-index:6;}
div#image-emission{ width:240px; height:72px; border: #FFF 2px solid; }
a#btn-liste-emissions{ position:absolute; right:6px; bottom: 15px; background:url(../images/interface/boutons/liste-emissions.png) left top no-repeat; width:205px; padding-top:36px; z-index:4; }
a#btn-liste-emissions:hover{ background-position: left -36px;}
div#les-emissions{ margin-bottom:36px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:16px 20px 10px 20px; margin-right:18px;}
div#les-emissions .sliderContainer{ overflow:hidden;}

div#emissions-contenu{ overflow:scroll; overflow-y: hidden;}
div#emissions-contenu table { margin:0;}
div#emissions-contenu img.border { margin: 0 15px 5px 0;}
td#enOndes{ background-color:#f5f5f5; padding:34px; border-right: 2px solid #FFF; width:356px;}
td#horsOndes{ background-color:#e8e8e8; padding:34px; }
div#enOndes img.border { border: 2px solid #fdb41a; }
p#titreHorsOndes { background:url(../images/interface/titres/hors-ondes.png) top left no-repeat; padding:11px 0 4px 0; border-bottom: 1px solid #2b2b2b}
p#titreEnOndes { background:url(../images/interface/titres/en-ondes.png) top left no-repeat; padding:11px 0 4px 0; border-bottom: 1px solid #2b2b2b}
/*    Navigation
------------------------------------------------------------------------------*/
div#navigationBar { width:943px; height:65px; }
div#navigationBar ul { list-style-type: none; margin: 0px; margin-top:-24px; }
div#navigationBar li { float: left; display: block; position:relative; }
div#navigationBar a { display:block; height: 0; overflow:hidden; padding:36px 0 0; }
a#lienAccueil { background:url(../images/interface/menu/accueil.png) no-repeat left top; width: 111px; margin-top:17px;}
a#lienHoraire { background:url(../images/interface/menu/horaire.png) no-repeat left top; width: 98px; margin-top:17px; }
a#lienEmissions { background:url(../images/interface/menu/emissions.png) no-repeat left top; width: 117px; margin-top:17px; }
a#lienJeux { background:url(../images/interface/menu/jeux.png) no-repeat left top; width: 74px; margin-top:17px; }
a#lienSites { background:url(../images/interface/menu/sites.png) no-repeat left top; width: 78px; margin-top:17px; }
a#lienVideos { background:url(../images/interface/menu/videos.png) no-repeat left top; width: 88px; margin-top:17px; }
a#lienDefis { background:url(../images/interface/menu/defis.png) no-repeat left top; width: 73px; margin-top:17px; }
a#lienSkizdi { background:url(../images/interface/menu/skizdi.png) no-repeat left top; width: 93px; margin-top:17px; }
a#ficheManu { background:url(../images/interface/menu/manu-fiche.png) no-repeat left top; width: 211px; margin-top:0; padding-top:65px !important; }
div#navigationBar a:hover, div#navigationBar a:active, div#navigationBar a.choici { background-position: left -36px; }
div#navigationBar a#ficheManu:hover, div#navigationBar a#ficheManu:active, div#navigationBar a#ficheManu.choici { background-position: left -65px !important; }
div#navigationBar span { padding-top:36px; position:absolute; z-index:4; display:none;}
span#tipHoraire{ background:url(../images/interface/tips/tip-horaire.png) left top no-repeat; width:79px; left:55px; top:36px;}
span#tipEmissions{ background:url(../images/interface/tips/tip-emissions.png) left top no-repeat; width:124px; left:28px; top:36px;}
span#tipJeux{ background:url(../images/interface/tips/tip-jeux.png) left top no-repeat; width:131px; left:-20px; top:36px;}
span#tipSites{ background:url(../images/interface/tips/tip-sites.png) left top no-repeat; width:183px; left:-60px; top:36px;}
span#tipVideos{ background:url(../images/interface/tips/tip-videos.png) left top no-repeat; width:160px; left:-36px; top:36px;}
span#tipDefis{ background:url(../images/interface/tips/tip-defis.png) left top no-repeat; width:126px; left:-18px; top:36px;}
span#tipSkizdi{ background:url(../images/interface/tips/tip-skizdi.png) left top no-repeat; width:157px; left:-23px; top:36px;}
/*    Programmation menu
------------------------------------------------------------------------------*/
div#programmationMenu { height: 83px; background: url(../images/interface/fonds/bg-programmation-menu.png) repeat left top; position: relative; margin-bottom: 20px; }
div#programmationMenu img { position: absolute; top: -21px; right: -11px; }
/*    Contenu principal (colonne droite)
------------------------------------------------------------------------------*/
div#choixDuSkwatTabs { width:585px; height:72px; position: absolute; top: 0px; right: -11px;}
div#choixDuSkwatTabs ul { list-style-type: none; margin: 0px; float: right;}
div#choixDuSkwatTabs li { float: left; display: block; }
div#choixDuSkwatTabs ul a { display:block; height: 0; overflow:hidden; padding:72px 0 0; }
a#tabWow { background:url(../images/interface/menu-zones/1-wow.png) no-repeat left top; width: 95px; }
a#tabJeu { background:url(../images/interface/menu-zones/2-active-toi.png) no-repeat left top; width: 140px; }
a#tabVideo { background:url(../images/interface/menu-zones/3-debranche.png) no-repeat left top; width: 137px; }
a#tabDefi { background:url(../images/interface/menu-zones/4-etale.png) no-repeat left top; width: 127px; }
a#tabTV { background:url(../images/interface/menu-zones/5-tele.png) no-repeat left top; width: 86px; }
a#tabWowWow { background:url(../images/interface/menu-zones/wow-wow.png) no-repeat left top; width: 94px; }
a#tabBillet { background:url(../images/interface/menu-zones/trace.png) no-repeat left top; width: 126px; }
a#tabConcours { background:url(../images/interface/menu-zones/concours.png) no-repeat left top; width: 141px; }
div#choixDuSkwatTabs a:hover { background-position: left -73px; }
div#choixDuSkwatTabs a:active { background-position:left -73px; }
div#choixDuSkwatTabs a.selected { background-position:left -73px; }
div#choixDuSkwatContenu { position: relative; padding-top: 20px; margin-bottom: 12px; }
div#choixDuSkwatTabs ul { list-style-type: none; margin: 0px;}
div#choixDuSkwatPanels { width:619px; margin-bottom: 14px; background:#2b2b2b url(../images/interface/fonds/bg-zones-skwat.gif) no-repeat left bottom; min-height: 330px;}
.hide { display: none; }
div#panelWow, div#panelWowWow, div#panelConcours { margin:0; padding:60px 0 0 59px;}
div#panelWow p.bouton a, div#panelWowWow p.bouton a, div#panelConcours p.bouton a { margin: 3px auto 0 auto; }
div.img-manu { margin: 60px 0 0 0; width: 263px; }
div.img-manu img { margin-left: 60px; }
div.contenuPanel { margin: 60px 10px 0 10px; width: 270px; position: relative; }
a.playVideo { position: absolute; top:24px; left:60px; background: url(../images/interface/boutons/play.png) left top; padding-top: 48px; width: 48px; }
a.playVideo:hover { background-position: left -48px; }
img.img-panel-generique { border: 1px solid #999; }
div.contenuPanel img.img-panel-wow { margin-left: 40px; }
div.contenuPanel p {color: #FFF; font-size: 12px; line-height: 14px; }
div.contenuPanel p.a-ta-tele-titre a { font-weight: bold; color: #b4eb1e; font-size: 18px; line-height: 20px; }
div.contenuPanel p.a-ta-tele-date a { font-weight: bold; }
div.contenuPanel p.bouton a { margin: 20px 0 0 0; text-align: left; }
div#rumeursDuSkwatContenu { background-color: #FFF; width: 606px; margin-left: 13px; }
div#rumeursDuSkwatContenu div.colonne { width:300px; }
div#rumeursDuSkwatContenu div.section { position: relative; width: 288px; padding: 70px 6px 20px 6px;}
div#rumeursDuSkwat div#topSkwateurs, div#rumeursDuSkwat div#blaBlaBla { padding: 6px; }
div#rumeursDuSkwat div#blaBlaBla { padding-bottom: 20px; }
div.pub { background-color: #fff; width: 606px; height: 100px; padding: 6px; margin-bottom: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div#sousLesSpots { background: url(../images/interface/fonds/bg-sous-les-spots.png) no-repeat 5px 60px; }
div#sousLesSpots p.titre { color: #0d4993; font-size: 18px; text-align: center; margin: 0px; }
div#sousLesSpots p.sousTitre { color: #000; font-size: 12px; text-align: center; }
p#img-drole-mot { text-align: center; margin: 40px 0px; }
p#img-drole-mot img { border: solid 2px #8f8f8f; padding: 1px; }
div#caSeFete { background: url(../images/interface/fonds/bg-ca-se-fete.png) no-repeat 40px 90px; min-height:350px;}
div#caSeFete p.dateFete { color: #3033b7; font-size: 18px; font-weight: bold; }
div#caSeFete div.sectionSkwateurInfo { background: url(../images/interface/fonds/bg-programmation-menu.png) repeat; padding: 3px; }
p.toursCle{color:#FFF; text-align:center; clear:both; margin-left:60px; font-weight:bold;}
p.poste1{background:#198eca;}
p.poste2{background:#3aa2d4;}
p.poste3{background:#6ec2e2;}
div#skwatOnVote p.titre { font-size: 16px; font-weight: bold; text-align: center; }
div#skwatOnVote p.banniere { text-align: center;}
div#skwatOnVote p.sousTitre { font-size: 19px; font-weight: bold; text-align: center; }
div#dansLaGangContenu div.nouveau { padding-bottom: 19px; }
div#dansLaGangContenu div.impair { background: url(../images/interface/fonds/bg-dans-gang.png) no-repeat left top; padding-left: 100px; }
div#dansLaGangContenu div.pair { background: url(../images/interface/fonds/bg-dans-gang.png) no-repeat right top; }
div#dansLaGangContenu li.surnom { font-size: 20px; font-weight: bold; }
div#dansLaGangContenu li.age, div#dansLaGangContenu li.ville, div#dansLaGangContenu li.arrivee { font-size: 14px; font-weight: bold; line-height: 16px; }
div#dansLaGangContenu li.arrivee { color: #289ab7; }
div.pub img { border: #10588a solid 1px; }
div.sectionSkwateurInfo { margin-bottom: 15px; }
div.infoSkwateur { width: 158px; font-size: 12px; line-height: 13px; margin-left: 5px; }
div#topSkwateurs div.imgSkwateurContainer { width: 125px; }
img.imgSkwateur { border: #8f8f8f solid 1px; margin-left: 5px; }
li.surnom { font-size:14px; }
div.imgEmotion { width: 37px; margin-right: 3px; }
div.imgEmotion img { border: #000 solid 1px; }
div.infoEmotion { width: 118px; font-size:14px; font-weight:bold; line-height: 16px; }
div.infoEmotion p { margin: 0; }
/*    Contenu Secondaire (colonne gauche)
------------------------------------------------------------------------------*/
div#zoneAvatar { width: 305px; margin-bottom:10px; }
div#zoneAvatarAlternatif {background-color:#2f2f2f; color:#fff; padding:10px 0 0 0; width:294px;}
div#zoneAvatarAlternatif p { font-size:25px; font-weight:bold; text-align:center;}
div#zoneAvatarContenu {background-color:#575757; padding:30px 20px 20px 20px; position:relative;}
a#deconnexion { padding-top:17px; position:absolute;left:20px; top:6px; background:url(../images/interface/boutons/deconnexion.gif) left top no-repeat; width:90px;}
a#deconnexion:hover { background-position: left -17px;}
a#voir-ta-zone { padding-top:58px; position: absolute; right:-16px; bottom:60px; background:url(../images/interface/boutons/voir-ta-zone.png) left top no-repeat; width:106px;}
a#voir-ta-zone:hover { background-position: left -58px;}
p.error { color:#FFF; background-color: #F00; padding: 3px; margin-top:2px;}
div#connexionInscription { width: 270px; margin-bottom: 20px; padding: 0 12px 12px 12px; background: #FFF url(../images/interface/fonds/bg-entre-skwat.png) 34px 5px no-repeat; }
div#connexionInscription p { margin-bottom: 5px; }
div#connexion, div#motPasseOublie, div#motPasseOublieSucces { padding-top: 16px; }
div#entreeSkwat, div#motPasseOublie, div#motPasseOublieSucces { border-bottom: #4a4a4a dashed 2px; padding-top: 16px; margin-bottom: 15px; }
div#enVisiteAuSkwat { background: url(../images/interface/fonds/bg-en-visite-au-skwat.png) 20px 30px no-repeat; position: relative; height: 200px; }
div#connexionInscription input { width: 125px; height: 20px; background-color: #eaeaea; border: #fb7614 solid 3px; margin-bottom: 10px; }
p#pseudo { background: url(../images/interface/titres/p-pseudo.png) no-repeat left top; padding:15px 0 0; }
a#pseudo-oublie { background: url(../images/interface/titres/p-pseudo-oublie.png) no-repeat left top; padding:15px 0 0; }
p#mot-de-passe { background: url(../images/interface/titres/p-mot-de-passe.png) no-repeat left top; padding:15px 0 0; }
a#mot-de-passe-oublie { background: url(../images/interface/titres/p-mot-de-passe-oublie.png) no-repeat left top; padding:15px 0 0; }
a#fais-un-essai { background: url(../images/interface/titres/p-fais-un-essai.png) no-repeat left top; padding:36px 0 0; width: 79px; margin-top: 70px; }
p#faire-partie-de-la-gang { background: url(../images/interface/titres/p-faire-partie-de-la-gang.png) no-repeat left top; padding: 76px 0 0 0; margin: 46px -23px 0 0; width: 176px; }
p#courriel { background: url(../images/interface/titres/p-courriel.png) no-repeat left top; padding:15px 0 0; }
div#manuSphere { position: relative; font-size: 12px; color: #333; }
div#manuSphere { margin-left: 0px; }
div#manuSphere p.titre { font-size: 15px; font-weight: bold; }
ul.questionnaire { padding: 5px 0; }
div.boutonsValidate p.bouton{ width: 116px; margin-top:10px;}
ul.questionnaire li { display: block; margin-bottom: 10px; }
ul.questionnaire span { width: 217px; }
img#manuSkater { position: absolute; top: 20px; right: 9px; z-index:2;}
p#logo-emission, p.img-quiz { text-align: center; margin-bottom: 10px; }
div#manuSphere div.section { margin: 0 11px; background: #FFF; position: relative; width: 246px; padding: 70px 18px 18px 18px; }
a#manu-fiche {background: url(../images/interface/boutons/manu-fiche.png) no-repeat scroll left top transparent; padding: 29px 0 0; width: 133px; position:absolute; left:18px; top:113px;}
a#manu-fiche:hover {background-position: left -29px;}
div.barre-resultat-sondage { border: 1px solid #CCC; height: 11px; line-height: 11px; width: 200px; }
div.barre-resultat-sondage img{ display:block;}
div.pourcentage-resultat { font-weight:bold; color: #E96200; }
/*    Pied de Page
------------------------------------------------------------------------------*/
div#piedDePage { height:445px; margin: 0 auto; background-color:#4a4a4a; margin-top: 20px; font-weight: bold; font-size:14px; background:url(../images/interface/fonds/bg-pied.png) repeat-x center top;}
div#piedContent { margin:20px auto 0; text-align:left; width: 935px; padding: 10px; height: 354px; background:url(../images/interface/fonds/bg-sous-sol.png) no-repeat center bottom;}
p#lien-haut-de-page { width: 935px; margin: 0 auto; padding-top:13px;}
p#lien-haut-de-page a { height: 0; display: block; overflow: hidden; padding-top: 15px; background:url(../images/interface/boutons/haut-de-page.png) no-repeat right top; margin-right: 5px; }
p#lien-haut-de-page  a:hover { background-position: right -15px;}
div.piedSection { width: 270px; padding: 0 20px 20px 20px; }
h4#titre-tout-sur-le-skwat { background :url(../images/interface/titres/p-tout-sur-le-skwat.png) no-repeat left top; padding-top: 12px; margin-bottom: 25px; }
p#titre-tout-sur-le-skwat { background: url(../images/interface/titres/p-tout-sur-le-skwat.png) no-repeat scroll left top transparent; height: 0; margin-bottom: 25px; overflow: hidden; padding-top: 12px;}
p#titre-rejoins-nous { background: url(../images/interface/titres/p-rejoins-nous.png) no-repeat scroll left top transparent; height: 0; margin-bottom: 25px; overflow: hidden; padding-top: 12px;}
p#titre-des-liens {background: url(../images/interface/titres/p-des-liens.png) no-repeat scroll left top transparent; height: 0; margin-bottom: 25px; overflow: hidden; padding-top: 12px;}
h4#titre-rejoins-nous { background :url(../images/interface/titres/p-rejoins-nous.png) no-repeat left top; padding-top: 12px; margin-bottom: 25px; }
h4#titre-des-liens { background :url(../images/interface/titres/p-des-liens.png) no-repeat left top; padding-top: 12px; margin-bottom: 25px; }
div#piedDePage a.lien-pied{ height:0; display:block; overflow:hidden; padding-top: 23px; margin-bottom: 18px;}
a#quoi-skwat{ background: url(../images/interface/boutons/menu-pied/quoi-skwat.png) no-repeat left top;}
a#questions-reponses{ background: url(../images/interface/boutons/menu-pied/questions-reponses.png) no-repeat left top;}
a#code{ background: url(../images/interface/boutons/menu-pied/code.png) no-repeat left top;}
a#concours{ background: url(../images/interface/boutons/menu-pied/concours.png) no-repeat left top;}
a#deviens-skwateur-pied{ background: url(../images/interface/boutons/menu-pied/deviens-skwateur.png) no-repeat left top;}
a#ecris-nous{ background: url(../images/interface/boutons/menu-pied/ecris-nous.png) no-repeat left top;}
a#tout-skizdi{ background: url(../images/interface/boutons/menu-pied/tout-skizdi.png) no-repeat left top;}
a#conditions{ background: url(../images/interface/boutons/menu-pied/conditions.png) no-repeat left top;}
a#curieux{ background: url(../images/interface/boutons/menu-pied/curieux.png) no-repeat left top;}
p#zone-tout-petits{margin-bottom: 20px;}
p#soeur-frere{ background: url(../images/interface/boutons/menu-pied/p-soeur-frere.png) no-repeat left top; width: 170px; padding-top:41px;}
div#piedContent a:hover { background-position: left -23px;}
div#tqFooter{ background:url(../images/interface/fonds/bg-diamants.png) no-repeat left top;}
/*    Page Horaire
-----------------------------------------------------------------------------*/
div#horaire { position: relative; padding-top: 27px; }
div#menuHoraire { height: 55px; position: absolute; top: 0px; left: 5px; }
div#menuHoraire li { float:left; }
div#menuHoraire a { display:block; height: 0; overflow:hidden; padding-top: 55px; width: 87px; line-height: 12px; }
a#lundi { background: url(../images/interface/menu/horaire-lundi.png) left top no-repeat; }
a#mardi { background: url(../images/interface/menu/horaire-mardi.png) left top no-repeat; }
a#mercredi { background: url(../images/interface/menu/horaire-mercredi.png) left top no-repeat; }
a#jeudi { background: url(../images/interface/menu/horaire-jeudi.png) left top no-repeat; }
a#vendredi { background: url(../images/interface/menu/horaire-vendredi.png) left top no-repeat; }
a#samedi { background: url(../images/interface/menu/horaire-samedi.png) left top no-repeat; }
a#dimanche { background: url(../images/interface/menu/horaire-dimanche.png) left top no-repeat; }
div#menuHoraire a:hover, div#menuHoraire a.choisi { background-position: left -55px; }
div.navigationSemaine { position: relative; width: 250px; margin: 0 auto; text-align:center; color:#FFF; padding: 20px 0; }
a#semaine-suivante-active, a#semaine-suivante-inactive { position: absolute; top: 23px; left: 0px; background:url(../images/interface/boutons/precedent-theme.png) no-repeat left top ; display:block; height: 0; overflow:hidden; padding-top:14px; width:7px; }
a#semaine-precedente-active, a#semaine-precedente-inactive { position: absolute; top: 23px; right: 0px; background:transparent url(../images/interface/boutons/suivant-theme.png) no-repeat left top; display:block; height: 0; overflow:hidden; padding-top:14px; width:7px; }
a#semaine-suivante-inactive, a#semaine-precedente-inactive { background-position:left -14px; }
div.navigationSemaine span { height: 0; overflow: hidden; display: block; }
span#cette-semaine { padding-top: 16px; background: url(../images/interface/titres/p-cette-semaine.png) no-repeat center top; }
span#semaine-derniere { padding-top: 16px; background: url(../images/interface/titres/p-semaine-derniere.png) no-repeat center top; }
span#semaine-prochaine { padding-top: 16px; background: url(../images/interface/titres/p-semaine-prochaine.png) no-repeat center top; }
div.emission div.emissionInfo{ width: 300px;}
div.emissionPhoto { position: relative; }
img.hd { position: absolute; top:10px; right:10px; }
div.colonnePanelSecondaire div.section { margin: 0 11px; background: #FFF; position: relative; width: 246px; padding: 18px; font-size: 14px; }
div#zyeuteMoiCa { margin-left: -11px; position: relative; }
div#zyeuteMoiCa p.titreEmission a { color:#8FB310; font-size:18px; font-weight: bold; margin:0; }
div#zyeuteMoiCa p.titreEpisode { margin: 0; }
div#zyeuteMoiCa img { margin-bottom: 10px; }
div#section01 { padding-top: 70px; }
div#contenuHoraire { background-color: #2b2b2b; width: 579px; padding: 20px; }
div#semaine { background-color:#FFF; color: #000; font-weight: bold; text-align: center; height: 37px; width: 579px; }
div#semaine p { margin: 0; font-size: 18px; padding-top:10px; }
div.periode { background-color:#FFF; width:559px; padding:60px 10px 10px 10px; font-size:14px; margin-bottom:15px; position:relative; }
div.emission { margin-bottom: 10px; }
img.img-emission { padding: 1px; border: 3px solid #8fb310; }
div.heure { width: 100px; text-align: center; font-size: 18px; font-weight: bold; color:#797979; }
div.description { width: 200px; }
div.description p.titre a{ color: #8fb310; font-size: 18px; font-weight:bold; }
/*    Page Jeux
-----------------------------------------------------------------------------*/
div.coupsDeCoeur, div.mesParticipations { background-color: #FFF; margin: 0 11px 0 13px; position: relative; }
div.colonnePanelSecondaire { position: relative; }
img.cadenas { position: absolute; right: 20px; top: 30px; }
p#btn-tous-mes-coups { border-top: 1px solid #CCC; padding: 5px 0; margin: 0; }
p#btn-tous-mes-coups a { background: url(../images/interface/boutons/tous-mes-coups.png) no-repeat center top; padding-top: 36px; text-align: center; }
p#btn-tous-mes-coups a:hover { background-position: center -36px; }
div#navigationCoupsDeCoeur { text-align: center; position: relative; margin: 20px 0 10px 0; padding: 0 10px; }
div#navigationCoupsDeCoeur p { margin: 0; text-align: center; }
a.coups-suivantes-active, a.coups-suivantes-inactive { width: 6px; position: absolute; top:2px; right:90px; padding-top: 14px; background: url(../images/interface/boutons/coups-suivantes.png) no-repeat left top; }
a.coups-precedentes-active, a.coups-precedentes-inactive { width: 6px; position: absolute; top:2px; left:90px; padding-top: 14px; background: url(../images/interface/boutons/coups-precedentes.png) no-repeat left top; }
a.coups-suivantes-inactive, a.coups-precedentes-inactive { background-position: left -14px; }
img.border { border: #858585 solid 2px; padding: 1px; }
h2#h-mesJeux { background:url(../images/interface/titres/h-mes-jeux.png) no-repeat right top; padding-top: 135px; margin: 0; }
div#asTuEssaye { background-color: #2b2b2b; position: relative; margin: 21px 11px 40px 0; color: #FFF; padding: 50px 15px 20px 15px; width: 579px; }
div#asTuEssaye div.genFloatLeft, div#connaisTu div.genFloatLeft{ width: 250px;}
div#asTuEssaye div.genFloatRight, div#connaisTu div.genFloatRight { width: 310px; }
div#asTuEssaye a.nomJeu { color: #e4008c; font-size: 18px; font-weight: bold; }
div#asTuEssaye p.nomEmission { text-transform: uppercase; font-size: 14px; font-weight: bold; }
div#jeux p { margin: 0px; }
h2#h-asTuEssaye { position: absolute; top: -21px; left: -11px; background:url(../images/interface/titres/h-as-tu-essaye.png) no-repeat right top; padding-top: 63px; width: 210px; }
div#lesSkwateursAiment { background-color: #FFF; position: relative; margin: 0 0 20px 11px; padding: 40px 20px 20px 20px; width: 579px; font-size: 11px; }
div#lesSkwateursAiment p.nomJeu { color: #6d0376; font-size: 12px; font-weight: bold; }
div#lesSkwateursAiment p.nomEmission { text-transform: uppercase; color: #6d0376; font-size: 12px; font-weight: bold; }
h2#h-lesSkwateursAiment { position: absolute; top: -25px; left: -11px; background:url(../images/interface/titres/h-les-skwateurs-aiment.png) no-repeat right top; padding-top: 54px; width: 269px; }
div#laSalleDeJeux, div#toutesTesEmissions, div#clubVideo { background-color:#FFF; margin: 0 11px; padding: 0px 10px 20px 10px; position: relative; width: 588px; }
div#laSalleDeJeux p.nomJeu { color: #47528a; font-size: 14px; font-weight: bold; }
div#laSalleDeJeux p.nomEmission { text-transform: uppercase; color: #47528a; font-size: 12px; font-weight: bold; }
div.legende { margin-bottom: 20px; }
p.tagNouveau { background:url(../images/interface/icones/tag-nouveau.png) no-repeat left top; padding-top: 24px; width: 97px; margin-right: 10px; }
p.tagEpisodeWeb { background:url(../images/interface/icones/tag-episode-web.png) no-repeat left top; padding-top: 24px; width: 297px; }
img.nouveau { position: absolute; top: 5px; left: 90px; }
img.nouveau-big { position: absolute; top: 5px; right: 8px; }
img.ajoute { position: absolute; top: 67px; left: 6px; }
div#asTuEssaye img.ajoute, div#connaisTu img.ajoute, div#asTuVu img.ajoute{ top: 113px; left: 4px; }
div#asTuEssaye a.ajouter-favoris, div#connaisTu a.ajouter-favoris, div#asTuVu a.ajouter-favoris{ top: 113px; left: 200px; }
a.ajouter-favoris { background:url(../images/interface/boutons/ajouter-coup.png) no-repeat left top; width: 41px; padding-top: 23px; position: absolute; top: 67px; left: 120px;}
img.episode-web { position: absolute; top: 65px; left: 135px; }
div.jeu, div.videoItem { margin-right: 4px; margin-bottom: 10px; width:189px; position: relative; }
div#menuSalleDeJeux { margin-bottom: 70px; }
h2#h-laSalleDeJeux { background:url(../images/interface/titres/h-la-salle-de-jeux.png) no-repeat center top; padding-top: 77px; }
div#menuSalleDeJeux a { padding-top: 56px; position: absolute; top: 80px; }
a#parCategorie { background:url(../images/interface/titres/a-par-categorie.png) no-repeat center top; left: -11px; width: 207px; }
a#parEmission { background:url(../images/interface/titres/a-par-emission.png) no-repeat center top; left: 200px; width: 207px; }
a#parTitre { background:url(../images/interface/titres/a-par-titre.png) no-repeat center top; right: -11px; width: 207px; }
div#menuSalleDeJeux a:hover, div#menuSalleDeJeux a.choici { background-position: center -56px; }
div.coup { width:130px;}
div.coup a { margin-right: 3px; }
div.votesGrandesEtoiles { margin:10px 0; }
div.votesGrandesEtoiles span { margin:8px 0 0 8px; }
div.votesPetitesEtoiles { margin-bottom:8px; }
div.votesPetitesEtoiles span { margin:3px 0 0 4px; }
div#laSalleDeJeux h3 { padding-top:26px; border-bottom: 2px solid #47528a; height: 1px; }
h3.h-arcade { background:url(../images/interface/titres/h-categorie-blue/h-arcade.png) no-repeat left top; }
h3.h-chiffres-et-lettres { background:url(../images/interface/titres/h-categorie-blue/h-chiffres-et-lettres.png) no-repeat left top; }
h3.h-creation { background:url(../images/interface/titres/h-categorie-blue/h-creation.png) no-repeat left top; }
h3.h-logique { background:url(../images/interface/titres/h-categorie-blue/h-logique.png) no-repeat left top; }
h3.h-memoire { background:url(../images/interface/titres/h-categorie-blue/h-memoire.png) no-repeat left top; }
h3.h-observation { background:url(../images/interface/titres/h-categorie-blue/h-observation.png) no-repeat left top; }
h3.h-quete { background:url(../images/interface/titres/h-categorie-blue/h-quete.png) no-repeat left top; }
h3.h-abc { background:url(../images/interface/titres/h-alpha-blue/h-abc.png) no-repeat left top; }
h3.h-def { background:url(../images/interface/titres/h-alpha-blue/h-def.png) no-repeat left top; }
h3.h-ghi { background:url(../images/interface/titres/h-alpha-blue/h-ghi.png) no-repeat left top; }
h3.h-jkl { background:url(../images/interface/titres/h-alpha-blue/h-jkl.png) no-repeat left top; }
h3.h-mno { background:url(../images/interface/titres/h-alpha-blue/h-mno.png) no-repeat left top; }
h3.h-pqr { background:url(../images/interface/titres/h-alpha-blue/h-pqr.png) no-repeat left top; }
h3.h-stu { background:url(../images/interface/titres/h-alpha-blue/h-stu.png) no-repeat left top; }
h3.h-vwx { background:url(../images/interface/titres/h-alpha-blue/h-vwx.png) no-repeat left top; }
h3.h-yz { background:url(../images/interface/titres/h-alpha-blue/h-yz.png) no-repeat left top; }
h3.h-0-9 { background:url(../images/interface/titres/h-alpha-blue/h-0-9.png) no-repeat left top; }
/*    Page Jeux Fiche
-----------------------------------------------------------------------------*/
div#asTuEssayeFiche { background-color: #2b2b2b; position: relative; margin: 21px 0 0 0; color: #FFF; padding: 50px 20px 10px 20px; width: 579px; }
h3#h-trucsAstuces { background:url(../images/interface/titres/h-trucsAstuces.png) no-repeat left top; padding-top: 85px; width: 240px; margin: 10px 0;}
div#asTuEssayeFiche div.genFloatLeft { width: 300px; }
div#asTuEssayeFiche div.genFloatRight { width: 240px; }
div#asTuEssayeFiche a.nomJeu { color: #e4008c; font-size: 18px; font-weight: bold; }
ul#trucsAstuces { padding-left:20px; }
ul#trucsAstuces li { list-style:square; margin-bottom:10px;}
div#asTuEssayeFiche p.nomEmission { text-transform: uppercase; font-size: 14px; font-weight: bold; }
div#asTuEssayeFiche p { margin-bottom: 10px; }
div.menuOutilsFiche a.btn-etoiles{ background:url(../images/interface/boutons/etoiles.png) no-repeat left top; padding-top: 51px; width: 134px;}
div.menuOutilsFiche a.btn-etoiles:hover{ background-position:left -51px;}
div.menuOutilsFiche a#joue{ background:url(../images/interface/boutons/joue.png) no-repeat left top; padding-top: 52px; width: 139px; margin-top: 10px;}
div.menuOutilsFiche a#joue:hover{ background-position:left -52px;}
div.menuOutilsFiche a.questionEclair{ background:url(../images/interface/boutons/question-eclair.png) no-repeat left top; padding-top: 67px; width: 84px; margin-left:4px;}
div.menuOutilsFiche a.questionEclair:hover{ background-position:left -67px;}
div.menuOutilsFiche a.ajouter-favori, div.menuOutilsFiche a.envoyer-ami { display: block; width: 97px; padding-top: 52px; margin-right: 3px;}
div.menuOutilsFiche a:hover { background-position: left -52px; }
div.menuOutilsFiche { background-color: #1D1D1D; padding: 0; position:relative; }
div.menuOutilsFiche div.submenuOutils { width: 228px; padding: 0 4px;}
div.menuOutilsFiche ul{ width: 212px; margin: 10px 0 0;}
div.menuOutilsFiche li { float:left; margin-left: 6px;}
div.menuOutilsFiche div.votesGrandesEtoiles{ margin: 10px 0 0 6px; width:165px; }
div#asTuVisite p.donneTaCote, div#jeux p.donneTaCote, div#videos p.donneTaCote{ background:url(../images/interface/titres/donne-ta-cote.png) no-repeat left top; padding-top:15px; width:122px; margin:10px 0 7px 0; }
div#jeux p.donneTaCote, div#videos p.donneTaCote { margin-top:0;}
span.tipAmisJeu{ background:url(../images/interface/tips/tip-amis-jeu.png) left top no-repeat; left:90px;}
span.tipSiteOfficie{ background:url(../images/interface/tips/tip-site-officiel.png) left top no-repeat; left:405px;}
/*    Page Emissions
-----------------------------------------------------------------------------*/
div#connaisTu div.genFloatLeft{ position:relative; margin-top: 45px;}
div#connaisTu, div#asTuVu { background-color: #3d3e40; position: relative; margin: 21px 0 40px 11px; color: #FFF; padding: 15px; }
h2#h-mesEmissions { background:url(../images/interface/titres/h-mes-emissions.png) no-repeat right top; padding-top: 135px; margin: 0; }
a.btn-voir-la-fiche { background: url(../images/interface/boutons/voir-la-fiche.png) no-repeat left top; padding-top: 36px; }
a.btn-viens-jouer { background: url(../images/interface/boutons/viens-jouer.png) no-repeat left top; padding-top: 36px; }
a.btn-voir-la-fiche:hover, a.btn-viens-jouer:hover, a.btn-voir-video:hover { background-position: left -36px; }
h2#h-connaisTu { background: url(../images/interface/titres/h-connaisTu.png) no-repeat left top; padding-top: 63px; width:210px; position:absolute; top: -21px; left:-11px; }
h2#h-toutesTesEmissions { background:url(../images/interface/titres/h-toutesTesEmissions.png) no-repeat center top; padding-top: 120px; }
div#menuToutesTesEmissions { background:url(../images/interface/titres/bg-menu-emissions.png) no-repeat center top; height: 57px; width: 630px; position: absolute; top: 75px; left: -11px; }
div#menuToutesTesEmissions ul { margin: 10px 18px; }
div#menuToutesTesEmissions li { float: left; margin-right: 15px; }
div#menuToutesTesEmissions a { padding-top: 23px; }
div#menuToutesTesEmissions a:hover, div#menuToutesTesEmissions a.choici { background-position: left -24px; }
a#alpha { background:url(../images/interface/boutons/menu-emissions/0-9.png) no-repeat left top; width: 38px; }
a#abc { background:url(../images/interface/boutons/menu-emissions/abc.png) no-repeat left top; width: 46px; }
a#def { background:url(../images/interface/boutons/menu-emissions/def.png) no-repeat left top; width: 41px; }
a#ghi { background:url(../images/interface/boutons/menu-emissions/ghi.png) no-repeat left top; width: 41px; }
a#jkl { background:url(../images/interface/boutons/menu-emissions/jkl.png) no-repeat left top; width: 39px; }
a#mno { background:url(../images/interface/boutons/menu-emissions/mno.png) no-repeat left top; width: 58px; }
a#pqr { background:url(../images/interface/boutons/menu-emissions/pqr.png) no-repeat left top; width: 48px; }
a#stu { background:url(../images/interface/boutons/menu-emissions/stu.png) no-repeat left top; width: 42px; }
a#vwx { background:url(../images/interface/boutons/menu-emissions/vwx.png) no-repeat left top; width: 59px; }
a#yz { background:url(../images/interface/boutons/menu-emissions/yz.png) no-repeat left top; width: 30px; }
div.emissionList { margin-top: 50px; }
div#toutesTesEmissions p.nomJeu { color: #f27815; font-size: 12px; font-weight: bold; margin:0; }
p.nomEmission a, p.nomVideo a { color: #f27815; font-size: 14px; font-weight: bold; margin:0; text-decoration: underline; }
p.webTv span { background: #4a4a4a url(../images/interface/icones/tag-seulement-web.png) 4px center no-repeat; color: #FFF; padding: 2px 12px 2px 2px; font-weight: bold; font-size: 12px; width:152px; display:block; text-align:right;}
p.videoDecompte span { background: #ff5400 url(../images/interface/icones/tag-video-decompte.png) 4px center no-repeat; color: #FFF; padding: 2px 2px 2px 30px; font-weight: bold; font-size: 12px; width:134px; display:block; }
div#babillard { background-color:#FFF; margin:0 11px 0 13px; position:relative; margin-top: 25px; padding-top:75px; }
h2#h-babillard { background:url(../images/interface/titres/h-babillard.png) no-repeat center top; padding-top: 59px; position: absolute; top: 25px; left: -11px; width: 304px; }
div.babillardNouvelle { padding: 18px; border-bottom: #ccc solid 1px; }
div.babillardNouvelle p { margin: 0px; font-size: 12px; }
div.babillardNouvelle p.titre { color: #9d0b31; text-transform: uppercase; margin-top: 10px; }
div.babillardNouvelle p.sousTitre { margin-bottom: 10px; }
p.siteNouvelle a { color: #9d0b31; }
div#toutesTesEmissions h3 { padding-top:26px; border-bottom: 2px solid #ff9137; height: 1px; }
div#toutesTesEmissions h3#h-abc { background:url(../images/interface/titres/h-alpha-orange/h-abc.png) no-repeat left top; }
div#toutesTesEmissions h3#h-def { background:url(../images/interface/titres/h-alpha-orange/h-def.png) no-repeat left top; }
div#toutesTesEmissions h3#h-ghi { background:url(../images/interface/titres/h-alpha-orange/h-ghi.png) no-repeat left top; }
div#toutesTesEmissions h3#h-jkl { background:url(../images/interface/titres/h-alpha-orange/h-jkl.png) no-repeat left top; }
div#toutesTesEmissions h3#h-mno { background:url(../images/interface/titres/h-alpha-orange/h-mno.png) no-repeat left top; }
div#toutesTesEmissions h3#h-pqr { background:url(../images/interface/titres/h-alpha-orange/h-pqr.png) no-repeat left top; }
div#toutesTesEmissions h3#h-stu { background:url(../images/interface/titres/h-alpha-orange/h-stu.png) no-repeat left top; }
div#toutesTesEmissions h3#h-vwx { background:url(../images/interface/titres/h-alpha-orange/h-vwx.png) no-repeat left top; }
div#toutesTesEmissions h3#h-yz { background:url(../images/interface/titres/h-alpha-orange/h-yz.png) no-repeat left top; }
div#toutesTesEmissions h3#h-alpha { background:url(../images/interface/titres/h-alpha-orange/h-0-9.png) no-repeat left top; }
/*    Page Emission Fiche
-----------------------------------------------------------------------------*/
div#panelToutSavoir, div#panelCetteSemaine { color:#FFF; }
div#panelCetteSemaine { padding : 20px;}
div#emissionFiche { position:relative; margin-top: 21px;  background-color: #3d3e40; padding-top:10px; margin-bottom: 20px;}
div#emissionsTabs { height: 63px; width: 227px; position: absolute; top: -20px; left: -11px; }
div#emissionsTabs li { float: left; }
a#tout-savoir { background:url(../images/interface/menu-zones/1-tout-savoir.png) no-repeat left top; padding-top: 63px; width: 106px; }
a#cette-semaine { background:url(../images/interface/menu-zones/2-cette-semaine.png) no-repeat left top; padding-top: 63px; width: 121px; }
div#emissionFicheEntete { margin: 0 6px;}
div#diffusion{ width: 265px;}
div#emissionsTabs a:hover, div#emissionsTabs a.selected { background-position: left -63px; }
div#panelToutSavoir a.playVideo { top:130px; left:150px; }
div.submenuOutils { width: 228px; height:70px; background-color:#5b5b5b; padding: 0 20px;}
div#menuOutils { background-color: #1d1d1d; padding: 0; position:relative; }
div#menuOutils ul{ margin: 8px 0 0; padding-left:15px; }
div#menuOutils li { float:left; margin-right: 15px; width:97px; }
div#menuOutils a { display: block; width: 97px; padding-top: 52px; }
div#menuOutils div.submenuOutils a { width: 108px;}
div#menuOutils a:hover { background-position: left -52px; }
div#resumeEmissionEpisode{padding:8px; display:none; color:#FFF;}
div#resumeEmissionEpisode p {margin:0; }
p.infoDiffusion { color: #fcb419; font-weight: bold; margin-bottom: 0px;}
a.voirVideo{ background:url(../images/interface/boutons/play-video.png) left top no-repeat; width:44px; padding-top:44px; }
a.voirVideo:hover{ background-position: left -44px;}
div.difussionBloc div.emissionInfo{ width: 500px;}
p.infoReDiffusion { color: #fff; font-size: 11px; }
a#episode-complet{ padding-top:41px; background:url(../images/interface/boutons/episode-complet.png) no-repeat left top; width:73px;}
a#episode-complet:hover { background-position: left -41px;}
p.tagDifussion { padding-top: 18px; margin-bottom: 2px;}
p.en-ondes { background:url(../images/interface/icones/tag-diffusion.jpg) no-repeat left 0px; width:69px; }
p.nouveaute { background:url(../images/interface/icones/tag-diffusion.jpg) no-repeat left -18px; width:80px; }
p.de-retour-bientot { background:url(../images/interface/icones/tag-diffusion.jpg) no-repeat left -36px; width:152px; }
p.sur-le-web { background:url(../images/interface/icones/tag-diffusion.jpg) no-repeat left -54px; width:146px; }
p.bientot-antenne { background:url(../images/interface/icones/tag-diffusion.jpg) no-repeat left -72px; width:138px; }
p.bientot-rappel { background:url(../images/interface/icones/tag-diffusion.jpg) no-repeat left -90px; width:120px; }
p.en-rappel { background:url(../images/interface/icones/tag-diffusion.jpg) no-repeat left -108px; width:76px; }
p.nouveaux { background:url(../images/interface/icones/tag-diffusion.jpg) no-repeat left -126px; width:133px; }
img.logoEmission { margin: 30px 0 10px; margin-right: 20px;}
div.difussionBloc { border-top: dashed #616161 1px; padding: 5px; }
div.difussionBloc p { margin-bottom: 0; font-size: 12px; }
div#flash-gallery{ width:605px; height:340px; margin: 0 6px 8px 6px; background-color:#666;}
a.ajouter-favori { background:url(../images/interface/boutons/emission-favori.png) no-repeat left top;}
a.envoyer-ami { background:url(../images/interface/boutons/emission-envoyer.png) no-repeat left top; }
a.en-parler { background:url(../images/interface/boutons/emission-parler.png) no-repeat left top; }
a#vsd { background:url(../images/interface/boutons/emission-vsd.png) no-repeat left top; }
div.submenuOutils a.emissionWeb { background:url(../images/interface/boutons/emission-web.png) no-repeat left top; padding-top: 52px; width: 108px; margin-top:8px; }
div.submenuOutils a.emissionWeb:hover {background-position: left -52px;}
div.submenuOutils a.coupOeil { background:url(../images/interface/boutons/coup-oeil.png) no-repeat left top; padding-top: 52px; width: 108px; margin:8px 8px 0 0; }
a.menuInactive ,div#menuOutils a.menuInactive:hover , div.menuOutilsFiche  a.menuInactive:hover{ background-position: left -104px; }
div.submenuOutils a#lireResume:hover { background-position: left -22px; }
div#emissionContenu { margin-left:11px; }
div#emissionContenu div#skwatEnSais, div#emissionContenu div#skwatEnPenses { background-color:#FFF; margin:0; padding:80px 18px 0px 18px; position:relative; width:246px; }
div#emissionContenu div.questions { background: url(../images/interface/fonds/bg-zones-fiche.gif) repeat-x 0 bottom; }
div#sondage-resultat, div.quiz, img.illoQuiz{ margin-bottom: 20px;}
div.zoneEmissions { background:#FFF url(../images/interface/fonds/bg-zones-fiche.gif) repeat-x scroll 0 bottom; margin:40px 0; padding:45px 14px 10px 14px; position:relative; /*	width:246px;*/ }
div#emissionContenu h3#h-skwatEnPenses, div#emissionContenu h3#h-skwatEnSais { top:20px; }
div#emissionContenu a.btn-mon-opinion, div#emissionContenu a.btn-je-valide { margin: 20px auto 0 auto; }
div#emissionContenu div.item { min-height:160px; margin-bottom:10px; margin-right:25px; position:relative; width:168px; }
div.zoneEmissions div.item p, div.zoneEmissions div.item a { margin-bottom:0px; }
div.zoneEmissions div.item a { color:#47528A; font-weight:bold; margin-top:5px; }
p.nomEmission { font-weight: bold; }
div#emissionContenu div.commentaireSkwateur { width:340px; }
div#emissionContenu h2 { padding-top: 55px; position: absolute; top: -22px; left: -11px; width: 205px; }
div#emissionContenu img.cle { position:absolute; right:0; top:26px; z-index:2; }
h2#h-blaBlaBla { background: url(../images/interface/titres/h-bla.png) no-repeat left top; }
a#bla-bla-precedent { background: url(../images/interface/boutons/bla-bla-precedent.png) no-repeat left top; padding-top:38px; width:33px;}
a#bla-bla-suivant { background: url(../images/interface/boutons/bla-bla-suivant.png) no-repeat left top; padding-top:38px; width:33px;}
a#bla-bla-precedent:hover, a#bla-bla-suivant:hover{ background-position: left -38px;}
h2#h-videos { background: url(../images/interface/titres/h-videos.png) no-repeat left top; }
h2#h-jeux { background: url(../images/interface/titres/h-jeux.png) no-repeat left top; }
div.boutons { height: 36px; margin-top:10px;}
div#skwatEnSais p.bouton { text-align:center; }
div#skwatEnSais p.error { margin-bottom:20px; }
div.boutonsPied p.bouton { width: 202px; margin: 10px 0 0; }
div.boutonsPied {margin-top:10px;}
p.bouton a.btn-je-passe { background: url(../images/interface/boutons/je-passe.png) no-repeat left top; width:116px;}
p.bouton a.btn-je-valide-petit { background: url(../images/interface/boutons/je-valide-petit.png) no-repeat left top; width:116px;}
p.bouton a.btn-je-quitte { background: url(../images/interface/boutons/je-quitte.png) no-repeat left top; width:116px;}
p.bouton a.btn-je-pige { background: url(../images/interface/boutons/je-pige.png) no-repeat left top; width:116px;}
div.zoneEmissions a.btn-lire-tout-skizdi { margin-left: 36px; }
div#menuOutils span, div.menuOutilsFiche span { padding-top: 56px; width:153px; position: absolute; z-index: 4; top:-43px; display:none; }
span.tipFavoris{ background:url(../images/interface/tips/tip-favoris.png) left top no-repeat; left:-13px;}
span.tipAmisEmission{ background:url(../images/interface/tips/tip-amis-emission.png) left top no-repeat; left:100px;}
span.tipEcris{ background:url(../images/interface/tips/tip-ecris.png) left top no-repeat; left:211px;}
span.tipCoup{ background:url(../images/interface/tips/tip-coup-oeil.png) left top no-repeat; left:353px;}
span.tipSiteOfficiel{ background:url(../images/interface/tips/tip-site-officiel.png) left top no-repeat; left:471px;}
a.btn-pige-une-carte { background: url(../images/interface/boutons/pige-une-carte.png) no-repeat center top; }
/*    Page Sites
-----------------------------------------------------------------------------*/
h2#h-asTuVisite { position: absolute; top: -21px; left: -11px; background:url(../images/interface/titres/h-as-tu-visite.png) no-repeat right top; padding-top: 63px; width: 210px; }
div#asTuVisite p.bouton { width: 202px; margin-top: 10px; }
div#asTuVisite { background-color: #2b2b2b; position: relative; margin: 20px 0 40px 0; color: #FFF; padding-top: 50px; }
div.siteEmission { border-bottom:#525252 solid 1px; padding: 0 15px; margin: 0 0 40px 0;}
div.imgJeu, div.imgSite{ position:relative;}
div.imgSite { margin-right:20px; width:250px; }
div.infoSite { width: 290px; }
p.nomSite a { color: #b680ff; font-size: 18px; font-weight: bold; margin-bottom: 5px; text-transform:uppercase;}
a.btn-voir-le-site { background:url(../images/interface/boutons/visite-le-site.png) no-repeat right top; padding-top: 36px; }
div#asTuVisite p.nomEmission { text-transform: uppercase; font-size: 14px; font-weight: bold; }
div#asTuVisite div.menuOutilsFiche { background-color: transparent; margin: 8px 0; width:590px;}
div#asTuVisite div.menuOutilsFiche div { margin:0;}
div.menuOutilsFiche a.inactive { background-position: left -104px;}
div#asTuVisite div.menuOutilsFiche li { margin: 0;}
div#asTuVisite div.submenuOutils {width: 200px; background-color:transparent; height:70px; background-color:transparent; padding: 0; margin-left: 6px; }
span.tipFavorisSiteSite{ background:url(../images/interface/tips/tip-favoris.png) left top no-repeat; left:-23px;}
span.tipAmisSite{ background:url(../images/interface/tips/tip-amis-site.png) left top no-repeat; left:81px;}
span.tipVisite{ background:url(../images/interface/tips/tip-visite.png) left top no-repeat; left:379px;}
h2#h-mesSites { background:url(../images/interface/titres/h-mes-sites.png) no-repeat right top; padding-top: 135px; margin: 0; }
/*    Page Fetes
-----------------------------------------------------------------------------*/
div#fetes { background: #FFF url(../images/interface/fonds/bg-fetes.png) center 10px no-repeat; position: relative; margin: 21px 0 40px 0; color: #000; padding: 50px 20px 20px 20px; width: 579px; }
div#fetesDuJour { margin-top: 220px; }
h2#h-fetesDuDour{ background:url(../images/interface/titres/h-fetes-du-jour.png) left top; overflow:hidden; height:0; padding-top: 63px; width:242px; position:absolute; left: -11px; top: -21px;}
div.sectionSkwateurFete { margin-bottom:15px; padding:20px; background-color:#dbf0f2; width: 240px;}
div.fete01 {background-color:#dbf0f2;}
div.fete02 {background-color:#fdf7cd;}
div.fete03 {background-color:#fdefce;}
div.fete04 {background-color:#eff5d1;}
div.fete05 {background-color:#fdf1f6;}
div.fete06 {background-color:#e1e7f4;}
p.dateFete { text-align: center; font-size:20px; font-weight: bold; color:#3033b7; margin-bottom: 40px;}
a#retourAccueil{ position:absolute; top: 0; right: 0; height:0; padding-top:12px; margin: 5px 5px 0 0;overflow:hidden; width:145px; background:url(../images/interface/boutons/retour-accueil.png) left top;}
a#retourAccueil:hover{ background-position: left -12px;}
/*    Page Videos
-----------------------------------------------------------------------------*/
div.preloader { text-align:center;}
h2#h-clubVideo { background: url(../images/interface/titres/h-club-video.png) no-repeat scroll center top transparent; padding-top: 120px; }
div#menuClubVideo a { padding-top: 56px; position: absolute; top: 80px; }
div#menuClubVideo a:hover, div#menuClubVideo a.choici { background-position: center -56px; }
a#plusRecentes { background:url(../images/interface/titres/a-plus-recentes.png) no-repeat center top; left: -11px; width: 207px; }
a#plusopulaires { background:url(../images/interface/titres/a-plus-populaires.png) no-repeat center top; left: 200px; width: 207px; }
a#plusAppreciees { background:url(../images/interface/titres/a-plus-appreciees.png) no-repeat center top; right: -11px; width: 207px; }
div#videoTri { height:40px; padding: 20px 0 30px 0;}
h2#h-as-tu-vu { background: url(../images/interface/titres/h-as-tu-vu.png) no-repeat left top; padding-top: 63px; width:163px; position:absolute; top: -21px; left:-11px; }
img.imgVideo { border-color:#fe7203; }
p.durationVideo { background-color:#666; color:#FFF; padding:2px; display:inline; position:absolute; top: 67px; right:30px; text-align:left;}
a.lienVideo { color: #ff7200; font-size: 18px; font-weight: bold;}
a.btn-voir-video { background: url(../images/interface/boutons/voir-video.png) no-repeat left top; padding-top: 36px; }
div#asTuVu div.genFloatLeft { width: 250px; margin-top: 45px;}
div#asTuVu div.genFloatRight { width: 310px; }
div.imgVideoCont { position: relative; }
h2#h-mesVideos { background:url(../images/interface/titres/h-mes-videos.png) no-repeat right top; padding-top: 135px; margin: 0; }
div#asTuVu p.durationVideo { top: 113px; right: 10px; margin:0; }
div.videoItem p { margin:0; font-size:13px; }
div.videoItem p.nomEmission { color: #4A4A4A; font-size: 12px; font-weight: bold; text-transform: uppercase; font-size:12px;}
span.tipAmisVideo{ background:url(../images/interface/tips/tip-amis-video.png) left top no-repeat; left:90px;}
/*    Page Videos - Fiche
-----------------------------------------------------------------------------*/
div#asTuVuFiche { background-color: #3D3E40; color: #FFFFFF; margin: 21px 0 0; padding: 15px 55px 0 55px; position: relative; }
div.menuOutilsFiche { margin-bottom: 40px; }
a#tout-sur-emission{ background:url(../images/interface/boutons/tout-sur-emission.png) no-repeat left top; padding-top: 52px; width: 139px; margin-top: 10px;}
a#tout-sur-emission:hover{ background-position:left -52px;}
div#videoPlayer { width:512px; height:288px; background-color:#000; margin: 0 auto; position:relative; }
span.tipVoirFiche{ background:url(../images/interface/tips/tip-voir-fiche.png) left top no-repeat; left:405px;}
div#videoPlayer{ clear:both; margin-bottom:20px; }
div.videoInfo { width:280px; margin-top: 45px;}
div.videoInfo p { margin: 0;}
div.imgVideoCont { width: 211px; margin-top: 45px;}
a.lienVideoFiche { color: #FF7200; font-size: 14px; font-weight: bold; }
/*    Page Défis
-----------------------------------------------------------------------------*/
div.defiSection { background-color: #3d3e40; color: #FFF; margin: 21px 0 40px 0; padding: 8px; position: relative; }
h2#h-mesParticipations { background:url(../images/interface/titres/h-mes-participations.png) no-repeat right top; padding-top: 135px; margin: 0; }
div.participation a, div.participation p{ text-transform: uppercase; color:#39b7a8;}
div.participation img{ border:2px solid #686868; margin-top: 4px;}
h2#h-etale-ton-talent { background: url(../images/interface/titres/h-etale-ton-talent.png) no-repeat left top; left: -10px; padding-top: 63px; position: absolute; top: -21px; width: 241px; }
h2#h-etale-ton-talent-icones { background: url(../images/interface/titres/h-etale-ton-talent-icones.png) no-repeat left top; left: -10px; padding-top: 63px; position: absolute; top: -21px; width: 331px; }
div#defis img.membres { position: absolute; right: 65px; top: 10px;}
div#defis img.cle { position: absolute; right: 25px; top: 10px;}
h2#h-skwat-vote-defi { background: url(../images/interface/titres/h-skwat-vote-defi.png) no-repeat left top; left: -10px; padding-top: 63px; position: absolute; top: -21px; width: 241px; }
h2#h-defi-fini { background: url(../images/interface/titres/h-defi-fini.png) no-repeat left top; left: -10px; padding-top: 63px; position: absolute; top: -21px; width: 241px; }
div.imgDefi { margin-top: 40px;}
div.contenuDefi { background-color:#FFF; color:#000; padding:16px 16px 0 16px; width: 324px; }
div.infoDefi { width: 145px; }
div.contenuDefi img { float:left;}
p.accrocheDefi { clear:both; }
p.typeDefi { font-size:18px; font-weight:bold;}
div.sectionEtaleTonTalent p.typeDefi { color:#0093ca; }
div.sectionSkwatOnVote p.typeDefi { color:#00dbce; }
div.sectionDefiFini p.typeDefi { color:#0d4993; }
p.titreDefi { font-weight: bold; }
p.dateDefi { font-size: 12px; margin:0;}
div.navigationDefi { position:relative; height:36px; margin-bottom:10px;}
div.navigationDefi p.bouton{ width:202px; margin:0 auto;}
div.navigationDefi a.precedentes-active-big, div.navigationDefi a.precedentes-inactive-big { left: 0; bottom: 5px; padding-top: 22px; position:absolute;}
div.navigationDefi a.suivantes-active-big, div.navigationDefi a.suivantes-inactive-big { right: 0; bottom: 5px; padding-top: 22px; position:absolute;}
div.defiSection p.bouton a{ padding-top: 36px; width:202px;}
a.btn-participe { background: url(../images/interface/boutons/participe.png) no-repeat left top;}
a.btn-viens-voter { background: url(../images/interface/boutons/btn-viens-voter.png) no-repeat left top;}
a.btn-voir-les-finalistes { background: url(../images/interface/boutons/voir-les-finalistes.png) no-repeat left top;}
div#defis p.titreDefi { margin-bottom:0;}
p#btn-voir-mon-portfolio { border-top: 1px solid #CCCCCC; margin: 0; padding: 5px 0;}
p#btn-voir-mon-portfolio a { background: url(../images/interface/boutons/voir-mon-portfolio.png) no-repeat center top; padding-top: 36px; text-align: center;}
p#btn-voir-mon-portfolio a:hover {background-position: center -36px;}
div.quote-defi { width: 140px; padding:10px 10px 0px 50px; background: #3d3e40 url(../images/interface/fonds/bg-guillemets.png) 5px 5px no-repeat; color:#fff;}
div.quote-defi blockquote { background: #3d3e40 url(../images/interface/fonds/bg-guillemets2.png) right bottom no-repeat; padding-right:24px;}
/*    Page Défis participe
-----------------------------------------------------------------------------*/
div.defiContenu { background:#FFF; position:relative; padding:50px 25px 25px 25px; margin-top:20px;}
div.defiContenu div.contenuDefi { width: 324px;}
div.defiContenu div.infoDefi { width: 305px; }
div.defiContenu div.imgDefi { margin:0;}
div.defiContenu p.typeDefi { color:#00a2df; }
div.defiContenu p.dateDefi { margin-bottom: 10px;}
h3#h-releveDefi {background: url(../images/interface/titres/h-releve-defi.png) no-repeat scroll left top transparent; margin: 10px 0; padding-top: 85px; width: 217px; margin: 20px 0;}
h3#h-merciVote {background: url(../images/interface/titres/h-merci-vote.png) no-repeat scroll left top transparent; margin: 10px 0; padding-top: 85px; width: 279px; margin: 20px 0;}
h3#h-marcheSuivre {background: url(../images/interface/titres/h-marche-suivre.png) no-repeat scroll left top transparent; margin: 10px 0; padding-top: 85px; width: 248px; margin: 20px 0;}
div.formulaireDefi { background-color:#bfe8f7; padding:16px; border: solid 8px #FFF; }
div.formulaireDefi label{ font-weight:bold; padding-top:10px;}
.champDefi{ width:565px; height:30px; border: solid 4px #000;}
div.formulaireDefi textarea { height:100px;}
div.formulaireDefi textarea{ width:565px; height:100px; border: solid 4px #000;}
div.formulaireDefi p.bouton{ border-top: dashed 1px #000; padding-top:10px; margin:20px 0 0 0; height:36px; }
a#btn-soumettre { background: url(../images/interface/boutons/btn-soumettre.png) no-repeat left top; margin:0; float:right;}
a#btn-soumettre p.bouton a:hover { background-position: left -36px; }
a#btn-dessine-defi { background:url(../images/interface/images-concours/btn-dessine-hover.png) 0 0 no-repeat; text-align:right; width:202px; margin:40px 0 0 0;}
a#btn-dessine-defi p.bouton a:hover { background-position: 0 -36px;}
p.subtitre { color:#00a2df; text-transform:uppercase; margin:0;}
/*    Page Défis vote
-----------------------------------------------------------------------------*/
h3#h-finalistes-vote {background: url(../images/interface/titres/finalistes-vote.png) no-repeat left top; padding-top: 50px; width: 217px; margin: 20px 0 0 -36px;}
div.defiVote p.typeDefi, div.defiVote div.pourcentage-resultat  {color: #00dbce;}
p#manu-vote{ background: url(../images/interface/titres/manu-vote.png) no-repeat left top; padding-top: 85px; width: 295px; margin: 20px 0;}
p#manu-merci-vote{ background: url(../images/interface/titres/manu-merci-vote.png) no-repeat left top; padding-top: 85px; width: 419px; margin: 20px 0;}
div.block-vote { border-bottom: solid 1px #CCC; padding-bottom:16px; margin-bottom:16px;}
div.block-vote div.sectionSkwateurInfo { background-color:#a6f2ee; padding:6px 6px 6px 0;}
div.avatar-defi { width:236px; margin-right:20px;}
a.imgLien img{ margin-bottom:16px; display:block;}
div.vote-finaliste { width:168px; }
input.vote-check { margin: 40px}
div.pourcentage-resultat { margin-left: 10px;}
div.defiVote p.bouton { height:36px; }
a#btn-mon-vote {background: url(../images/interface/boutons/mon-opinion.png) no-repeat left top; float: right; margin: 0;}
div.remerciement { margin-bottom:20px;}
/*    Page Défis finalistes
-----------------------------------------------------------------------------*/
h3#h-finalistes-spot {background: url(../images/interface/titres/finalistes-spot.png) no-repeat left top; padding-top: 50px; width: 217px; margin: 20px 0 0 -36px;}
h3#h-finalistes-fini {background: url(../images/interface/titres/finalistes-fini.png) no-repeat left top; padding-top: 50px; width: 217px; margin: 20px 0 40px -36px;}
div.block-gagnant { border-bottom: none; margin-bottom: 16px; padding: 50px 0; background:url(../images/interface/fonds/bg-defi-gagnant.png) 220px top no-repeat; }
div.block-gagnant div.sectionSkwateurInfo {background-color: #0d4993; padding: 6px 6px 6px 0; color:#FFF;}
div.block-gagnant div.sectionSkwateurInfo a { color:#FFF;}
div.block-gagnant div.pourcentage-resultat { color:#0d4993;}
div.defiFinalistes p.typeDefi {color: #0d4993;}
div.block-finaliste { border-bottom: 1px solid #CCCCCC; margin-bottom: 16px; padding-bottom: 16px;}
div.block-finaliste div.sectionSkwateurInfo {background-color: transparent; padding: 6px 6px 6px 0; }
div.block-finaliste div.pourcentage-resultat { color:#0d4993;}
p#manu-felicitations { background: url(../images/interface/titres/manu-felicitations.png) no-repeat left top; margin: 20px 0 0 0; padding-top: 85px; width: 295px;}
/*    Page Galerie stars
-----------------------------------------------------------------------------*/
h2#h-galerie-stars { background: url(../images/interface/titres/h-galerie-stars.png) no-repeat left top; left: -10px; padding-top: 63px; position: absolute; top: -21px; width: 241px; }
div.block-galerie { border-bottom: 1px solid #CCCCCC; margin-bottom: 16px; }
div.block-galerie p.bouton { height: 36px; width:202px; margin-top:20px;}
a.btn-voir-finalistes { background: url(../images/interface/boutons/voir-finalistes.png) no-repeat left top; float: right; margin: 0;}
div.block-galerie div.block-gagnant { padding: 50px 0 0 0; }
/*    Page Skizdi
-----------------------------------------------------------------------------*/
h2#h-skizdi { background: url(../images/interface/titres/h-skizdi-forum.png) no-repeat right top; left: -11px; padding-top: 63px; position: absolute; top: -21px; width: 453px; }
div#discusion { background-color: #2B2B2B; color: #FFFFFF; margin: 21px 11px 40px 0; padding: 60px 15px 15px; position: relative; width: 579px; }
div#discusion img.membres { position: absolute; right: 65px; top: 10px;}
div#discusion img.cle { position: absolute; right: 25px; top: 10px;}
div.imgSkizdi { position:relative;}
div.imgSkizdi a.playVideo { left: 95px; top: 44px;}
div.discussionInfo { width:314px; }
a.titreDiscussion { color:#af081f; font-size:18px;}
p.auteur { margin:0; text-transform:uppercase; font-weight:bold;}
div.discussionInfo p.date { margin-bottom:10px; padding:0;}
div.commentaire { background-color:#FFF; padding:20px; margin-bottom: 8px;}
div.commentaire { color:#000;}
div.commentaire img.imgSkwateur { margin:0;}
div.commentaire div.sectionSkwateurInfo { margin:0;  width:230px;}
div.commentaire div.commentaireContenu { margin:0;  width:290px;}
div.commentaireContenu p { line-height:16px; font-size:13px;}
div.commentaireContenu p.date{ margin:0; padding:0; font-weight:bold;}
p#tracesSkwateurs{ background:url(../images/interface/titres/traces.png) left top no-repeat; padding-top:40px; margin:40px 0 0 0;}
span.chiffre { font-weight:bold;}
div.tagAimer p{ margin:0; line-height:25px;}
a.lien-aimer { background:url(../images/interface/icones/like.png) left top no-repeat; padding: 25px 0 0 5px; width:24px; line-height:24px; }
a.lien-aimer:hover { background-position:left -25px;}
p.aimer-inactive { background:url(../images/interface/icones/like.png) left -50px no-repeat; padding: 25px 0 0 5px; width:24px; line-height:24px; }
h2#h-mesCommentaires { background: url(../images/interface/titres/h-mes-commentaires.png) no-repeat right top ; margin: 0; padding-top: 171px; }
div.derniers-commentaires { background-color: #FFFFFF; margin: 0 11px 0 13px; position: relative; padding:10px 0 0 0;}
div.derniers-commentaires p{ margin:0;}
div.block-commentaire { border-bottom: 1px solid #CCC; padding: 6px 15px;}
a.btn-exprime-toi{ background: url(../images/interface/boutons/exprime-toi.png) no-repeat left top; float: right; margin: 0; padding-top:36px; width:202px;}
a.btn-exprime-toi:hover{ background-position: left -36px;}
a.btn-exprime-toi-petit{ background: url(../images/interface/boutons/exprime-toi-petit.png) no-repeat left top; float: right; margin: 0; padding-top:36px; width:171px;}
a.btn-exprime-toi-petit:hover{ background-position: left -36px;}
a.btn-voir-suite{ background: url(../images/interface/boutons/voir-suite.png) no-repeat left top; float: right; margin: 0; padding-top:36px; width:202px; margin-right:10px;}
a.btn-voir-suite:hover{ background-position: left -36px;}
div.boutonsActions { height: 36px; padding-top:30px; clear:both; }
div#discussionsActives, div#discussionsInactives{ margin-left:11px; padding:50px 15px 10px 15px; position:relative; background: url(../images/interface/fonds/bg-zones-fiche.gif) repeat-x 0 bottom #FFF;}
h3#h-discussions-actives { background: url(../images/interface/titres/h-discussions-actives.png) no-repeat right top; left: -11px; padding-top: 57px; position: absolute; top: -21px; width: 293px; }
div.block-discussion { margin-bottom:40px; position:relative;}
div.block-discussion div.discussionInfo { width:377px; margin-left:15px;}
div.discussionVedette a{ color:#AF081F;}
div.discussionVedette  a.titreDiscussion {color: #AF081F}
div.block-discussion div.boutonsActions { padding:10px 15px 0 0;}
div.discussionInfo p.date { font-size:14px; line-height: 16px; padding: 0; margin-bottom:10px;}
div.discussionInfo p.auteur { font-size:14px; line-height: 16px; padding: 0; }
a#btn-tous-les-discussions { background: url(../images/interface/boutons/btn-tous-les-discussions.png) no-repeat left top; width:254px; padding-top:36px; margin:0 auto;}
a#btn-tous-les-discussions:hover{ background-position: left -36px;}
p#btn-tous-mes-commentaires { border-top: 1px solid #CCC; padding: 5px 0; margin-top:15px;}
p#btn-tous-mes-commentaires a { background: url(../images/interface/boutons/tous-mes-commentaires.png) no-repeat center top; padding-top: 36px; text-align: center; }
p#btn-tous-mes-commentaires a:hover { background-position: center -36px; }
/*    Page Skizdi Sujet Ouvert
-----------------------------------------------------------------------------*/
div.discussionInfo a.btn-exprime-toi { float:none}
div#tracesSkwateurs{ background:#FFF; margin-left:11px; padding:50px 15px 10px 15px; position:relative; }
h3#h-traces-skwateurs { background: url(../images/interface/titres/h-traces-skwateurs.png) no-repeat right top; left: -19px; padding-top: 57px; position: absolute; top: -21px; width: 293px; }
div#tracesSkwateurs div.commentaireContenu { background: #e2eeff url(../images/interface/fonds/bg-commentaire.gif) left top no-repeat; padding:10px 10px 10px 25px;}
div#tracesSkwateurs div.commentaire { padding:0; margin-bottom:20px;}
a.btn-plus-de-commentaires { background: url(../images/interface/boutons/btn-plus-de-commentaires.png) no-repeat center top;}
/*    Page Skizdi Discussions
-----------------------------------------------------------------------------*/
div.discussions div#discussionsActives{ margin-top:20px; background-image:none;}
div#discussionsInactives{ margin-top:40px; padding-bottom:20px; background-image:none}
h3#h-dis-actives { background: url(../images/interface/titres/h-dis-actives.png) no-repeat right top; left: -11px; padding-top: 64px; position: absolute; top: -21px; width: 292px;}
h3#h-dis-inactives { background: url(../images/interface/titres/h-dis-inactives.png) no-repeat right top; left: -11px; padding-top: 56px; position: absolute; top: -21px; width: 324px;}
div.discussionFerme { padding:10px; background-color:#3f3f3f;}
div.discussionFerme div.discussionInfo { width:300px;}
p.tagTermine { text-align:right; height:18px;}
p.tagTermine span { background:url(../images/interface/graphiques/termine.png) left top no-repeat; padding-top:18px; margin:10px 0 0 0; width:186px; float:right;}
/*    Page Coffre
-----------------------------------------------------------------------------*/
body.coffre div#entete { margin-bottom:20px; position:relative;}
a#retour { padding-top:71px; background:url(../images/interface/boutons/retour.png) left top no-repeat; position:absolute; right: 0px; top: 10px; width:216px;}
a#retour:hover { background-position: left -71px;}
body.coffre { background:url(../images/interface/fonds/bg-coffre.gif) left top repeat;}
div#cles-prix, div#fais-vite { background-color:#FFF; padding:12px; margin-bottom:20px;}
p.manu-coffre { text-align:center}
h2#h-le-coffre { background:url(../images/interface/titres/h-le-coffre.png) left top no-repeat; padding-top:24px;}
div#fais-vite { position:relative; padding-top:90px; width:271px;}
h2#h-fais-vite { background:url(../images/interface/titres/h-fais-vite.png) left top no-repeat; padding-top:82px; position:absolute; top:21px; left:-10px; width:317px;}
div#coffre-contenu { position:relative; margin-top:20px;}
div#menuCoffre { position:absolute; left:5px; top:-20px;}
div#menuCoffre a { display:block; height: 0; overflow:hidden; padding-top: 71px; }
div#menuCoffre a:hover, div#menuCoffre a.choisi { background-position: left -71px;}
div#menuCoffre li { float: left;}
a#tou { background: url(../images/interface/menu/tou.png) no-repeat left top; width:61px;}
a#perAvatar { background: url(../images/interface/menu/per-avatar.png) no-repeat left top; width:125px;}
a#binette { background: url(../images/interface/menu/binette.png) no-repeat left top; width:87px;}
a#imagesFonds { background: url(../images/interface/menu/images-fonds.png) no-repeat left top; width:132px;}
a#decors { background: url(../images/interface/menu/decors.png) no-repeat left top; width:97px;}
a#surprises { background: url(../images/interface/menu/surprises.png) no-repeat left top; width:98px;}
div#prixCoffre { background-color:#2b2b2b; padding:70px 20px 5px 20px; color:#FFF;}
div#prixContainer { background-color:#FFF; color:#000; padding:25px; margin-bottom:30px;}
h3#bravo-coffre { background:url(../images/interface/titres/bravo-coffre.png) left top no-repeat; padding-top:14px; margin-bottom:20px;}
div.coffre-item { margin:20px 5px 0 5px; position:relative;}
div.coffre-item img.nouveau { position: absolute; left:85px; top: 20px;}
div.coffre-img img{ padding:23px; background:#FFF;}
div.coffre-img { background-color:#e5e5e5; padding:5px; margin-bottom:5px; width:155px;}
div.coffre-item label{ display:block; width:140px;}
div.coffre-img:hover{background-color:#797979;}
a.item-blue{ border-top: 10px solid #44c8f6; padding-top:2px; display:block; width:155px; height:155px;}
a.item-jaune{ border-top: 10px solid #ffb505; padding-top:2px; display:block; width:155px; height:155px;}
a.item-mauve{ border-top: 10px solid #a624c3; padding-top:2px; display:block; width:155px; height:155px;}
a.item-vert{ border-top: 10px solid #4eb814; padding-top:2px; display:block; width:155px; height:155px;}
a.btn-mon-choix { background: url(../images/interface/boutons/mon-choix.png) no-repeat left top;}
p.tracking-cles{ background:url(../images/interface/fonds/bg-traking-cles.png) no-repeat left top; padding-top:85px; position:relative; margin:0;}
p.tracking-cles span { position:absolute; left:122px; top:35px; color:#FFF; font-size:14px; font-weight:bold;}
p.tracking-coffre{ background:url(../images/interface/fonds/bg-traking-coffre.png) no-repeat left top; padding-top:85px; position:relative; margin:0;}
p.tracking-coffre span { position:absolute; right:130px; bottom:14px; color:#FFF; font-size:14px; font-weight:bold;}
div#fais-vite img{ background:#abd1de;}
div.items-restants { margin-bottom:20px; padding-top:20px; position:relative;}
div.items-restants div.genFloatLeft{ margin-left:20px;}
div.items-restants div.genFloatRight{ margin-right:20px;}
div#fais-vite a.precedentes-inactive-big, div#fais-vite a.precedentes-active-big { left: 5px; bottom: 80px; position:absolute; padding-top:20px}
div#fais-vite a.suivantes-inactive-big, div#fais-vite a.suivantes-active-big { right: 5px; bottom: 80px; position:absolute; padding-top:20px}
/*    Inscription
-----------------------------------------------------------------------------*/
div#inscription { background-color:#FFF; width:932px; margin-left:11px; position:relative; padding-top:65px;}
h2#h-monIdentite { background:url(../images/interface/titres/h-mon-identite.png) left top no-repeat; padding-top:64px; width:954px; position:absolute; top:0px; left:-11px;}
div#manu-full { margin: -81px 0 10px 10px; width:318px;}
div#manu-full img{ margin-left:15px;}
div.contenuInscription { margin:30px 0 0 0; width:579px;}
div#manu-phylactere { padding:35px 15px 15px 15px; background: #ffbc22 url(../images/interface/fonds/bg-phylactere-manu.png) left top no-repeat; width:235px;}
div#manu-phylactere li { background:url(../images/interface/fonds/bg-li.gif) left center no-repeat; padding-left: 12px;}
h3#h-phylactere { background:url(../images/interface/titres/h-phylactere.png) left top no-repeat; padding-top: 22px;}
p#inscris-toi { background:url(../images/interface/titres/p-inscris-toi.png) left top no-repeat; padding-top: 12px; margin:20px 0 0 0;}
div#progress { height:82px; background:url(../images/interface/fonds/bg-progress.png) left top repeat-x;}
div#progress ul{ margin:0;}
div#progress li{ float:left; width:202px; display:block; height:0; overflow:hidden;}
li.ma-fiche { background:url(../images/interface/graphiques/ma-fiche.png) left top no-repeat; padding-top:82px;}
li.mon-avatar { background:url(../images/interface/graphiques/mon-avatar.png) left top no-repeat; padding-top:82px;}
li.ma-skwatitude { background:url(../images/interface/graphiques/ma-skwatitude.png) left top no-repeat; padding-top:82px;}
li.complete { background-position: left -82px;}
div.phylactere { background:#ffbc22 url(../images/interface/fonds/bg-phylactere.png) left top repeat-y; padding:20px 20px 10px 95px; margin: 0 0 30px -70px; width:400px;}
div.phylactere p { font-size:14px;}
#formInscription { margin-left:27px;}
#formInscription td { width:280px; height:55px;}
.ins-label { width:274px; border: solid 3px #fb7614;}
#formInscription select {border: solid 3px #fb7614;}
#l-pseudo { background:url(../images/interface/titres/l-pseudo.png) left top no-repeat; padding-top:18px; }
#l-prenom { background:url(../images/interface/titres/l-prenom.png) left top no-repeat; padding-top:18px; }
#l-nom { background:url(../images/interface/titres/l-nom.png) left top no-repeat; padding-top:18px; }
#l-mot-passe { background:url(../images/interface/titres/l-mot-passe.png) left top no-repeat; padding-top:18px; }
#l-confirmation { background:url(../images/interface/titres/l-confirmation.png) left top no-repeat; padding-top:18px; }
#l-courriel { background:url(../images/interface/titres/l-courriel.png) left top no-repeat; padding-top:18px; }
#l-region { background:url(../images/interface/titres/l-region.png) left top no-repeat; padding-top:18px; }
#l-date { background:url(../images/interface/titres/l-date.png) left top no-repeat; padding-top:18px; }
#l-sexe { background:url(../images/interface/titres/l-sexe.png) left top no-repeat; padding-top:18px; }
a#soumettre { background:url(../images/interface/boutons/soumettre-noir.png) left top no-repeat; float:right; width:136px; margin-bottom:20px;}
a.lien-inscription { color:#e36000; font-size:18px; font-weight:bold; padding-left:50px; background:url(../images/interface/fonds/bg-lien-inscription.png) left top no-repeat; line-height:30px;}
p.titre-skwatitude { border-bottom: solid 3px #f57b15; font-size:18px; line-height:20px; color:#f57b15; font-weight:bold; padding-bottom:10px; margin-bottom:20px;}
p.titre-skwatitude span{ color:#fbc293; }
div.skwatitude-questions { border-bottom: solid 3px #f57b15; font-size:18px; line-height:18px; margin: 0 0 20px 27px;}
div.skwatitude-questions li { margin-bottom:20px;}
div.skwatitude-questions li span{ margin-left:10px;}
div.skwatitude-questions ul.questionnaire span { width: 400px; }
a#question-suivante {background: url(../images/interface/boutons/question-suivante.png) no-repeat left top; float: right; width: 170px; padding-top:46px;}
div#inscription a#question-suivante:hover {background-position: left -46px;}
a#voir-mon-resultat {background: url(../images/interface/boutons/voir-mon-resultat.png) no-repeat left top; float: right; width: 170px; padding-top:46px;}
div#inscription a#voir-mon-resultat:hover {background-position: left -46px;}
h3#h-fabrique-avatar { background:url(../images/interface/titres/h-fabrique-avatar.png) left top no-repeat; padding-top:31px; margin: 20px auto; width:300px; }
div.fabrique-avatar { background-color:#eaeaea; border-top: solid 1px #fb7614; width:932px; height:800px; margin-left:-328px;}
/*    Fiche Manu
-----------------------------------------------------------------------------*/
div#manuFiche { background-color:#eeeeee; border: #ef2c3c solid 11px; border-left:0; border-right:0; width:933px; margin-left:11px; padding:30px 0;}
img#photoManu { margin:0 0 20px -11px;}
div#manuCoupsCoeur { background:#FFF; padding:10px 14px; width:255px;}
h2#h-manuCoupsCoeur { background:url(../images/interface/titres/h-manu-coups.png) left top no-repeat; padding-top:73px; margin-left:-25px; width:294px;}
h2#h-manuIntro { background:url(../images/interface/titres/h-manu-intro.png) left top no-repeat; padding-top:57px; width:602px; height:0px; display:block; overflow:hidden;}
h2#h-manu-interets { background:url(../images/interface/titres/h-manu-interets.png) left top no-repeat; padding-top:55px;width:630px;}
h2#h-manu-video { background:url(../images/interface/titres/h-manu-video.png) left top no-repeat; padding-top:55px;width:630px;}
h2#h-manu-photos { background:url(../images/interface/titres/h-manu-photos.png) left top no-repeat; padding-top:55px;width:630px;}
div.emissionManu { margin-bottom: 20px;}
img.manu-image{ padding:5px; border: #d0c7c2 solid 1px;}
div.manu-sections { background-color:#FFF; margin-bottom:20px;}
div.item-manu { margin:0 12px 10px 12px; position:relative;}
div.list-items { margin:0 15px 10px 15px;}
div#manu-interets div.list-items { margin:0 37px;}
div#manu-interets div.item-manu { width: 112px; font-size:12px;}
div#manu-video div.item-manu, div#manu-photos div.item-manu { width: 170px; font-size:12px;}
div#manu-videos div.item-manu { position:relative; height:135px;}
div#manuIntro { background:url(../images/interface/fonds/bg-mau-intro.png) bottom left no-repeat; padding-bottom:40px; margin-bottom:20px; margin-bottom:40px;}
table#manu-info{ width:602px; line-height:16px; margin-bottom:10px;}
table#manu-info td{ padding:3px;}
td.manuTag { width:240px; text-align:right;}
td.manuTag span { padding-top:22px; background:url(../images/interface/graphiques/manu-tag.gif) right top no-repeat;}
tr.manu-aime, tr.manu-qualites { font-size:14px; font-weight:bold; color:#ef2c3c;}
tr.manu-deteste, tr.manu-defauts { font-size:14px; font-weight:bold; color:#000;}
tr.manu-preferees, tr.manu-phobie { font-size:14px; font-weight:bold; color:#a0948e;}
tr.manu-aime span { background-position: right top;}
tr.manu-deteste span { background-position: right -22px;}
tr.manu-preferees span { background-position: right -44px;}
tr.manu-qualites span { background-position: right -66px;}
tr.manu-defauts span { background-position: right -88px;}
tr.manu-phobie span { background-position: right -110px;}
/*    Outils
-----------------------------------------------------------------------------*/
div#outils{ background-color:#FFF; width:933px; position:relative; padding-top:60px; margin-left:11px;}
div#outil-container { margin: 0 auto; color:#FFF}
h2#outil-graffitis { background:url(../images/interface/titres/outil-graffitis.png) no-repeat center top; position:absolute; left:-11px; top:0px; width:954px; padding-top:64px;}
h2#outil-collage { background:url(../images/interface/titres/outil-collage.png) no-repeat center top; position:absolute; left:-11px; top:0px; width:954px; padding-top:64px;}
h2#outil-avatar { background:url(../images/interface/titres/outil-avatar.png) no-repeat center top; position:absolute; left:-11px; top:0px; width:954px; padding-top:64px;}
/*    Liens pied de page
-----------------------------------------------------------------------------*/
div#pied { background-color: #FFFFFF; margin-left: 11px; padding-top: 65px; width: 892px; padding:80px 20px 20px 20px; position:relative;}
div.manu-contenu-pied { width: 510px;}
div.manu-photo-pied { width: 355px;}
h2#h-pied-skwat { background:url(../images/interface/titres/h-pied-skwat.png) no-repeat center top; position:absolute; left:-11px; top:0px; width:954px; padding-top:64px;}
h2#h-pied-questions { background:url(../images/interface/titres/h-pied-questions.png) no-repeat center top; position:absolute; left:-11px; top:0px; width:954px; padding-top:64px;}
h2#h-pied-code { background:url(../images/interface/titres/h-pied-code.png) no-repeat center top; position:absolute; left:-11px; top:0px; width:954px; padding-top:64px;}
div#pied h3 { height:1.5em; color:#fb7614; font-weight:bold;}
/*    Concours
-----------------------------------------------------------------------------*/

div#concoursAccueil { background-color: #3D3E40; margin-bottom: 20px; margin-top: 21px; padding-top: 10px; position: relative; }
div#concoursTabs { height: 63px; left: -11px; position: absolute; top: -21px;}
div#concoursTabs ul { margin:0;}
div#concoursTabs li { float: left;}
a#accueil-concours { background: url(../images/interface/images-concours/tabs.png) 0 -64px no-repeat; padding-top: 63px; width: 137px;}
a#reglement-concours { background: url(../images/interface/images-concours/tabs2.png) 0 -64px no-repeat;padding-top: 63px;width: 144px;}
a#accueil-concours:hover, a#accueil-concours.selected, a#reglement-concours:hover, a#reglement-concours.selected { background-position: left 0; }
div#panelContenuConcours { color:#FFFFFF; padding:40px 20px 20px 20px;}
div#panelContenuConcours strong { color:#ffc601; }
div#panelContenuConcours a { color:#FFFFFF; text-decoration:underline; }
h2#titre-a-gagner { background:url(../images/interface/images-concours/titre-a-gagner.png) 0 0 no-repeat; padding-top:21px; width:102px; margin: 10px auto 20px auto;}
h2#titre-etapes { background:url(../images/interface/images-concours/titre-etapes.png) 0 0 no-repeat; padding-top:34px; width:590px; margin: 15px 0 20px -15px;}
div#introConcours div.genFloatRight { width:385px;}
div#aGagner { background-color:#FFFFFF; color:#000000; padding:10px; margin:20px 0; text-align:center;}
div#concoursParticiper { background-color:#FFFFFF; color:#000000; padding:10px; }
div#concoursParticiper strong { color:#000000; position:relative;}
div#concoursParticiper a { color:#000000;}
a#btn-participer { background:url(../images/interface/images-concours/btn-concours-pariciper.png) 0 0 no-repeat; padding-top: 36px; width:135px;}
a#btn-participer:hover { background-position:0 -36px;}
div#concoursParticiper div.genFloatLeft { width:400px;}
div#concoursParticiper div.genFloatRight { width:135px;}
h2#titre-concours-description { background-position: 0 0; padding-top:15px;}
h2#titre-concours-etapes { background-position: 0 -15px; padding-top:21px;}
div#prix { margin-bottom:10px;}
div#aGagner p#intro-prix, div#aGagner li strong { font-weight:bold; color:#000000;}
div#prix div.genFloatRight { width:350px;}
div#prix div.genFloatLeft img { border:solid 2px #ff02ca; padding:1px;}
div#header-concours { background:url(../images/interface/images-concours/header-concours.jpg) 0 0 no-repeat; height:188px; margin: 10px 0 20px 0; width:943px;}
div#header-concours img { margin: -37px 0 0 -149px;}
div#header-reglement { margin-bottom:20px;}
div#header-reglement p { text-align:center; margin:0;}
div.bandeauConcours { background-color:#FFF; padding:55px 15px 15px 15px; margin:40px 10px 0 10px; position:relative;}
div.bandeauConcours a { text-decoration:underline;}
div.bandeauConcours img { margin-bottom:20px;}
h2#titre-promo-marsu { background:url(../images/interface/images-concours/titre-promo-marsu.png) 0 0 no-repeat; padding-top:59px; width:304px; position:absolute; top: -10px; left:-10px;}
p#titre-promo-1 { background:url(../images/interface/images-concours/titres-promo.png) 0 0 no-repeat; padding-top:19px; margin-bottom:0;}
p#titre-promo-2 { background:url(../images/interface/images-concours/titres-promo.png) 0 -20px no-repeat; padding-top:19px; margin-bottom:0;}
p#titre-promo-3 { background:url(../images/interface/images-concours/titres-promo.png) 0 -40px no-repeat; padding-top:19px; margin-bottom:0;}

h2#titre-termine { background: url(../images/interface/images-concours/titre-termine.png) no-repeat 0 0; margin: 15px 0 20px -15px; padding-top: 34px; width: 590px;}
h2#titre-gagnants { background: url(../images/interface/images-concours/titre-gagnants.png) no-repeat 0 0; margin: 15px 0 20px -15px; padding-top: 34px; width: 590px;}