#login .qbody {
	height:400px;
	background-color:#35C2F2;
	color:#FFF;
	overflow:hidden;
}

#wrapper {
	position:relative;
	width:100%;
	height:100%;
}

.bubble {
	position:absolute;
	background-repeat:no-repeat;
}

#small_bubble {
	top: 195px;
	left: 92px;
	width:180px;
	height:180px;
	background-image:url(small_bubble.png);
}
#medium_bubble {
	top: 100px;
	left: 310px;
	width:231px;
	height:231px;
	background-image:url(medium_bubble.png);
}
#extrasmall_bubble {
	top: -30px;
	left: 202px;
	width:93px;
	height:93px;
	background-image:url(extrasmall_bubble.png);
}
#large_bubble {
	top: -100px;
	left: 600px;
	width:328px;
	height:328px;
	background-image:url(large_bubble.png);
}

#canvas_b2 .hvcell {
	background:#FFF !important;
	color:#676767;
}

#canvas_b2 input { margin-bottom:3px; }

.g1 .hv { text-align:center; padding:5px 0px !important; }
.g1 .colheading { padding-left:7px !important; }
.g1 .dig2 input { height:27px; }

.ui-slider .ui-slider-handle {
	border:none !important;
	margin-left:-1.1em !important;
	width:40px !important;
	height:40px !important;
	background:url(grip.png) no-repeat !important;
	outline:0;
}

.ui-slider-vertical .ui-slider-handle {
	left:-0.5em !important;
	margin-left:0em !important;
	margin-bottom:-1.1em !important;
}

.slider {
        width:500px;
        height:10px;
        margin-left:8px;
        margin-right:8px;
}

.pollslider .colheading { padding-top:0px !important; }

.pollslider .slider {
	margin-left:0px;
	margin-right:0px;
	margin-top:12px;
}

.pollslider .val {
	font-family:"Neo Sans W01 Bold", arial, sans-serif;
	font-weight:700;
	font-style:normal;
	color:#00BCE2;
	vertical-align:top;
	padding-top:8px;
}

.ui-slider-handle, .pollslider .ui-slider-handle { visibility:hidden; }

.pipe {
        position:absolute;
        left:50%;
        width:2px;
        height:100%;
        display:none;
}

