/*CSS reset*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*end CSS reset*/ /** general rules **/ .bold { font-weight: bold;} .list-with-bullets, .listcols { list-style-type: disc; margin-bottom: 35px; margin-left: 20px; } .info { margin: 30px 0;} .listcols { font-size: 12px; margin-top: 20px; margin-left: 0px;} .col { width: 170px; float: left; } /** end general rules **/ /*Special fonts*/ @font-face { font-family: 'CityDLigRegular'; src: url('/css/fonts/cityd-light-webfont.eot'); src: url('/css/fonts/cityd-light-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/cityd-light-webfont.woff') format('woff'), url('/css/fonts/cityd-light-webfont.ttf') format('truetype'), url('/css/fonts/cityd-light-webfont.svg#CityDLigRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CityDRegBold'; src: url('/css/fonts/cityd-reg-webfont.eot'); src: url('/css/fonts/cityd-reg-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/cityd-reg-webfont.woff') format('woff'), url('/css/fonts/cityd-reg-webfont.ttf') format('truetype'), url('/css/fonts/cityd-reg-webfont.svg#CityDLigRegular') format('svg'); font-weight: normal; font-style: normal; } /*End special fonts*/ /*body { background-color: #3f4a50; color: #C0C4C6; font-family: Arial, Helvetica, sans-serif; }*/ body { background-color: #2d3a41; color: #C0C4C6; font-family: Arial, Helvetica, sans-serif; } a { color: #C0C4C6; text-decoration: none } a:hover, a.active { color: #797c7e; } /*#footer { background-color: #3f4a50; color: #C0C4C6; min-height: 214px; margin-left: 170px; }*/ #footer { background-color: #3f4a50; color: #C0C4C6; min-height: 214px; padding-left: 170px; } #footer.index { margin-left: 0px; text-align: center; } #footer.index ul {margin: auto} /*#footer ul { padding-top: 20px; font-size: 15px; position: relative; width: 500px; }*/ #footer ul { padding-top: 20px; font-size: 15px; position: relative; } #footer ul li { display: inline; padding-right: 13px; } #footer ul li.picto { position: absolute; margin-top: -1px; margin-left: 5px;} #footer ul li.picto.env {margin-left: 30px; } /** Footer commun à toutes les pages **/ div#footer { padding-left: 0px; background-color: #2d3a41; } div#footer div#footer_menu { background-color: #3f4a50;} /*div#footer div#footer_menu ul { margin-left: 150px; padding-bottom: 20px;}*/ div#footer div#footer_menu ul { margin: 0 auto; width: 730px; padding: 20px 0;} /*div#footer p#explication { margin-left: 150px; width: 700px; text-align:justify; line-height: 18px; padding: 20px 0; }*/ div#footer p#explication { margin: 0 auto; width: 730px; text-align:justify; line-height: 18px; padding: 20px 0; } /*div#footer p#declaration { margin-left: 150px; font-size: 10px; }*/ div#footer p#declaration { margin: 0 auto; width: 715px; font-size: 10px; } div#footer div#banniere-pub { width: 730px; margin: 5px auto; padding-top: 25px; } /** Fin footer **/ /** PARTIES COMMUNES * #main { width: 1201px; margin: auto; } #main #header { height: 55px; position: relative; } #main #header ul { margin-left: 332px; padding-top: 22px; } #main #header ul li {display:inline; padding-right: 5px; } #main div#content {background: url(/images/anim/grille.jpg) no-repeat 0 0; height: 570px; position: relative; } #main div#content h1 img { margin-left: 135px; margin-top: -34px; } #main div#content div#center-content { margin-left: 150px; height: 341px; width: 900px; } * FIN PARTIES COMMUNES **/ #main { background-color: #2d3a41; color: #C0C4C6; font-size: 15px; } #main.teasing { padding-top: 65px; padding-bottom: 40px; } #main.teasing #logo_box { width: 465px; margin: auto; } #main.teasing h2, #main.teasing h3, #main.teasing p { text-align: center; } #main.teasing h2 { margin-top: 25px; font-family: "CityDLigRegular", Arial, Helvetica, sans-serif; font-size: 30px; letter-spacing: 2px;} #main.teasing p { margin-top: 40px; line-height: 20px; } #main.teasing h3 { margin-top: 90px; text-transform: uppercase; font-size: 65px; font-family: "CityDRegBold", Arial, Helvetica, sans-serif; letter-spacing: 2px; } #main.teasing p#prefooter {margin-top: 80px; } /*#main.page { padding-top: 42px; min-height: 800px;} #main.page #header { margin-left: 132px; position: relative; } #main.page #header ul { position: absolute; left: 230px; top: 150px; } #main.page #header ul li { display: inline; padding-right: 6px; } #main.page #content {margin-left: 170px; width: 400px; } #main.page #content.large { width: 855px; } #main.page #content ul#liste_candidats li { padding-bottom: 5px;} #main.page #content h2 { margin-top: 45px; margin-bottom: 30px; font-family: "CityDLigRegular", Arial, Helvetica, sans-serif; font-size: 30px; letter-spacing: 2px; } #main.page #content p { padding-bottom: 35px; line-height: 20px; } #main.page #content p.intro { font-weight: bold; }*/ #main.home { width: 1201px; margin: auto; } #main.home #header {position: relative; height: 55px; background-color: #2d3a41;} /*#main.home #header {position: relative; height: 120px; background-color: #2d3a41;}*/ #pub { float: right; height: 90px; margin-top: 14px; width: 728px; } #main.quizz #pub { margin-top: -25px; } #main.home #header ul { position: absolute; top: 22px; left: 150px;} /*#main.home #header ul { position: absolute; top: 81px; left: 150px;}*/ #main.home #header ul li { display: inline; padding-right: 6px; top: -7px; position: relative; } #main.home #header ul li#top50, #main.home #header ul li#flop50 { position: relative; top: 4px; } #main.home #header ul li#top50 { padding-right: 0; } #main.home div#content {position: relative;} #main.home div#content h1 {position: absolute; z-index: 200; top: 22px; left: 132px;} #main.home div#content div#drapeau { width: 910px; position: absolute; top: 227px; left: 150px; z-index:300; } #main.home div#content div#drapeau div.blue, #main.home div#content div#drapeau div.white, #main.home div#content div#drapeau div.red{ width:301px; height: 229px; float: left;} #main.home div#content div#drapeau div.red { margin-left: -2px;} #main.home div#content div#drapeau div.blue a, #main.home div#content div#drapeau div.red a { display: block; height: 100%; text-indent: -100000px; } #main.home div#content div#drapeau div.white { background: url(/images/white_baseline.gif) no-repeat 0 0; text-indent: -100000px; } #main.home div#content div#drapeau div.blue a { background: url(/images/boutons_home_sprite.jpg) no-repeat 0 0; background-size:contain; } #main.home div#content div#drapeau div.blue a:hover { background: url(/images/boutons_home_sprite.jpg) no-repeat 0 -229px; } #main.home div#content div#drapeau div.red a { background: url(/images/boutons_home_sprite.jpg) no-repeat -301px 0; } #main.home div#content div#drapeau div.red a:hover { background: url(/images/boutons_home_sprite.jpg) no-repeat -301px -229px; } #main.home div#footer { padding-left: 0px; background-color: #2d3a41; } #main.home div#footer div#footer_menu { background-color: #3f4a50;} #main.home div#footer div#footer_menu ul { margin-left: 150px; padding-bottom: 20px;} #main.home div#footer p#explication { margin-left: 150px; width: 700px; text-align:justify; line-height: 18px; padding: 20px 0; } #main.home div#footer p#declaration { margin-left: 150px; font-size: 10px; } /** Test d'intégration pour la grille de la home **/ /*#grille {background-image: url(/images/home/grille.jpg); width: 1201px; height: 684px; position: relative; z-index: 100;}*/ #grille {background-image: url(/images/home/grille.jpg); width: 1201px; height: 570px; position: relative; z-index: 100;} #grille div { width: 149px; height: 113px; } /** 1ere ligne **/ #grille div#emplacement1, #grille div#emplacement-partenaire {position: absolute; left: 1px; } #grille div#emplacement-partenaire {z-index: 800; left: 0;} #grille div#emplacement4 {position: absolute; left: 451px; } #grille div#emplacement5 {position: absolute; left: 601px;} #grille div#emplacement6 {position: absolute; left: 751px; } #grille div#emplacement7 {position: absolute; left: 901px; } #grille div#emplacement8 {position: absolute; left: 1051px; } /** 2eme ligne **/ #grille div#emplacement9 {position: absolute; left: 1px; top: 114px; } #grille div#emplacement12 {position: absolute; left: 451px; top: 114px; } #grille div#emplacement13 {position: absolute; left: 601px; top: 114px; } #grille div#emplacement14 {position: absolute; left: 751px; top: 114px; } #grille div#emplacement15 {position: absolute; left: 901px; top: 114px; } #grille div#emplacement16 {position: absolute; left: 1051px; top: 114px; } /** 3eme ligne **/ #grille div#emplacement17 {position: absolute; left:1px; top: 228px; } #grille div#emplacement24 {position: absolute; left: 1051px; top: 228px; } /** 4eme ligne **/ #grille div#emplacement25 {position: absolute; left: 1px; top: 342px; } #grille div#emplacement32 {position: absolute; left: 1051px; top: 342px; } /** 5eme ligne **/ #grille div#emplacement33 {position: absolute; left: 1px; top: 456px; } #grille div#emplacement34 {position: absolute; left: 151px; top: 456px; } #grille div#emplacement35 {position: absolute; left: 301px; top: 456px; } #grille div#emplacement36 {position: absolute; left: 451px; top: 456px; } #grille div#emplacement37 {position: absolute; left: 601px; top: 456px; } #grille div#emplacement38 {position: absolute; left: 751px; top: 456px; } #grille div#emplacement39 {position: absolute; left: 901px; top: 456px; } #grille div#emplacement40 {position: absolute; left: 1051px; top: 456px; } /** 6eme ligne **/ #grille div#emplacement41 {position: absolute; left: 1px; top: 570px; } #grille div#emplacement42 {position: absolute; left: 151px; top: 570px; } #grille div#emplacement43 {position: absolute; left: 301px; top: 570px; } #grille div#emplacement44 {position: absolute; left: 451px; top: 570px; } #grille div#emplacement45 {position: absolute; left: 601px; top: 570px; } #grille div#emplacement46 {position: absolute; left: 751px; top: 570px; } #grille div#emplacement47 {position: absolute; left: 901px; top: 570px; } #grille div#emplacement48 {position: absolute; left: 1051px; top: 570px; } /** Fin des tests d'intégration de la home **/ /** Integration de l'animation de la grille pour les autres pages **/ #content div#emplacement1 {position: absolute; left: 1px; top: 0px; } #content div#emplacement-partenaire {position: absolute; left: 0px; top: 0px; z-index: 250 } #content div#emplacement4 {position: absolute; left: 451px; top: 0px; } #content div#emplacement5 {position: absolute; left: 601px; top: 0px; } #content div#emplacement6 {position: absolute; left: 751px; top: 0px; } #content div#emplacement7 {position: absolute; left: 901px; top: 0px; } #content div#emplacement8 {position: absolute; left: 1051px; top: 0px; } /** 2eme ligne **/ #content div#emplacement9 {position: absolute; left: 1px; top: 114px; } #content div#emplacement16 {position: absolute; left: 1051px; top: 114px; } /** 3eme ligne **/ #content div#emplacement17 {position: absolute; left:1px; top: 228px; } #content div#emplacement24 {position: absolute; left: 1051px; top: 228px; } /** 4eme ligne **/ #content div#emplacement25 {position: absolute; left: 1px; top: 342px; } #content div#emplacement32 {position: absolute; left: 1051px; top: 342px; } /** 5eme ligne **/ #content div#emplacement33 {position: absolute; left: 1px; top: 456px; } #content div#emplacement34 {position: absolute; left: 151px; top: 456px; } #content div#emplacement35 {position: absolute; left: 301px; top: 456px; } #content div#emplacement36 {position: absolute; left: 451px; top: 456px; } #content div#emplacement37 {position: absolute; left: 601px; top: 456px; } #content div#emplacement38 {position: absolute; left: 751px; top: 456px; } #content div#emplacement39 {position: absolute; left: 901px; top: 456px; } #content div#emplacement40 {position: absolute; left: 1051px; top: 456px; } /** Fin de l'integration de l'animation de la grille pour les autres pages **/ /** FACEBOOK LIKE **/ div.fb-like-box { position: absolute; left: 590px; top: 330px; } #content div.fb-like-box { left: 910px; position: absolute; top: 536px; z-index: 600; } fb-like-box fb_iframe_widget span iframe { border-color: #ff0000; } /** Fin Facebook like **/ li#top50 { margin-left: 639px; padding-right: 0; } li#flop50 { margin-left: -4px; } #main.quizz li#flop50, #main.pari li#flop50, #main.page li#flop50 { margin-left: -10px; } #main.quizz li#top50 { margin-left: 254px; } #main.quizz.candidat-propositions li#top50 { margin-left: 342px; } #main.pari li#top50 { margin-left: 342px; } #main.page li#top50 { margin-left: 243px; } #main.quizz.propositions li#top50 { margin-left: 586px; } #main.quizz #header ul li#top50, #main.quizz #header ul li#flop50, #main.pari #header ul li#top50, #main.pari #header ul li#flop50, #main.page #header ul li#top50, #main.page #header ul li#flop50 { position: relative; top: 4px; } #main.quizz.propositions #header ul li#top50, #main.quizz.propositions #header ul li#flop50 { top: 114px; } /** PAGES STATIQUES **/ #main.page { width: 1201px; margin: auto; } #main.page #header { height: 55px; position: relative; border-bottom: 1px solid #3f4a50; } #main.page #header ul { margin-left: 332px; padding-top: 22px; position: relative; } #main.page #header ul li { display:inline; padding-right: 5px; } #main.page #header ul li.parier, #main.page #header ul li.quizz { position: absolute; top: 26px; } #main.page #header ul li.parier { left: 630px; } #main.page #header ul li.quizz { left: 543px; } #main.page #content {margin-left: 150px; min-height: 570px; } #main.page #content h1 { width: 215px; margin-top: -35px; margin-left: -15px; z-index: 200; position: relative; } #main.page #content h2 { font-family: "CityDLigRegular", Arial, Helvetica, sans-serif; font-size: 40px; letter-spacing: 2px; text-align: right; margin-right: 150px; border-bottom: 1px solid #969da0; margin-top: -43px; padding-bottom: 3px; } #main.page #content #text-content { margin: 30px 0; width: 900px;} #main.page #content .scrollpane { height: 372px; } #main.page #content ul#liste_candidats, #main.page #content ul#liste_candidats_nonpartants { } #main.page #content ul#liste_candidats, #main.page #content ul#liste_candidats_incertains { margin-bottom: 40px; } #main.page #content ul#liste_candidats li, #main.page #content ul#liste_candidats_nonpartants li, #main.page #content ul#liste_candidats_incertains li { width: 200px; display: block; float: left; font-size: 10px; padding: 5px; } #main.page #content ul#liste_candidats li div, #main.page #content ul#liste_candidats_nonpartants li div, #main.page #content ul#liste_candidats_incertains li div { position: relative; } #main.page #content ul#liste_candidats li img.candidat-portrait, #main.page #content ul#liste_candidats_nonpartants li img.candidat-portrait, #main.page #content ul#liste_candidats_incertains li img.candidat-portrait { float: left; margin-right: 8px;} #main.page #content ul#liste_candidats li span, #main.page #content ul#liste_candidats_nonpartants li span, #main.page #content ul#liste_candidats_incertains li span { display: block; margin-bottom: 10px; } #main.page #content ul#liste_candidats li span.candidat-name, #main.page #content ul#liste_candidats_nonpartants li span.candidat-name, #main.page #content ul#liste_candidats_incertains li span.candidat-name { font-weight: bold; } #main.page #content ul#liste_candidats li span.candidat-parti { } #main.page #content ul#liste_candidats li div.candidat-wikilink, #main.page #content ul#liste_candidats_nonpartants li div.candidat-wikilink, #main.page #content ul#liste_candidats_incertains li div.candidat-wikilink { position: absolute; left: 72px; top: 60px; } #main.page #content ul#liste_candidats li.light, #main.page #content ul#liste_candidats_nonpartants li.light, #main.page #content ul#liste_candidats_certains li.light { background-color: #38444b;} #main.page #content p { padding-bottom: 35px; line-height: 20px; } #main.page #content p.info { padding-bottom: 0; } #main.page #content p.spacing { padding-bottom: 35px; line-height: 40px; } #main.page #content p.intro { font-weight: bold; } /** FIN PAGES STATIQUES **/ /** MODULE QUIZZ **/ #main.quizz { width: 1201px; margin: auto; } #main.quizz #header { height: 55px; position: relative; z-index: 400;} #main.quizz.propositions #header { height: 155px; position: relative; z-index: 400;} #main.quizz #header ul { margin-left: 332px; padding-top: 22px; } #main.quizz.propositions #header ul { margin-left: 0; padding-top: 12px; } #main.quizz #header ul li {display:inline; padding-right: 5px; } #main.quizz #header ul li.parier { position: absolute; right: 137px; top: 26px; } #main.quizz.propositions #header ul li.parier { position: absolute; top: 126px; left: 881px; } #main.quizz #header ul li.quizz { position: absolute; top: 26px; left: 877px;} #main.quizz.candidat-propositions #header ul li.quizz { left: 973px;} #main.quizz div#content {background: url(/images/anim/grille.jpg) no-repeat 0 0; height: 570px; position: relative; } div#main.quizz div#content.detailclassement { background: url(/images/fond_quizz_detail_resultats_bar.jpg) repeat-x 0 0 #342D23; height: inherit;} #main.quizz div#content h1 img { margin-left: 135px; margin-top: -34px; z-index: 300; position: relative; } #main.quizz div#content div#center-content { margin-left: 150px; height: 341px; width: 900px; position: relative;} #main.quizz div#content div#center-content h2 { float: left; text-indent: -100000px; width: 150px; height: 341px; background: url(/images/title_quizz.jpg) no-repeat 0 0; } #main.quizz div#content div#center-content div#choix-quizz { font-size: 17px; color: #2d3a41; background-color: #fff; width: 750px; margin-left: 150px; height: 341px; } #main.quizz div#content div#center-content div#choix-quizz.prez-candidats { font-size: 14px;} #main.quizz div#content div#center-content div#choix-quizz p { padding-top: 33px; margin-left: 26px; line-height: 25px; padding-right: 26px;} #main.quizz div#content div#center-content div#choix-quizz.prez-candidats p { padding-top: 15px; line-height: 20px;} #main.quizz div#content div#center-content div#choix-quizz form { margin-top: 20px;} #main.quizz div#content div#center-content div#choix-quizz form#questionaireform { position: relative; margin-top: 0; padding-top: 33px; margin-left: 40px; font-size: 20px; padding-right: 26px; } #main.quizz div#content div#center-content div#choix-quizz form input.submit { margin-top: 15px; margin-left: 5px; } #main.quizz div#content div#center-content div#choix-quizz form div#choix-propositions { margin-left: 25px; margin-top: 60px; display: none; } #main.quizz div#content div#center-content div#choix-quizz form div#choix-propositions div.choix-proposition-group { float: left; width: 230px; margin-right: 5px;} #main.quizz div#content div#center-content div#choix-quizz form div#choix-propositions div.choix-proposition-group div.bouton-proposition { cursor: pointer; background: url(/images/form/bouton_fond_gris.png) no-repeat 0 0; height: 52px; padding-left:12px; padding-top: 4px; font-family: "CityDRegBold", Arial, Helvetica, sans-serif; font-size: 30px;} #main.quizz div#content div#center-content div#choix-quizz form div#choix-propositions div.choix-proposition-group div.bouton-proposition:hover { background: url(/images/form/bouton_fond_bleu.png) no-repeat 0 0; height: 52px; padding-left:12px; padding-top: 4px; font-family: "CityDRegBold", Arial, Helvetica, sans-serif; font-size: 30px; color: #eaebeb;} #main.quizz div#content div#center-content div#choix-quizz form div#choix-propositions div.choix-proposition-group div.bouton-proposition span { display: block; font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin-left: 90px; margin-top: -2px; } #main.quizz div#content div#center-content div#choix-quizz form div#choix-propositions div.choix-proposition-group div.temps-estime { color: #81898d; font-size: 18px; font-weight: bold; background: url(/images/form/picto_temps.gif) no-repeat 0 0; height: 30px; margin-left: 23px; padding: 5px 0 0 35px;} div#candidats-list {margin-left: 27px; } .signatures-pari div#candidats-list { margin-left: -32px; } div#candidats-list .col { width: 720px; } .signatures-pari div#candidats-list .col { width: 750px; } div#candidats-list .col ul { list-style-type: none; } div#candidats-list .col ul li { padding-bottom: 0px; } div#candidats-list .listcols { font-size: 17px; margin-top: 5px; } div#jouer { width: 102px; margin-left: 500px; height: 200px; left: 276px; position: absolute; top: 176px; } /*div#jouer a { background: url(/images/btn_general_bleu.png) no-repeat 0 0; display: block; width: 100px; height: 28px; padding: 7px 0 0 12px; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #fff; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; }*/ /*div#jouer a { background: url(/images/btn_general_bleu.png) no-repeat 0 0; display: inline-block; width: 100px; height: 28px; padding: 7px 0 0 12px; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #fff; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; }*/ div#jouer a { background: url(/images/btn_general_bleu.png) no-repeat 0 0; display: inline-block; width: 100px; height: 28px; padding: 6px 0 0 8px; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #fff; font-size: 25px; text-transform: uppercase; letter-spacing: 1px; } div#content.gagnant {} div#content.gagnant h1, div.propositions-candidat h1 { position: relative; z-index: 300; } div#display-gagnant { position: absolute; z-index: 200; height: 570px; width: 1201px; background: url(/images/fond_quizz_results.jpg) no-repeat 0 0; } div#gagnant-content { position: relative; z-index: 400; width: 351px; margin: 100px 0 0 800px; } div#gagnant-name { font-family: 'CityDRegBold', Arial, Helvetica, sans-serif; color: #fff; font-size: 50px; text-align: center; letter-spacing: 1px; line-height: 62px; margin-left: -60px;} .candidat-propositions div#gagnant-name { line-height: 80px; display: block; } div#gagnant-name span { display: block; } div#gagnant-name span.big { font-size: 100px; } div#gagnant-onglets { margin: 60px 0 0 0; border-bottom: 1px solid #918e8b; } div#gagnant-onglets a { display: block; float: left; height: 29px; text-indent: -100000px; overflow: hidden; } div#gagnant-onglets a.detail { background: url(/images/onglet_detail_votes.png) no-repeat 0 0 ; width: 195px; margin-left: 53px; } div#gagnant-onglets a.rejouer { background: url(/images/onglet_rejouer.png) no-repeat 0 0 ; width: 93px; margin-left: 10px; } div#gagnant-share { margin: 30px 0 0 98px; width: 260px; } div#gagnant-share span, div#gagnant-share a { display: block; float: left; } div#gagnant-share span { margin-top: 9px; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #fff; font-size: 16px; letter-spacing: 1px;} div#gagnant-share a.twitter-link { margin-left: 20px; } div#gagnant-share a.facebook-link { margin-left: 12px; } div#content.gagnant div#emplacement1, div#content.gagnant div#emplacement2, div#content.gagnant div#emplacement3, div#content.gagnant div#emplacement4, div#content.gagnant div#emplacement5, div#content.gagnant div#emplacement6, div#content.gagnant div#emplacement7, div#content.gagnant div#emplacement8, div#content.gagnant div#emplacement9, div#content.gagnant div#emplacement10, div#content.gagnant div#emplacement11, div#content.gagnant div#emplacement12, div#content.gagnant div#emplacement13, div#content.gagnant div#emplacement14, div#content.gagnant div#emplacement15, div#content.gagnant div#emplacement16, div#content.gagnant div#emplacement17, div#content.gagnant div#emplacement18, div#content.gagnant div#emplacement19, div#content.gagnant div#emplacement20, div#content.gagnant div#emplacement21, div#content.gagnant div#emplacement22, div#content.gagnant div#emplacement23, div#content.gagnant div#emplacement24, div#content.gagnant div#emplacement25, div#content.gagnant div#emplacement26, div#content.gagnant div#emplacement27, div#content.gagnant div#emplacement28, div#content.gagnant div#emplacement29, div#content.gagnant div#emplacement30, div#content.gagnant div#emplacement31, div#content.gagnant div#emplacement32, div#content.gagnant div#emplacement33, div#content.gagnant div#emplacement34, div#content.gagnant div#emplacement35, div#content.gagnant div#emplacement36, div#content.gagnant div#emplacement37, div#content.gagnant div#emplacement38, div#content.gagnant div#emplacement39, div#content.gagnant div#emplacement40 { display: block; background: url(/images/home/portrait19.jpg) no-repeat 0 0; position: absolute; z-index: 250; width: 149px; height: 113px; } div#content.gagnant div#emplacement2 { left: 151px; } div#content.gagnant div#emplacement3 { left: 301px; } div#content.gagnant div#emplacement10 { left: 151px; top: 114px; } div#content.gagnant div#emplacement11 { left: 301px; top: 114px; } div#content.gagnant div#emplacement12 { left: 451px; top: 114px; } div#content.gagnant div#emplacement13 { left: 601px; top: 114px; } div#content.gagnant div#emplacement14 { left: 751px; top: 114px; } div#content.gagnant div#emplacement15 { left: 901px; top: 114px; } div#content.gagnant div#emplacement18 { left: 151px; top: 228px; } div#content.gagnant div#emplacement19 { left: 301px; top: 228px; } div#content.gagnant div#emplacement20 { left: 451px; top: 228px; } div#content.gagnant div#emplacement21 { left: 601px; top: 228px; } div#content.gagnant div#emplacement22 { left: 751px; top: 228px; } div#content.gagnant div#emplacement23 { left: 901px; top: 228px; } div#content.gagnant div#emplacement26 { left: 151px; top: 342px; } div#content.gagnant div#emplacement27 { left: 301px; top: 342px; } div#content.gagnant div#emplacement28 { left: 451px; top: 342px; } div#content.gagnant div#emplacement29 { left: 601px; top: 342px; } div#content.gagnant div#emplacement30 { left: 751px; top: 342px; } div#content.gagnant div#emplacement31 { left: 901px; top: 342px; } div#content.gagnant div#countdown { position: absolute; width: 1201px; text-align: center; font-family: 'CityDRegBold', Arial, Helvetica, sans-serif; font-size: 30px; color: #2d3a41; font-size: 55px; letter-spacing: 1px; top: 150px;} div#content.gagnant div#countdown.resultats-facebook { z-index: 300; margin-top: 15px; position: relative; top: 40px; } div#content.gagnant div#countdown.resultats-facebook #check-yourself { font-size: 43px; margin-top: 10px;} div#content.gagnant div#countdown.resultats-facebook div { margin-top: 45px;} div#content.gagnant div#countdown span { font-size: 200px; } div#content.detailclassement h2 { margin: -33px 0 12px 400px; text-transform: uppercase; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #fff; font-size: 30px; letter-spacing: 1px; } div#content.detailclassement div#onglets { border-bottom: 1px solid #95928e; width: 900px; margin-left: 150px; height: 29px; margin-top: -39px; } div#content.detailclassement div#onglets a { display: block; background: url(/images/onglet_rejouer.png) no-repeat 0 0; width: 95px; height: 30px; text-indent: -100000px; margin-left: 807px;} div#content.detailclassement div#onglets a.back { background: url(/images/onglet_retour.png) no-repeat 0 0; width: 90px; float: left; margin-left: 707px; } div#content.detailclassement h3, #main.page h3 { text-transform: uppercase; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #fff; font-size: 22px; letter-spacing: 1px; margin-top: 0px; margin-bottom: 10px; } #main.page h3 { color: inherit; } div#content.detailclassement ul { margin-top: 20px; } /*div#content.detailclassement ul li, div#content #choix-quizz ul li, div#content .signatures-pari ul li { width: 117px; float: left; margin-right: 10px; margin-top: 15px; }*/ div#content.detailclassement ul li, div#content #choix-quizz ul li, div#content .signatures-pari ul li { width: 117px; float: left; margin-right: 62px; margin-top: 15px; } div#content #choix-quizz ul li, div#content .signatures-pari ul li { width: 100px; margin: 0 21px 0 0; } div#content .signatures-pari ul li { width: 123px; } div#content.detailclassement .classement-coords-top { } div#content.detailclassement .classement-coords, div#content #choix-quizz .classement-coords, div#content .signatures-pari .classement-coords { background: url(/images/fond_rounded_middle.png) repeat-x 0 0 #c7ccce; text-align: center; padding: 2px; width: 89px; margin-left: 1px; height: 72px; } div#content .signatures-pari .classement-coords, div#content.detailclassement .classement-coords.detailvotes { width: 111px; } div#content #choix-quizz .classement-coords, div#content .signatures-pari .classement-coords { height: 50px; } div#content .signatures-pari .classement-coords { height: 45px; } div#content.detailclassement .classement-coords .candidat-valign, div#content #choix-quizz .classement-coords .candidat-valign, div#content .signatures-pari .classement-coords .candidat-valign { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } div#content.detailclassement .classement-coords-bottom { } div#content.detailclassement .classement-coords span, div#content #choix-quizz .classement-coords span, div#content .signatures-pari .classement-coords span { text-transform: uppercase; color: #000; font-family: 'CityDRegBold', Arial, Helvetica, sans-serif; font-size: 14px; display: block; } div#content #choix-quizz .classement-coords span, div#content .signatures-pari .classement-coords span { font-size: 11px; } div#content.detailclassement .classement-coords span.parti, div#content #choix-quizz .classement-coords span.parti, div#content .signatures-pari .classement-coords span.parti { font-size: 13px; } div#content #choix-quizz .classement-coords span.parti, div#content #choix-quizz .classement-coords span.ses-propositions, div#content .signatures-pari .classement-coords span.parti, div#content .signatures-pari .classement-coords span.ses-propositions { font-size: 9px; } div#content #choix-quizz .classement-coords span.ses-propositions, div#content .signatures-pari .classement-coords span.ses-propositions { margin-top: 3px; } div#content #choix-quizz .classement-coords span.ses-propositions a, div#content .signatures-pari .classement-coords span.ses-propositions a { text-decoration: underline; color: #000; } div#content #choix-quizz .classement-coords span.ses-propositions a:hover , div#content .signatures-pari .classement-coords span.ses-propositions a:hover { text-decoration: none; } div#content.detailclassement .classement-score { text-align: center; font-size: 45px; color: #fff; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; } #main.quizz div#content.detailclassement div#center-content.scrollpane { height: 410px; } #main.quizz div#content.detailclassement div#center-content { margin-top: 20px; padding-bottom: 30px; height: inherit; } div#content.detailclassement p#classement-explication { margin: 10px 5px 10px 0; font-size: 13px; color: #fff; line-height: 16px; } div#content.detailclassement ul#resultscandidats { margin-bottom: 30px;} div#content.detailclassement table#resultspropositions, div#content.detailclassement table#resultspropositionstopflop { width: 870px; margin-bottom: 20px; } div#content.detailclassement table#resultspropositionstopflop { width: 950px; } div#content.detailclassement table#resultspropositions tr.shadow, div#content.detailclassement table#resultspropositionstopflop tr.shadow { background-color: #2E271F; } div#content.detailclassement table#resultspropositions th, div#content.detailclassement table#resultspropositions td, div#content.detailclassement table#resultspropositionstopflop th, div#content.detailclassement table#resultspropositionstopflop td { padding: 3px; text-align: left; } div#content.detailclassement table#resultspropositions td, div#content.detailclassement table#resultspropositionstopflop td { padding: 15px; color: #fff; font-size: 12px;} div#content.detailclassement table#resultspropositions td.firstcol { width: 398px; } div#content.detailclassement table#resultspropositionstopflop td.firstcol { width: 300px; padding-right: 25px; } div#content.detailclassement table#resultspropositions td.secondcol, div#content.detailclassement table#resultspropositionstopfop td.firstcol { width: 105px; } div#content.detailclassement table#resultspropositions td.thirdcol, div#content.detailclassement table#resultspropositionstopflop td.thirdcol { width: 112px; } div#content.detailclassement table#resultspropositions td.lastcol, div#content.detailclassement table#resultspropositionstopflop td.lastcol { width: 205px; } div#content.detailclassement table#resultspropositions td.votelibelle { font-size: 20px; } div#content.detailclassement table#resultspropositions td img.portraitcandidat, div#content.detailclassement table#resultspropositionstopflop td img.portraitcandidat { margin-left: -6px; margin-top: -3px; vertical-align: text-top; width: 75px; height: 63px; } div#content.detailclassement table#resultspropositions td img.fbshare, div#content.detailclassement table#resultspropositionstopflop td img.fbshare { margin-top: 10px; } div#content.detailclassement table#resultspropositions th div.middlecontent, div#content.detailclassement table#resultspropositionstopflop th div.middlecontent { float: left; background: url(/images/fond_repeatable.png) repeat-x 0 0; height: 30px; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #000; font-size: 18px; padding: 5px 0 0 5px; } div#content.detailclassement table#resultspropositionstopflop th div.middlecontent { width: 95px; } div#content.detailclassement table#resultspropositions th#proposition { width: 398px; } div#content.detailclassement table#resultspropositionstopflop th#proposition { width: 410px; } div#content.detailclassement table#resultspropositionstopflop th#classement-proposition { width: 130px; } div#content.detailclassement table#resultspropositions th#vote { width: 105px; } div#content.detailclassement table#resultspropositions th#candidat, div#content.detailclassement table#resultspropositionstopflop th#candidat { width: 112px; } div#content.detailclassement table#resultspropositions th#share, div#content.detailclassement table#resultspropositionstopflop th#share { width: 205px; } div#content.detailclassement table#resultspropositions th#share div.fbicon, div#content.detailclassement table#resultspropositionstopflop th#share div.fbicon { width: 27px; left: 138px; position: relative; top: -20px;} div#content.detailclassement table#resultspropositions th#share div.fbicon img, div#content.detailclassement table#resultspropositionstopflop th#share div.fbicon img { width: 25px; height: 25px; } div#content.detailclassement table#resultspropositions th div.middlecontent.proposition, div#content.detailclassement table#resultspropositionstopflop th div.middlecontent.proposition { width: 385px; } div#content.detailclassement table#resultspropositions th div.middlecontent.vote, div#content.detailclassement table#resultspropositionstopflop th div.middlecontent.vote { width: 72px; } div#content.detailclassement table#resultspropositions th div.middlecontent.candidat, div#content.detailclassement table#resultspropositionstopflop th div.middlecontent.candidat { width: 77px; } div#content.detailclassement table#resultspropositions th div.middlecontent.share { width: 185px; } div#content.detailclassement table#resultspropositionstopflop th div.middlecontent.share { width: 205px; *width: 180px; } div#content.detailclassement table#resultspropositions th div.cornerleft, div#content.detailclassement table#resultspropositionstopflop th div.cornerleft { float: left; } #colgauche { position: absolute; width: 150px; height: 341px; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #fff; font-size: 18px; text-align: center; left: 0;} #colgauche.nb_parties_jouees { margin-top: 140px; } #colgauche.nb_parties_jouees span { display: block; font-size: 25px;} #colgauche.nb_parties_jouees span.nombre { padding-top: 5px; font-size: 35px;} #countdown-emplacement { margin-top: 130px; } #propositioncount-emplacement { padding-top: 40px; } #countdown, #propositioncount { font-size: 50px; font-family: 'CityDRegBold', Arial, Helvetica, sans-serif; } #main.quizz div#content div#center-content div#choix-quizz p#domainetitre { line-height: 16px; margin-left: 0; padding-top: 0; font-weight: bold; text-transform: uppercase; margin-bottom: 17px; } form#questionaireform div#cursor-part { position: absolute; bottom: 20px; left: 0; top: 238px; } #main.quizz div#content div#center-content div#choix-quizz form#questionaireform div#cursor-part p { line-height: 16px; margin-left: 0; padding-top: 0; margin-top:7px; } form#questionaireform label { line-height: 28px; } form#questionaireform ul { width: 573px; height: 67px; background: url(/images/fond_reponses_quizz.png) no-repeat 0 0; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #000; } form#questionaireform ul li { width: 65px; height: 61px; display: block; float: left; margin: 0 22px 0 27px;} form#questionaireform ul li input { display: none; margin: 0; padding: 0; } form#questionaireform ul li label { display: block; text-align: center; font-size: 15px; text-transform: uppercase; color: #0c59eb; line-height: inherit; } form#questionaireform ul li label.hover, form#questionaireform ul li label.clicked { cursor: pointer; background: url(/images/fond_quizz_cursor.png) no-repeat 0 0; width: 89px; height: 61px; margin: -22px; padding: 18px 12px 22px 12px; font-size: 20px; } /*cursor: pointer; background: url(/images/fond_quizz_cursor.png) no-repeat 0 0; width: 108px; height: 74px; margin: -22px; padding: 0; font-size: 18px; padding-top: 17px; }*/ /*form#questionaireform #submitquestionaire { cursor: pointer; background:url(/images/btn_valider_vote.jpg) no-repeat 0 0; width: 101px; height: 67px; position: absolute; top: 0; left: 574px; border: none; }*/ form#questionaireform #submitquestionaire { display: none; } form#questionaireform #careful { font-size: 9px; color: #99a0a3; } div#content #choix-quizz form#questionaireform.votequizz ul li { display: block; float: left; height: 61px; margin: 0 22px 0 27px; width: 65px; } /* form#questionaireform div#cursor-part ul { background:url(/images/fond_reponses_quizz.jpg) no-repeat 0 0; width: 574px; height: 67px; padding-left: 30px; } form#questionaireform div#cursor-part ul li { border-left: 1px solid #0D58E8; float: left; height: 30px; margin-top: 20px; padding: 0 16px; text-align: center; width: 70px; } form#questionaireform div#cursor-part ul li label { display: block; text-align: center; text-transform: uppercase; font-family: 'CityDLigRegular', Arial, Helvetica, sans-serif; color: #0d58e8; font-size: 15px; } form#questionaireform #slider { background: url(/images/fond_reponses_quizz.jpg) no-repeat 0 0; border: none; height: 67px; width: 574px; margin-bottom:10px; position: relative; } form#questionaireform #slider .ui-widget-header { background: transparent; } form#questionaireform #slider .ui-slider-handle { background: url(/images/fond_quizz_cursor.png) no-repeat 0 3px; width: 110px; height: 80px; margin-left: 6px; } form#questionaireform #slider .ui-corner-all { border: none; } form#questionaireform #slider a.ui-slider-handle { text-align: center; text-transform: uppercase; font-family: 'CityDRegBold', Arial, Helvetica, sans-serif; color: #0d58e8; font-size: 19px; padding-top: 20px; width: 108px; } form#questionaireform #submitquestionaire { background:url(/images/btn_valider_vote.jpg) no-repeat 0 0; width: 101px; height: 67px; position: absolute; top: 0; left: 574px; border: none; } form#questionaireform #careful { font-size: 9px; color: #99a0a3; }*/ /*form#questionaireform div#cursor-part ul li input[type=radio] { display: none;}*/ /*#main.quizz { padding-top: 42px; min-height: 600px;} #main.quizz h2 {margin: 25px 0; font-family: "CityDLigRegular", Arial, Helvetica, sans-serif; font-size: 30px; letter-spacing: 2px;} #main.quizz div#content { margin: 0 auto; width: 800px;} #main.quizz div#content.resultats { margin: 0 auto; width: 1000px;} #main.quizz div#content form ul { margin: 20px 0;} img.photo-candidat { margin:5px 10px 5px 0; }*/ /** FIN MODULE QUIZZ **/ /** MODULE PARI **/ #main.pari { width: 1201px; margin: auto; } #main.pari #header { height: 55px; position: relative; } /*#main.pari #header ul { margin-left: 332px; padding-top: 22px; position: relative; z-index: 500; }*/ /*#main.pari #header ul { margin-left: 332px; padding-top: 22px; position: relative; z-index: 500; width: 250px;}*/ #main.pari #header ul { margin-left: 332px; padding-top: 22px; position: relative; z-index: 500; } #main.pari #header ul li {display:inline; padding-right: 5px; } /*#main.pari #header ul li.quizz{ position: absolute; right: 137px; top: 26px; }*/ #main.pari #header ul li.quizz{ position: absolute; left: 640px; top: 26px; } #main.pari div#content {background: url(/images/anim/grille.jpg) no-repeat 0 0; height: 570px; position: relative; } #main.pari div#content h1 img { margin-left: 135px; margin-top: -34px; z-index: 300; position: relative; } #main.pari div#content div#center-content { position: relative; margin-left: 150px; height: 341px; width: 900px; } #main.pari div#content div#center-content h2 { float: left; text-indent: -100000px; width: 150px; height: 341px; background: url(/images/title_pari.jpg) no-repeat 0 0; } #main.pari div#content div#center-content.home h2 { width: 300px; background: url(/images/fond_pari_home1.jpg) no-repeat 0 0; } #main.pari div#content div#center-content.home h3 { float: left; text-indent: -100000px; width: 300px; height: 341px; background: url(/images/fond_pari_home2.jpg) no-repeat 0 0; } #main.pari div#content div#center-content div#parier { float: left; position: relative; text-indent: -100000px; width: 300px; height: 341px; background: url(/images/fond_pari_home3.jpg) no-repeat 0 0; } #main.pari div#content div#center-content div#parier img { position: absolute; left: 55px; top: -15px;} #main.pari div#content div#center-content div#parier div {margin: 262px 0 0 72px; } #main.pari div#content div#center-content div#parier div a { background: url(/images/bouton_jeparie.png) no-repeat 0 0; width: 180px; height: 55px; display: block; text-indent: -100000px; overflow: hidden; } #main.pari div#content div#center-content div#periode-pari { width: 150px; position: absolute; text-align: right; color: #fff; font-size: 16px; top: 100px; left: -13px;} #main.pari div#content div#center-content div#lot-pari { width: 150px; position: absolute; text-align: center; color: #fff; font-size: 16px; top: 200px; left: 0px; color: #eaebeb; font-family: "CityDLigRegular", Arial, Helvetica, sans-serif; font-size: 22px; line-height: 30px; } #main.pari div#content div#center-content div#lot-pari span { display: block; } #main.pari div#content div#center-content div#lot-pari span.big { font-size: 35px;} #main.pari div#content div#center-content div#lot-pari span.troisd { background: url(/images/tv_small.png) no-repeat 27px 0; height: 65px; text-indent: -100000px; } #main.pari div#content div#center-content div#content-page { font-size: 17px; color: #2d3a41; background-color: #fff; width: 750px; margin-left: 150px; height: 341px; } #main.pari div#content div#center-content div#content-page div#dejajoue h3, #main.pari div#content div#center-content div#content-page div#nouveaujoueur h3 { color: #2d3a41; font-size: 22px; padding-bottom: 10px; } #main.pari div#content div#center-content div#content-page div#dejajoue { margin-left: 150px; padding-top: 27px; } #main.pari div#content div#center-content div#content-page div#dejajoue form { padding-bottom: 40px; } #main.pari div#content div#center-content div#content-page div#nouveaujoueur { margin-left: 150px; height: 190px; } #main.pari div#content div#center-content div#content-page div#nouveaujoueur form { margin-bottom: 10px; } #main.pari div#content div#center-content div#content-page div#dejajoue input.text, #main.pari div#content div#center-content div#content-page div#nouveaujoueur input.text { background: url("/images/fond_textfield.png") no-repeat scroll 0 0; border: none; width: 360px; height: 29px; padding: 0 0 8px 10px; font-size: 14px; color: #757575; } #main.pari div#content div#center-content div#content-page div#dejajoue input.submit, #main.pari div#content div#center-content div#content-page div#nouveaujoueur input.submit { background: url(/images/btn_valider.jpg) no-repeat 0 0; width: 118px; height: 35px; border: none; text-indent: -100000px; cursor: pointer; margin: 0 0 0 30px; } #main.pari div#content div#center-content div#content-page div#nouveaujoueur select { margin-bottom: 15px;} #main.pari div#content div#center-content div#content-page div#nouveaujoueur div#mandatory { color: #eb9495; font-size: 10px; margin-bottom: 20px; } #main.pari div#content div#center-content div#content-page div#text-confirm { color: #2d3a41; margin-left: 85px; font-size: 32px; padding-top: 90px; } #main.pari div#content div#center-content div#content-page div#colgauche.confirmpari div#text-confirm { color: #2d3a41; margin-left: 216px; text-align: left; } #main.pari div#content div#center-content div#content-page div#text-confirm span { font-size: 19px; line-height: 35px; } #main.pari div#content div#center-content div#content-page div#links { margin: 4px 0 0 85px; } #main.pari div#content div#center-content div#content-page div#colgauche.confirmpari div#links { margin: 4px 0 0 120px; } #main.pari div#content div#center-content div#content-page div#links span { display: block; float: left; margin: 8px 10px 0 0; } #main.pari div#content div#center-content div#content-page div#colgauche.confirmpari div#links span { display: block; float: left; margin: 8px 10px 0 100px; } #main.pari div#content div#center-content div#content-page div#links div#icons { width: 340px; } #main.pari div#content div#center-content div#content-page div#links div#icons a { margin: 0 2px; } #main.pari div#content div#center-content div#content-page div#links div#icons a img { } #main.pari div#content div#center-content div#content-page div#links div#gotoquizz { margin-left: 100px; } #main.pari div#content div#center-content div#content-page div#links div#gotoquizz span { float: left; margin: 8px 10px 0 0; } #main.pari div#content div#center-content div#content-page div#links div#gotoquizz a { display: block; background: url(/images/btn_jouez_quivoter.png) no-repeat 0 0; width: 235px; margin: 3px 0 0 310px; height: 35px; text-indent: -100000px; } #main.pari div#content div#center-content div#content-page div#colgauche { width: 72%; float: left; } #main.pari div#content div#center-content div#content-page div#colgauche.confirmpari { font-family: Arial, Helvetica, sans-serif; width: 72%; float: left; color: #000; } #main.pari div#content div#center-content div#content-page div#colgauche.confirmpari div#gotoquizz { margin-left: 0px; } /*#main.pari div#content div#center-content div#content-page div#colgauche.confirmpari div#gotoquizz { margin-left: 100px; }*/ #main.pari div#content div#center-content div#content-page div#colgauche.confirmpari div#icons { width: 340px; } #main.pari div#content div#center-content div#content-page div#coldroite { width: 28%; float: left; margin: 28px 0 0 -35px; } #main.pari div#content div#center-content div#content-page div#coldroite.pastille { width: 28%; float: left; margin: 28px 0 0 490px; } .error { color: #ff0000; margin-top: 5px;} .clearboth { clear: both; } #dejajoue .error, #nouveaujoueur .error { width: 360px; float: left; margin-top: 2px; font-size: 14px;} #nouveaujoueur .error {margin-top: -10px; margin-bottom: 5px;} #nouveaujoueur .error.nofloat {float: none; } /** FIN MODULE PARI **/ /*#subscribenewsletter { display: inline; position: absolute; left: 100px; width: 450px;}*/ #subscribenewsletter { margin-left: 435px; margin-top: -25px; z-index: 500; position: relative; display: inline; float: left; } .quizz.propositions #subscribenewsletter { margin-left: 100px; margin-top: -25px; z-index: 500; position: relative; display: inline; float: left; } /*.home #subscribenewsletter {margin-left: 225px; padding-top: 0px; margin-top: 0px; }*/ .home #subscribenewsletter {margin-left: 225px; padding-top: 0px; margin-top: 21px; } /*.home #subscribenewsletter {margin-left: 225px; padding-top: 0px; margin-top: 83px; } */ #subscribenewsletter span { margin-right: 10px; line-height: 21px;} #subscribenewsletter .inputs { display: inline; } form#subscribenewsletter div#subscribe-newsletter.error ul.error_list { margin-left: 230px; margin-top: -44px;} #main.quizz form#subscribenewsletter div#subscribe-newsletter.error ul.error_list, #main.pari form#subscribenewsletter div#subscribe-newsletter.error ul.error_list,#main.page form#subscribenewsletter div#subscribe-newsletter.error ul.error_list { margin-left: 0; margin-top: -64px;} #main.quizz.propositions form#subscribenewsletter div#subscribe-newsletter.error ul.error_list { margin-left: 0; margin-top: -14px;} .home form#subscribenewsletter div#subscribe-newsletter.error { width: 460px; height: 50px;} /*.home form#subscribenewsletter div#subscribe-newsletter.error ul.error_list { margin-left: 75px; margin-top: 4px;}*/ .home form#subscribenewsletter div#subscribe-newsletter.error ul.error_list { margin-left: 75px; margin-top: -20px;} /*.home form#subscribenewsletter div#subscribe-newsletter.error ul.error_list { margin: 0; left: 0; position: relative; top: -90px; width: 240px;}*/ form#subscribenewsletter div#subscribe-newsletter.confirm { color: #fff; width: 350px; margin-top: -18px; margin-left: 230px;} #main.quizz form#subscribenewsletter div#subscribe-newsletter.confirm, #main.pari form#subscribenewsletter div#subscribe-newsletter.confirm, #main.page form#subscribenewsletter div#subscribe-newsletter.confirm { margin-top: -38px; margin-left: 0;} /*#main.home form#subscribenewsletter div#subscribe-newsletter.confirm { margin-top: -70px; margin-left: 0; position: absolute; }*/ #main.quizz.propositions form#subscribenewsletter div#subscribe-newsletter.confirm { margin-left: 0; margin-top: 2px; } .ui-loader.ui-body-a.ui-corner-all { display: none;} .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } div.jspTrack { width: 7px; background-color: #6c757a; } div.jspVerticalBar { background-color: transparent;} div.jspDrag { background-color: #d3d7da; } a.jspArrow.jspArrowUp, a.jspArrowUp.jspDisabled { background: url(/images/arrow_up.png) no-repeat 0 0; } a.jspArrow.jspArrowDown, a.jspArrowDown.jspDisabled { background: url(/images/arrow_down.png) no-repeat 0 12px; } /** MOBILE **/ #main.pari.mobile { width: 100%; } #main.pari.mobile div#content { background: none; height: 341px; } #main.pari.mobile div#content #center-content { margin: 0 auto; } /** FIN MOBILE **/ .white { color: #fff; } .non-partant { font-size: 9px;} #minutebuzz { margin: 20px 0; width: 1201px; height: 85px; } #content div.fb-like-box.minutebuzz { top: 700px; } .candidat-propositions div#display-gagnant img { margin-left: 0; } .candidat-propositions div#display-gagnant a { position: absolute; top: 0; left: 135px; width: 916px; } .candidat-propositions #tableau-propositions { border-top: 1px solid #999590; margin-top: 101px; position: relative; z-index: 200; left: 135px; width: 916px; padding-top: 20px; padding-bottom: 70px;} .candidat-propositions div#content.detailclassement #tableau-propositions table { width: 916px;} .candidat-propositions #tableau-propositions th#theme { width: 145px;} .candidat-propositions #tableau-propositions div.theme { width: 120px;} .candidat-propositions div#content.detailclassement #tableau-propositions table#resultspropositions div.proposition { width: 435px;} .candidat-propositions div#content.detailclassement #tableau-propositions h2 { font-family: "CityDLigRegular", Arial, Helvetica, sans-serif; font-size: 24px; color: #eaebeb; text-transform: uppercase; margin: 0 0 20px 0; } #tableau-propositions #proposition_filters_theme_id { border: 0; height: 24px; padding-top: 2px; padding-left: 5px; position: relative; top: -7px; font-family: "CityDLigRegular", Arial, Helvetica, sans-serif; font-size: 17px; background: url("/images/fond_repeatable.png") repeat-x 0 0 #eee;} #tableau-propositions .back { margin-top: 50px; text-align: right; width: 91%; } /** SURCHARGES CORRECTIVES **/ #content .content { width: 900px; height: 340px; margin: 0 auto; overflow: hidden; background: #fff; position: relative; } .red-block { background: #ff3131; height: 100%; } .signatures-pari .col1 p { margin: 50px 14px; color: #fff; font-family: "CityDLigRegular", Arial, Helvetica, sans-serif; font-size: 20px; } .signatures-pari .col1 { padding: 20px 0 0 0; } .signatures-pari .col1 h2.bg-pariez { background: url(/images/h2_pariez.jpg) no-repeat top center; height: 62px; text-indent: -500px; overflow: hidden; margin-bottom: 14px } .signatures-pari .col1 h2.bg-programme { background: url(/images/h2_programme.jpg) no-repeat top center; height: 62px; text-indent: -500px; overflow: hidden; margin-bottom: 14px } .signatures-pari .col1, .signatures-pari .col2 { float: left} .bold {font-weight: bold} .right {text-align: right} .row { zoom: 1; margin-left: 0px; } .row:before, .row:after { display: table; content: ""; zoom: 1; } .row:after { clear: both; } .row > [class*="span"] { display: inline; float: left; margin-left: 0px; } .signatures-pari p.dotation {margin-top: 75px; text-align: center} .signatures-pari .image-dotation {margin-top: 10px} .signatures-pari h3 {color: #2d3a41; font-size: 22px; font-weight: bold; margin-bottom: 8px} .signatures-pari .col2 p {color: #2d3a41; font-size: 12px; margin-top: 3px} .signatures-pari .col2 {padding-top: 25px} .signatures-pari .col2 .inner-content {width: 665px; margin: auto} .candidat-list {margin-top: 18px; position: relative; overflow: hidden; height: 172px; width: 664px} .candidat-list ul { width: 664px; float: left;} .candidat-list li {cursor: pointer; font-size: 10px; color: #2d3a41; display: block; width: 160px; height: 82px; float: left; background: #eaebeb; margin: 0 8px 8px 0} .candidat-list li.end-line {margin: 0 0 8px 0} .candidat-list li img { float: left} .candidat-list li div {float: right; width: 95px; } .candidat-list li div span {float: none; display: block; padding: 0 5px 0 5px} .candidat-list li div span.identite {padding-top: 22px} .candidat-list li div span.etiquette {padding-top: 8px} .candidat-list input[type=checkbox] {display: none} .signatures-pari .col2 {position: relative} .signatures-pari .slider-scroll {position: absolute; top: 175px} .signatures-pari .slider-scroll.gauche {left: 14px} .signatures-pari .slider-scroll.droite {right: 14px} .signatures-pari .ui-btn-inner {display: none} .inner-list {position: absolute} .candidat-list li.active {background: #3f4a50; color: #fff } .candidat-list li img.active {display: none} .signatures-pari .form-valid {background: url(/images/btn_valider.jpg) no-repeat; width: 117px; height: 34px; float: right; border: 0; overflow: hidden; text-indent: -5000px; cursor: pointer; font-size: 0%; } .link-close-candidats {margin-top: 15px} .link-close-candidats a { font-size: 10px; color: #2d3a41 } .pagination { clear: both; line-height: 12px; padding: 6px 0 0 8px; text-align: center; } .pagination strong, .pagination a { display: inline-block; font-size: 9px; height: 10px; margin: 0 4px; width: 10px; } .pagination a { background: url("/images/sliderpagination_off.png") repeat scroll 0 0 transparent; color: #bcc0c2; } .pagination strong { background: url("/images/sliderpagination_on.png") repeat scroll 0 0 transparent; color: #3f4a50; } .span1 {width: 150px} .span2 {width: 300px} .span3 {width: 450px} .span4 {width: 600px} .span5 {width: 750px} .span6 {width: 900px} .span7 {width: 1050px} .span8 {width: 1200px} html, body { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } .ui-btn-text { display: none; } .ui-btn { display: inline; } div#content.detailclassement table#resultspropositionstopflop td.grosgras { font-weight: bold; font-size: 18px; } .lineheight { line-height: 20px; } div#content.detailclassement p.topflop { color: #fff; margin-bottom: 30px; margin-top: 50px;} div#main.page #liste_candidats li a { position: relative; z-index: 100; } .intro.topflop { font-family: 'CityDLigRegular',Arial,Helvetica,sans-serif; font-size: 25px; } #resultscandidatdiv , #resultspropositionsdiv { margin-bottom: 20px; margin-top: 10px; font-family: 'CityDLigRegular',Arial,Helvetica,sans-serif; font-size: 22px;} #resultscandidatdiv h3, #resultspropositionsdiv h3 { display: inline; } /* affichage page préquizz pour le second tour */ div#candidats-list .listcols.secondtour {margin-top: 15px;} div#content #choix-quizz ul.listcols.secondtour li {margin: 0 0 0 54px; width: 266px; } div#content #choix-quizz ul.listcols.secondtour .classement-portrait { text-align: center; } div#content #choix-quizz ul.listcols.secondtour .classement-coords { width: 262px; margin-left: 0; } div#content #choix-quizz ul.listcols.secondtour .classement-coords .candidat-valign span { font-size: 16px; } div#content #choix-quizz ul.listcols.secondtour .classement-coords .candidat-valign span.parti, div#content #choix-quizz ul.listcols.secondtour .classement-coords .candidat-valign span.ses-propositions { font-size: 14px; } div#jouer.secondtour { left: -29px; top: 146px;}