/* general */ @font-face { font-family : myFont5396;src: url('/library/electrabel/fonts/5396/clanot-book.eot');src : local('☺'),url('/library/electrabel/fonts/5396/clanot-book.eot'),url('/library/electrabel/fonts/5396/clanot-book.woff') format('woff'),url('/library/electrabel/fonts/5396/clanot-book.svg') format('svg'),url('/library/electrabel/fonts/5396/clanot-book.ttf') format('truetype'),url('/library/electrabel/fonts/5396/clanot-book.otf') format('opentype');}@font-face { font-family : myFont5395;src: url('/library/electrabel/fonts/5395/clanot-medium.eot');src : local('☺'),url('/library/electrabel/fonts/5395/clanot-medium.otf') format('opentype'),url('/library/electrabel/fonts/5395/clanot-medium.woff') format('woff'),url('/library/electrabel/fonts/5395/clanot-medium.svg') format('svg'),url('/library/electrabel/fonts/5395/clanot-medium.eot'),url('/library/electrabel/fonts/5395/clanot-medium.ttf') format('truetype');} body { width : 1000px; height : 1200px; background-color : #ffffff; } #countdown, .countdown, #timer, .click { color : #666666; } #qualifio_wrapper{ max-width: 1000px; } body, input.champTexte, textarea, .chart-label span, select { font-size : 16px; font-family : myFont5395; } body, .chart-label span { color : #666666; } h1.campaign_title{ display: none; } h1{ font-size : 32px; color : #607d8b; font-weight: Normal; font-family : myFont5396; } h2.campaign_step{ display: none; } h2{ font-size : 22px; color : #00aaff; font-weight: Normal; font-family : myFont5395; } a { color:#00aaff; } div#question, .question, .chart-question { font-size : 20px; color : #666666; font-weight: Normal; font-family : myFont5395; } #launchGame{ text-align : center; } .intro .quizz, .exit .quizz, .alreadyplayed .quizz { text-align: center; } #recap_wrapper { display: inline-block; } .questionset .quizz, .questionset .champTexte, .qualifychoice .quizz, .qualifychoice .champTexte, .qualifyset .quizz, .qualifyset .champTexte .multicol, .row.hint-position-top #indice, .row.hint-position-bottom #indice { text-align: center; } .questionset .multiple, .qualifyset .multiple, .identityset #questionnaire .multiple { text-align: left; } .questionset #questionnaire table, .qualifyset #questionnaire table, .identityset #questionnaire table, .questionset .wrapper_column1 table, .qualifyset .wrapper_column1 table { display: inline-block; } #col1, #col2, #col3, #col4, #col5, #col6, #col7, #col8, #col9 { display: inline-block; } #matrice .flat_radio, #progressbar, .row.hint-position-top #indice .embedresize, .row.hint-position-bottom #indice .embedresize { margin: auto; } #chrono { display: inline-block; } .row .answers-container { justify-content: center; } .row .multiple.answers-container { width: auto; flex: inherit; } .embedresize { margin: auto; } .questionset .form_field_position, .qualifyset .form_field_position { margin: auto; } .identityset .quizz, .invitation-screen { text-align: center; } /* qualifioBox */ #qualifioBox{ position : relative; margin-left: auto; margin-right: auto; width : 90%; } .quizz{ padding-top : 20px; padding-bottom : 20px; padding-left : 20px; padding-right : 20px; } #lots { display : none; } #others_games { display : none; } #fb_tools { display : none; } #social_tools { display : none; } #tools { color : #ffffff; } #responsive_tools #tools a { border: none; color: #ffffff; background:#ff5722; font-weight: Bold; font-family : myFont5395; } #responsive_tools #tools a:hover { border: none; color: #ffffff; background:#ff7e55; } .bouton, .ssoBouton, .uploadChooseBtn, .qualifio-gigya-button input, .zoom .simplevote { border: none; color: #ffffff; background: #ff5722; border-radius : 200px; font-size : 16px; font-weight: Bold; font-family : myFont5395; } .cup { border-color: #ff5722; } .hourglass-bottom:before, .hourglass-bottom:after, .sand { background: #ff5722; } .progressBar div { background: #ff5722; color: #ffffff; border-radius : 200px; } .progressBar { border-radius : 200px; } .first-clic-info i, .second-clic-info i { color: #ff5722; } .first-clic-info span, .second-clic-info span { background: #ff5722; color: #ffffff; } .vote-icon:before { color: #ffffff !important; background: #ff5722 !important; } .ui-slider-handle.ui-state-default.ui-corner-all { background: #ff5722; } .exit #socialEndScreen a.jssocials-share-link, #responsive_tools #social a.jssocials-share-link, a.fb_button, .jssocials-share-link, .chrono-wrapper #progressbar, .chart-border, .graph_inside, .chart-illustration, #fbInvite .fb_messenger_img { border-radius : 200px !important; } select, textarea, input.champTexte, .answerPic img, .answerVPic, .chkl_response, #keyword, select#ordre, input#code, .identityset select, .questionset select, .gallery select, .qualifio-gigya-textfield input { border-radius : 3px !important; } #tools a { border-radius : 200px; } .answerPic:hover img, textarea:hover, input.champTexte:hover, textarea.champMemo:focus, input.champTexte:focus, #keyword:hover, #keyword:focus, input#code:hover, input#code:focus, .qualifio-gigya-textfield input:hover, .qualifio-gigya-textfield input:focus, div.clock, .chrono-wrapper #countdown, .countdown, .chrono-wrapper #progressbar, textarea.champMemo:hover, select:hover, select:focus, #timer, .answerVPic:hover, .selectedPic, .selectedPic:hover { border-color : #ff5722; } .column2:nth-of-type(2n+2):before, table.scores .score-title th, .clock .center, .hour:before, .clock:after, .clock:before, .answerVPic .ic_checkbox { background : #ff5722; color : #ffffff; } .identite .label > span, .identite .question > span, .identite .checkbox .vertical > span, .form_label span, .mandatory-symbol, .coreg-label label span, .click i { color : #ff5722; } #bar { background : #ff5722; } .bouton:hover, .ssoBouton:hover, .uploadChooseBtn:hover, .qualifio-gigya-button input:hover, .zoom .simplevote:hover { border:none; color: #ffffff; background: #ff7e55; } .flat_inside_checkbox::after, .flat_radio input[type="radio"]:checked + .flat_inside_radio::before, .flat_checkbox input[type="checkbox"]:checked + .flat_inside_checkbox::before, .answer-wrapper:hover .flat_inside_radio:before { border-color: #ff5722; } .flat_inside_radio::after { background: #ff5722; } .uploadzone{ border-color : rgba(255, 87, 34, 0.6); color : rgba(255, 87, 34, 0.6); } .uploadzone:hover { border-color : #ff5722; color : #ff5722; } .jcarousel-skin-partners .jcarousel-container-horizontal { width: 870px; } .jcarousel-skin-partners .jcarousel-clip-horizontal { width: 870px; } .jcarousel-skin-othersgames .jcarousel-container-horizontal { width: 930px; } .jcarousel-skin-othersgames .jcarousel-clip-horizontal { width: 930px; } .coda-slider-wrapper{ width : 90px; } .coda-slider{ width : 90px; } .coda-slider-wrapper.arrows .coda-slider .panel{ width : 90px; } .coda-slider .panel{ width : 90px; } .coda-slider-wrapper.arrows .coda-slider{ width : 90px; } .footer img { height: auto; max-width: 100%; width: auto; } #s_play { display: none !important; } @media only screen and (max-width: 997px){ body { background-image: none; } #qualifioBox{ margin-top : 0px; width: 100%; margin-right: auto; margin-left: auto; left: inherit; } .quizz { padding: 20px; } #bandeau_sup img { display: block; } .footer img { display: inline-block; } #qualifio_wrapper { min-height: auto; } } @media only screen and (min-width: 1003px){ body { background-image: none; } #qualifioBox{ margin-top : 0px; width: 100%; margin-right: auto; margin-left: auto; left: inherit; } .quizz { padding: 20px; } #bandeau_sup img { display: block; } .footer img { display: inline-block; } #qualifio_wrapper { min-height: auto; } } /* extra css code added by client */ .bouton { padding: 12px 32px; }