.smiley1 { background:#c0392b; }
.smiley2 { background:#e74c3c; }
.smiley3 { background:#e67e22; }
.smiley4 { background:#f39c12; }
.smiley5 { background:#f1c40f; }
.smiley6 { background:#2ecc71; }
.smiley7 { background:#27ae60; }

.smiley-echelle {
        margin:0;
        padding:0;
        width:60px;
        height:74px;
        cursor:pointer;
        text-align:center;
	color:#FFF;
}

.smiley-off {
	background:#F4F4F4;
	color:#676767 !important;
}
.smiley-echelle input {
	display:none;
}

.smiley-checked {
	font-family:"Neo Sans W01 Bold", arial, sans-serif;
	font-weight:700;
	font-style:normal;
	color:#FFF;
}

.smiley-happy,
.smiley-angry {
	width:48px;
	height:48px;
	margin:auto;
}

.smiley-happy {
	background-image:url(Logo_smiley1.png);
	background-repeat:no-repeat;
}
.smiley-angry {
	background-image:url(Logo_smiley5.png);
	background-repeat:no-repeat;
}

.dig2 input { width:40px; }

#valqsl {
	padding-bottom:10px;
}

.ui-slider-horizontal .ui-slider-handle {
	margin-top:-0.2em !important;
}

.ui-slider.ui-widget-content {
	width:550px;
	height:26px;
	border:none; 
	background:url(slider.png); 
}

.pollslider .ui-slider.ui-widget-content {
	width:665px;
	height:18px;
	border:none; 
	background:url(sliderpoll.png); 
}

.range-wrapper {
	position: absolute;
	height: 100%;
	left: 7px;
	right: 7px;
}

.pollslider .range-wrapper {
	left: 1px;
	right: 1px;
}

.ui-slider-horizontal .ui-slider-range {
	top: 7px !important;
	height: 12px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	border-radius: 10px !important;
}

.pollslider .ui-slider-horizontal .ui-slider-range {
	top: 1px !important;
	height: 15px !important;
}

.ui-slider .ui-slider-range {
	background: #22C7FC !important;
}

.gradient, .vslider .ui-widget-content {
	width:21px;
	height:200px;
	background-image:url(gradient.png) !important;
	background-repeat:no-repeat;
	margin:auto;
}

.player.vslider .ui-widget-content {
	width:21px;
	height:338px;
	background-image:url(gradient2.png) !important;
}

.vslider .ui-widget-header { background:none !important; }

#canvas_cch .colheading { border:1px solid #676767; }

.sortui .list1 ul,
.sortui .list2 ol { min-height:252px; }

.pear {
	width:35px;
	height:83px;
	background-image:url(pear.png);
	background-repeat:no-repeat;
}
.apple {
	width:78px;
	height:90px;
	background-image:url(apple.png);
	background-repeat:no-repeat;
}
.mango {
	width:70px;
	height:56px;
	background-image:url(mango.png);
	background-repeat:no-repeat;
}
.orange {
	width:79px;
	height:89px;
	background-image:url(orange.png);
	background-repeat:no-repeat;
}
.lychees {
	width:86px;
	height:55px;
	background-image:url(lychees.png);
	background-repeat:no-repeat;
}
.banana {
	width:90px;
	height:54px;
	background-image:url(banana.png);
	background-repeat:no-repeat;
}

#canvas_cdp3 {
	border-collapse:separate;
	border-spacing:3px;
}

#canvas_cch { margin:auto; }
#canvas_cch input { display:none; }
#canvas_cch .colheading {
	vertical-align:bottom;
	text-align:center;
	width:252px;
}

.space { width:50px; }

.chocolate_cake, .fruit_dessert, .fruitsalad {
	background-repeat:no-repeat;
	margin:auto;
}

.chocolate_cake {
	width:250px;
	height:167px;
	background-image:url(chocolate_cake.png);
}

.fruit_dessert {
	width:250px;
	height:167px;
	background-image:url(fruit_dessert.png);
}

.fruitsalad {
	width:400px;
	height:267px;
	background-image:url(fruitsalad.png);
}

#canvas_g2 .colheading {
	width:77px;
	text-align:center;
}

.g1 select { width:155px; }

#cals_left {
	font-family:"Neo Sans W01 Bold", arial, sans-serif;
	font-weight:700;
	font-style:normal;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-ms-transition: all 0.75s ease;
	-o-transition: all 0.75 ease;
	transition: all 0.75s ease;
}

.cals_red, td.disabled, .none { color:#c0392b; }
.cals_yellow { color:#f1c40f; }
.cals_green { color:#27ae60; }

.disabled .checkbox { visibility:hidden; }

.pineapple_q1 {
	min-width:80px !important;
	height:183px;
	background-image:url(pineapple_q1.png);
	background-repeat:no-repeat;
}

.pear_q1 {
	min-width:72px !important;
	height:123px;
	background-image:url(pear_q1.png);
	background-repeat:no-repeat;
}

.orange_q1 {
	min-width:86px !important;
	height:86px;
	background-image:url(orange_q1.png);
	background-repeat:no-repeat;
}

.apple_q1 {
	min-width:80px !important;
	height:93px;
	background-image:url(apple_q1.png);
	background-repeat:no-repeat;
}

.grapes_q1 {
	min-width:80px !important;
	height:82px;
	background-image:url(grapes_q1.png);
	background-repeat:no-repeat;
}

.mango_q1 {
	min-width:80px !important;
	height:115px;
	background-image:url(mango_q1.png);
	background-repeat:no-repeat;
}

.banana_q1 {
	min-width:110px !important;
	height:68px;
	background-image:url(banana_q1.png);
	background-repeat:no-repeat;
}

.lemon_q1 {
	min-width:88px !important;
	height:67px;
	background-image:url(lemon_q1.png);
	background-repeat:no-repeat;
}

#canvas_lineaire input { display:none; }

#menu {
	border:5px solid #888;
}

#menu img {
	width:353px;
	height:500px;
	background-image:url(menu.png);
	background-repeat:no-repeat;
}

.center .ruler {
	text-align:center;
}
.center .ruler img {
	margin-left:-22px;
}

.invisible { visibility:hidden; }

.flowplayer {
   width: 600px !important;
   height: 338px;
   margin-bottom:130px;
}

.fp-playlist {
	position: absolute;
	height:110px;
	overflow:hidden;
	bottom:-120px;
	width:100%;
	white-space:nowrap;
}

.rank .fp-playlist { display:none; }
.rank .flowplayer {
	width:300px !important;
	height:184px !important;
	margin:0px;
}

.fp-playlist .thumbnail {
	display: inline-block;
	width: 178px;
	height: 100px;
	margin: 0 10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	border: 4px solid #676767;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-repeat:no-repeat;
	opacity:0.5;
}

.fp-playlist .thumbnail:first-child,
.fp-playlist .thumbnail.first-child { margin-left:0px; }

.fp-playlist .thumbnail:last-child,
.fp-playlist .thumbnail.last-child { margin-right:0px; }

.no_mobile .fp-playlist .thumbnail:hover,
.fp-playlist .is-active { border-color:#00BCE2; opacity:1; }

.fp-playlist .disabled,
.fp-playlist .disabled:hover { opacity:0.5 !important; border-color:#676767 !important; }

.fp-playlist .is-active,
.fp-playlist .is-active:hover { border-color:#00BCE2 !important; opacity:1 !important; }

.fp-progress {
	background-color: #00BCE2 !important;
}

#IMG_0324 { background-image:url(IMG_0324_thumbnail.png); }
#IMG_1080 { background-image:url(IMG_1080_thumbnail.png); }
#IMG_1081 { background-image:url(IMG_1081_thumbnail.png); }
#IMG_1082 { background-image:url(IMG_1082_thumbnail.png); }
#IMG_1083 { background-image:url(IMG_1083_thumbnail.png); }
#IMG_1084 { background-image:url(IMG_1084_thumbnail.png); }
#IMG_1085 { background-image:url(IMG_1085_thumbnail.png); }
#IMG_1086 { background-image:url(IMG_1086_thumbnail.png); }
#IMG_1087 { background-image:url(IMG_1087_thumbnail.png); }
#IMG_1091 { background-image:url(IMG_1091_thumbnail.png); }

.player .canvas td { vertical-align:top; }

.flowplayer .fp-buffer,
.flowplayer .fp-progress,
.fp-playlist .disabled {
  cursor: default !important;
}


.is-splash {
	background-color:#CCC;
}

.visible { visibility:visible; }

.var, .pdt {
	font-family:"Neo Sans W01 Bold", arial, sans-serif;
	font-weight:700;
	font-style:normal;
}

.var, .prop, .pdt { text-align:center; }

#canvas_cto .var { padding-top:5px; }

#canvas_cto .pdt { font-size:20px; padding-bottom:10px; }

.prop { width:200px; }

#canvas_cto .var.price { padding-bottom:5px; padding-top:10px; }

.none { text-decoration:line-through; }


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	#p1 { background-image:url(brochure_1@2x.png); }
	#p2 { background-image:url(brochure_2@2x.png); }
	#p3 { background-image:url(brochure_3@2x.png); }
	#p4 { background-image:url(brochure_4@2x.png); }
	#p5 { background-image:url(brochure_5@2x.png); }
	#p6 { background-image:url(brochure_6@2x.png); }
	#p7 { background-image:url(brochure_7@2x.png); }
	#p8 { background-image:url(brochure_8@2x.png); }
	#p9 { background-image:url(brochure_9@2x.png); }
	#p10 { background-image:url(brochure_10@2x.png); }

	.smiley-happy,
	.smiley-angry { background-size:48px 48px; }

	.smiley-happy {
		background-image:url(Logo_smiley1@2x.png);
	}
	.smiley-angry {
		background-image:url(Logo_smiley5@2x.png);
	}

	.pear {
		background-image:url(pear@2x.png);
		background-size:35px 83px;
	}
	.apple {
		background-image:url(apple@2x.png);
		background-size:78px 90px;
	}
	.mango {
		background-image:url(mango@2x.png);
		background-size:70px 56px;
	}
	.orange {
		background-image:url(orange@2x.png);
		background-size:79px;
	}
	.lychees {
		background-image:url(lychees@2x.png);
		background-size:86px 55px;
	}
	.banana {
		background-image:url(banana@2x.png);
		background-size:90px 54px;
	}

	.chocolate_cake {
		background-image:url(chocolate_cake@2x.png);
		background-size:250px 167px;
	}

	.fruit_dessert {
		background-image:url(fruit_dessert@2x.png);
		background-size:250px 167px;
	}

	.fruitsalad {
		background-image:url(fruitsalad@2x.png);
		background-size:400px 267px;
	}

	.pineapple_q1 {
		background-size:80px 183px;
		background-image:url(pineapple_q1@2x.png);
	}

	.pear_q1 {
		background-size:72px 123px;
		background-image:url(pear_q1@2x.png);
	}

	.orange_q1 {
		background-size:86px 88px;
		background-image:url(orange_q1@2x.png);
	}

	.apple_q1 {
		background-size:80px 93px;
		background-image:url(apple_q1@2x.png);
	}

	.grapes_q1 {
		background-size:80px 82px;
		background-image:url(grapes_q1@2x.png);
	}

	.mango_q1 {
		background-size:80px 115px;
		background-image:url(mango_q1@2x.png);
	}

	.banana_q1 {
		background-size:110px 68px;
		background-image:url(banana_q1@2x.png);
	}

	.lemon_q1 {
		background-size:88px 67px;
		background-image:url(lemon_q1@2x.png);
	}

	#menu img {
		background-size:467px 660px;
		background-image:url(menu@2x.png);
	}

	#small_bubble {
		background-size:180px 180px;
		background-image:url(small_bubble@2x.png);
	}
	#medium_bubble {
		background-size:231px 231px;
		background-image:url(medium_bubble@2x.png);
	}
	#extrasmall_bubble {
		background-size:93px 93px;
		background-image:url(extrasmall_bubble@2x.png);
	}
	#large_bubble {
		background-size:328px 328px;
		background-image:url(large_bubble@2x.png);
	}

	.ui-slider .ui-slider-handle {
		background:url(grip@2x.png) no-repeat !important;
		background-size:40px 40px !important;
	}

	.ui-slider.ui-widget-content {
		background:url(slider@2x.png); 
		background-size:550px 26px;
	}

	.pollslider .ui-slider.ui-widget-content {
		background:url(sliderpoll@2x.png); 
		background-size:665px 18px;
	}

	.gradient, .vslider .ui-widget-content {
		background-image:url(gradient@2x.png) !important;
		background-size:21px 200px;
	}

	.thumbnail { background-size:178px 100px; }

	#IMG_0324 { background-image:url(IMG_0324_thumbnail@2x.png); }
	#IMG_1080 { background-image:url(IMG_1080_thumbnail@2x.png); }
	#IMG_1081 { background-image:url(IMG_1081_thumbnail@2x.png); }
	#IMG_1082 { background-image:url(IMG_1082_thumbnail@2x.png); }
	#IMG_1083 { background-image:url(IMG_1083_thumbnail@2x.png); }
	#IMG_1084 { background-image:url(IMG_1084_thumbnail@2x.png); }
	#IMG_1085 { background-image:url(IMG_1085_thumbnail@2x.png); }
	#IMG_1086 { background-image:url(IMG_1086_thumbnail@2x.png); }
	#IMG_1087 { background-image:url(IMG_1087_thumbnail@2x.png); }
	#IMG_1091 { background-image:url(IMG_1091_thumbnail@2x.png); }

	.player.vslider .ui-widget-content {
		background-image:url(gradient2@2x.png) !important;
		background-size:21px 338px;
	}
/*	.is-splash {
		background-image:url(logo@2x.png);
	}
*/}

@media screen and (max-width: 720px) {
  .ui-slider.ui-widget-content {
    width: 360px;
    background: url("slider-360.png");
  }
}

@media screen and (max-width: 480px) {
  .ui-slider.ui-widget-content {
    width: 208px;
    background: url("slider-208.png");
  }
}