/* general */
        


       

          body {
              width : 810px;
              height : 1200px;
              
                background-color : #ffffff;
              
              
          }

          #countdown, .countdown, div#timer, .click {
            
              color : #000000;
            
          }

          div#qualifio_wrapper{
            
              max-width: 810px;
            
          }

          body, input.champTexte, textarea, div.chart-label span, select {
            
              font-size : 14px;
            

            
            
              
                font-family : Open Sans, sans-serif;
              
            
          }

					body, div.chart-label span {
            
              color : #000000;
            
          }

        h1.campaign_title{
          
              display: none;
          
        }
        h1{
          
            font-size : 24px;
          
          
            color : #000000;
          
          
              font-weight: Bold;
          
          
          
            
              font-family : Open Sans, sans-serif;
            
          
        }
        h2.campaign_step{
          
            display : block;
          
        }
        h2{
          
            font-size : 19px;
          
          
            color : #000000;
          
          
              font-weight: Bold;
          
          
          
            
              font-family : Open Sans, sans-serif;
            
          
        }

        
          a {
            color:#000000;
          }
        
        div#question, div.question, div.chart-question {
          
            font-size : 15px;
          
          
            color : #000000;
          
          
              font-weight: Bold;
          
          
          
            
              font-family : Open Sans, sans-serif;
            
          
        }

        
        #launchGame{
          text-align : center;
        }
        
		
			.intro .quizz, .exit .quizz, .alreadyplayed .quizz {
			    text-align: center;
			}

			div#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 !important;
              float: inherit !important;
          }

          #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;
					}

        

        

        /* qualifioBox */
        div#qualifioBox{
        
            position : relative;
        
      
      
        
          margin-left: auto;
          margin-right: auto;
        
     

      
      width : 90%;
      
      
        
        
        
        
        background-color : rgba(255, 255, 255, 1);
      
      }

      

        div.quizz{
        
          padding-top : 20px;
        
        
          padding-bottom : 20px;
        
        
          padding-left : 20px;
        
        
          padding-right : 20px;
        
        }

    div#lots {
      
        display : none;
      
    }

    div#others_games {
      
        display : none;
      
    }

    
      div#fb_tools {
        display : none;
      }
      div#social_tools {
        display : none;
      }
    

    div#tools{
    	
      
      
        color : #ffffff;
      
      
    }
    

      
      #responsive_tools div#tools a {
        
            border: none;
        
        
          color: #ffffff;
        
        
          background:#000000;
        
				
						font-weight: Bold;
				
				
					
						font-family : Open Sans, sans-serif;
					
				
      }

      #responsive_tools div#tools a:hover {
        
            border: none;
        
        
            color: #ffffff;
        
        
            background:#ff0000;
        
        }



    .bouton, .ssoBouton, .uploadChooseBtn, .qualifio-gigya-button input, .zoom .simplevote {
      
      
          border: none;
      
    
        color: #ffffff;
    
    
        background: #000000;
    


      
      
          
            border-radius : 3px !important;
          
      

      
        font-size : 20px;
      

      
          font-weight: Bold;
      
      
      
        
          font-family : Open Sans, sans-serif;
        
      

    }

		

		div.cup {
			
	        border-color: #000000;
	    
		}

		div.hourglass-bottom:before, div.hourglass-bottom:after, div.sand {
			
	        background: #000000;
	    
		}

		div.progressBar div {
			
	        background: #000000;
	    
			
	        color: #ffffff;
	    
			
          
            border-radius : 3px !important;
          
      
		}

		div.progressBar {
			
          
            border-radius : 3px !important;
          
      
		}

		.first-clic-info i, .second-clic-info i {
			
					color: #000000;
			
		}

		.first-clic-info span, .second-clic-info span {
			
					background: #000000;
			
			
					color: #ffffff;
			
		}

		

		.vote-icon span {
			
	        color: #ffffff !important;
	    
		}

		.vote-icon:before {
			
	        color: #ffffff !important;
	    
			
				background: #000000 !important;
			
		}


    

    .ui-slider-handle.ui-state-default.ui-corner-all {
      
        background: #000000 !important;
      
    }

    .exit div#socialEndScreen a.jssocials-share-link, #responsive_tools div#social a.jssocials-share-link, a.fb_button, .jssocials-share-link, .chrono-wrapper div#progressbar, .chart-border, .graph_inside, .chart-illustration, #fbInvite .fb_messenger_img {
      
        border-radius : 3px !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;

      
    }
    div#tools a {
      
          
            border-radius : 3px;
          
      
    }

    .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 div#progressbar, textarea.champMemo:hover, select:hover, select:focus, div#timer, .answerVPic:hover, div.selectedPic, .selectedPic:hover {
      
        border-color : #000000;
      
    }

    .column2:nth-of-type(2n+2):before, table.scores .score-title th, div.clock .center, div.hour:before, div.clock:after, div.clock:before, div.answerVPic .ic_checkbox {
      
        background : #000000;
      
      
        color : #ffffff;
      
    }

    .identite .label > span, .identite .question > span, .identite .checkbox .vertical > span, .form_label span, .mandatory-symbol, .coreg-label label span, .click i {
      
        color : #000000;
      
    }

    div#bar {
      
        background : #000000;
        background-image: none !important;
      
    }

      .bouton:hover, .ssoBouton:hover, .uploadChooseBtn:hover, .qualifio-gigya-button input:hover, .zoom .simplevote:hover {
        
            border:none;
         
        
            color: #ffffff;
        
        
            background: #ff0000;
        
      }




    
      .flat_radio, .flat_checkbox {
        background: #ffffff;
      }
     

      
        .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: #f5feff;
        }
      

      
        .flat_inside_radio::after {
          background: #f5feff;
         }
       


    .uploadzone{
      
        
        
        

        border-color : rgba(0, 0, 0, 0.6);
        color : rgba(0, 0, 0, 0.6);
      
    }

    .uploadzone:hover {
      
        border-color : #000000;
        color : #000000;
      
    }

    .jcarousel-skin-partners .jcarousel-container-horizontal {
        width: 680px;
    }
    .jcarousel-skin-partners .jcarousel-clip-horizontal {
        width: 680px;
    }

    .jcarousel-skin-othersgames .jcarousel-container-horizontal {
        width: 740px;
    }
    .jcarousel-skin-othersgames .jcarousel-clip-horizontal {
        width: 740px;
    }

    
    .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;
    }
    
    
    
    

    
    

    
    
        #s_play {
            display: none !important;
        }
    


    
    
      
          
          @import url("http://localdev.qualifio.com:8080/20/ws/css/player-styles/gallery/polaroid-straight.css");

        
    
    

    
  

		 
			
            
				
		      	
					.tlr-background-color{background-color: #1DA1F2;}
				
				
					.tlr-text-color{color: #FFFFFF;}
				
				
					.tlr-size{font-size: 20px;}
				

				
					.tlr-info-box-text-color{color: #1DA1F2;}
				

		         
        				tlr-font{
					
			          font-family : Oswald, Open Sans, arial, sans-serif;
			        
			        }
      			
				

	        
		

        
          

          @media only screen and (max-width: 807px){
            body {
              background-image: none;
            }
            div#qualifioBox{
              margin-top : 0px;
              width: 100%;
              margin-right: auto;
              margin-left: auto;
              left: inherit !important;
            }

             div.quizz {
                padding: 20px;
             }

             div#bandeau_sup img {
                display: block !important;
             }

             .footer img {
                display: inline-block !important;
             }

             div#qualifio_wrapper {
              min-height: auto !important;
             }
          }
          @media only screen and (min-width: 813px){
            body {
              background-image: none;
            }
            div#qualifioBox{
              margin-top : 0px;
              width: 100%;
              margin-right: auto;
              margin-left: auto;
              left: inherit !important;
            }

             div.quizz {
                padding: 20px;
             }

             div#bandeau_sup img {
                display: block !important;
             }

             .footer img {
                display: inline-block !important;
             }

             div#qualifio_wrapper {
                min-height: auto !important;
             }
          }