#wrapper {

		}

		.swatch {
			width: 100%;
			margin-bottom: 10px;
			overflow: hidden;
			border: 0px solid green;
		}

		.gradient {
			background: transparent;
			border: 0px solid red;
			position: absolute;
			width: 150px;
			height: 100%;
			z-index: 9991;
		}

		.gradient.left {
			left: 0;
		}

		.gradient.right {
			right: 0;
		}

		.swatch-container {
			position: relative;
			width: 960px;
			margin: 0 auto auto;
			height: 311px;
			border: 0px solid orange;
			overflow: hidden;
		}

		.swatch-container:hover {
			cursor: pointer;
		}

		.swatch-container.open {
			cursor: default;
		}

		.swatch-content .content {
			z-index: 9401;
			height: 311px;
			overflow: visible !important;
			border: 0px solid red;
			position: absolute;
			left: 50%;
			margin-left: -480px;
			width: 960px;
		}

		.swatch-content {
			background: transparent;
			height: 100%;
			display: block;
			border: 0px solid black;

		}


		.swatch.fraise .swatch-content {
			background: #cd2343 url('/images/site/fraise_bg.jpg') center center no-repeat;
		}

		.swatch.fraise .gradient.left {
			background: url('/images/site/fraise_gradient_left.png') repeat-y;
			background-position: left 0;
		}

		.swatch.fraise .gradient.right {
			background: url('/images/site/fraise_gradient_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.cerise .swatch-content {
			background: #f1516c url('/images/site/cerise_bg.jpg') center center no-repeat;
		}

		.swatch.cerise .gradient.left {
			background: url('/images/site/cerise_gd_left.png') repeat-y;
			background-position: left 0;
		}

		.swatch.cerise .gradient.right {
			background: url('/images/site/cerise_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.gomme .swatch-content {
			background: #f281b3 url('/images/site/gomme_bg.jpg') center center no-repeat;
		}

		.swatch.gomme .gradient.left {
			background: url('/images/site/gomme_gd_left.png') repeat-y;
			background-position: left 0;
		}

		.swatch.gomme .gradient.right {
			background: url('/images/site/gomme_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.limonade .swatch-content {
			background: #f49ec4 url('/images/site/limonade_bg.jpg') center center no-repeat;
		}

		.swatch.limonade .gradient.left {
			background: url('/images/site/limonade_gd_left.png') repeat-y;
			background-position: left 0;
		}

		.swatch.limonade .gradient.right {
			background: url('/images/site/limonade_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.raisin .swatch-content {
			background: #964586 url('/images/site/raisin_bg.jpg') center center no-repeat;
		}

		.swatch.raisin .gradient.left {
			background: url('/images/site/raisin_gd_left.png') repeat-y;
			background-position: left 0;
		}

		.swatch.raisin .gradient.right {
			background: url('/images/site/raisin_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.framboise .swatch-content {
			background: #1cafd1 url('/images/site/fb_bg.jpg') center center no-repeat;
		}

		.swatch.framboise .gradient.left {
			background: url('/images/site/framboise_gradient_left.png') repeat-y;
			background-position: left 0;
		}

		.swatch.framboise .gradient.right {
			background: url('/images/site/framboise_gradient_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.limette .swatch-content {
			background: #c6d43f url('/images/site/limette_bg.png') center center no-repeat;
		}

		.swatch.limette .gradient.left {
			background: url('/images/site/limette_gd_left.png') repeat-y;
			background-position: left 0;
		}

		.swatch.limette .gradient.right {
			background: url('/images/site/limette_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.limonade_original .swatch-content {
			background: #efde13 url('/images/site/lim_orignal_bg.jpg') center center no-repeat;
		}

		.swatch.limonade_original .gradient.left {
			background: url('/images/site/lim_original_gd_left.png') repeat-y;
			background-position: left 0;
		}

		.swatch.limonade_original .gradient.right {
			background: url('/images/site/lim_original_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.banane .swatch-content {
			background: #ffcd05 url('/images/site/banane_bg.jpg') center center no-repeat;
		}

		.swatch.banane .gradient.right {
			background: url('/images/site/banane_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.banane .gradient.left {
			background: url('/images/site/banane_gd_left.png') repeat-y;
			background-position: right 0;
		}

		.swatch.peach .swatch-content {
			background: #f9ab8a url('/images/site/peach_bg.jpg') center center no-repeat;
		}

		.swatch.peach .gradient.right {
			background: url('/images/site/peach_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.peach .gradient.left {
			background: url('/images/site/peach_gd_left.png') repeat-y;
			background-position: right 0;
		}

		.swatch.orange .swatch-content {
			background: #FB8639 url('/images/site/orange_bg.jpg') center center no-repeat;
		}

		.swatch.orange .gradient.right {
			background: url('/images/site/orange_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.orange .gradient.left {
			background: url('/images/site/orange_gd_left.png') repeat-y;
			background-position: right 0;
		}

		.swatch.sanguine .swatch-content {
			background: #de1e37 url('/images/site/sanguine_bg.jpg') center center no-repeat;
		}

		.swatch.sanguine .gradient.right {
			background: url('/images/site/sanguine_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.sanguine .gradient.left {
			background: url('/images/site/sanguine_gd_left.png') repeat-y;
			background-position: right 0;
		}

		.swatch.acide .swatch-content {
			background: #abc934 url('/images/site/acide_bg.jpg') center center no-repeat;
		}

		.swatch.acide .gradient.right {
			background: url('/images/site/acide_gd_right.png') repeat-y;
			background-position: right 0;
		}

		.swatch.acide .gradient.left {
			background: url('/images/site/acide_gd_left.png') repeat-y;
			background-position: right 0;
		}

		.swatch.acide .title {
			display: block;
			width: 393px; height: 261px;
			background: url('/images/site/acide_title.png');
		}

		.swatch.acide.gray .swatch-content {
			background: #7e7e7e url('/images/site/acide_bg_gray.jpg') center center no-repeat;
		}

		.swatch.acide.gray .gradient.right {
			background: url('/images/site/acide_gd_right_gray.png') repeat-y;
			background-position: right 0;
		}

		.swatch.acide.gray .gradient.left {
			background: url('/images/site/acide_gd_left_gray.png') repeat-y;
			background-position: right 0;
		}

		.swatch.acide.gray .title {
			display: block;
			width: 393px; height: 261px;
			background-image: url('/images/site/acide_title_gray.png');
		}

		.ui {
			position: absolute;
			z-index: 99999;
		}

		.close {
			display: none;
			background: url('/images/site/swatch_close.png') 0 0 no-repeat;
			width: 36px; height: 34px;

			cursor: pointer;
			top: 85px;
			left: 50%;

			margin-left: -444px;
		}

		.arrow {
			display: none;
			width: 51px; height: 48px;

			left: 50%;
			margin-left: -25px;
			background: url('/images/site/arrow.png') 0 0 no-repeat;
			cursor: pointer;
		}

		.arrow.next {
			bottom: 85px;
			background-position: 0 -48px;
		}

		.arrow.prev {
			top: 85px;
		}

		.element {
			position: absolute;
		}

		.transparent {
			 filter:alpha(opacity=0);
		    -moz-opacity:0;
		    -khtml-opacity: 0;
		    opacity: 0;
		     background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
    background: transparent\9;
		}

		#drip {
			position: absolute;
			top: 0;
			display: block;
			width: 48px;
			height: 0px;
			background: url('/images/site/drip.png') center bottom no-repeat;
			left: 50%;
			margin-left: 300px;
			z-index: 9001;
			display: none;
		}

		.group:before,
		.group:after {
		    content: "";
		    display: table;
		}

		.group:after {
		    clear: both;
		}

		.group {
		    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
		}