html, body {
	height: 100%;
}

body {
	font: 11px/1.6 Arial, sans-serif;
	background: url(images/background-caramelly.png) top center repeat;
	color: #222;
	overflow: -moz-scrollbars-vertical;
}

body, h1, h3, p {
	padding: 0;
	margin: 0;
}

#principal {
	position:relative;
	z-index:3;
	height:1170px;
	width:1000px;
	margin-left:0;
	margin-right:auto;
}

a:link, a:visited {
	color: #6F6120;
	font-weight: bold;
	outline: none;
}

a:hover, a:active {
	color: #3C2F00;
}

strong {
	color: #534975;
}

em {
	font-style: normal;
	color: #6F6120;
}

#container {
    background-color: #D8C89E;
	width: 400px;
	margin: 0 auto;
	min-height: 100%;
	height: 440px !important;
}

#content, #ads {
	width: 400px;
	padding: 0;
}

h3 {
	padding: 4px 10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #222;
	background: #98bc48;
	cursor: pointer;
}

h4 {
	margin: 0;
	padding: 5px 10px 0;
	font-size: 12px;
	color: #333;
	border-bottom: 1px solid #eee;
}

ol {
	margin: 0;
	padding: 0 10px 5px 35px;
}

h3 a:link, h3 a:visited {
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #222;
}

h3 a:hover, h3 a:active {
	color: #222;
}

h3.news, h3.mootools {
	background: #adc96d;
}

h3.gethelp, h3.prototype {
	background: #c1d791;
}

p {
	padding: 5px 10px;
    color: #222;
}

#cadre1, #cadre2, #cadre3, #cadre4, #cadre5 {background: #D8C89E;height: 296px;}
#cadre1 {background-image:url(images/cadre1-caramelly.jpg);}
#cadre2 {background-image:url(images/cadre2-caramelly.jpg);}
#cadre3 {background-image:url(images/cadre3-caramelly.jpg);}
#cadre4 {background-image:url(images/cadre4-caramelly.jpg);}
#cadre5 {background-image:url(images/cadre5-caramelly.jpg);}

#ads {
	padding: 0;
}

#ads h3 {
	background-color: #534975;
}

#ads h3 a {
	text-decoration: underline;
	color: #F4EED4;
}

div.ads {
	width: 400px;
	padding: 10px;
}

.galerie1{padding:0; margin:0; border:0; width:1000px;}
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}
.mask1{
	position:relative;
	width:1000px;
	height:93px;
	overflow:hidden;
}

#bord {
	position:absolute;
	width:20px;
	height:1270px;
	left: 990px;
	top: 0px;
	z-index:4;
	background-image: url(images/bord-live2caramelly.png);
}
#bord2 {
	position:absolute;
	width:1000px;
	height:5px;
	left: 0px;
	top: 754px;
	z-index:4;
	background-image: url(images/bord2-live2caramelly.png);
}
#footer {
	position:absolute;
	width:1000px;
	height:246px;
	left: 0px;
	top: 754px;
	z-index:2;
}
#caramelly {z-index:5;position:fixed; bottom:0; right:0; height:400px; width:158px; background-image:url(images/caramelly.png);}

#pub {position:absolute;width:125px;height:685px;z-index:3;left: 1015px;top: 15px;}

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/lytebox/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/lytebox/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/lytebox/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/lytebox/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/lytebox/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/lytebox/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/lytebox/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/lytebox/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/lytebox/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/lytebox/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/lytebox/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; color: #e3281f;}
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 20px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/lytebox/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/lytebox/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/lytebox/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/lytebox/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/lytebox/close_gold.png) no-repeat; }
#lbClose:hover { background-position: 0 -20px; }

#lbPlay { width: 64px; height: 20px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/lytebox/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/lytebox/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/lytebox/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/lytebox/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/lytebox/play_gold.png) no-repeat; }
#lbPlay:hover { background-position: 0 -20px; }
#lbPause { width: 64px; height: 20px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/lytebox/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/lytebox/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/lytebox/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/lytebox/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/lytebox/pause_gold.png) no-repeat; }
#lbPause:hover { background-position: 0 -20px; }


* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
   
div#disclaimer{ text-align:left; }
 div#disclaimer-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:white; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
 div#disclaimer-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
  div#disclaimer-cadre{ width:585px; height:405px; margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; font-size:12px; border:#ddd 10px solid; background:#f5f5f5  url(http://live2caramelly.com/images/disclamer.jpg); color:#555; }
   div#disclaimer-cadre b{ font-size:14px; color:black; }
   div#disclaimer-cadre a{ text-decoration:none; font-size:16px; font-weight:bold; color:#D6CDAE; }
   div#disclaimer-cadre a:hover{ color:#D7CE7F; }

#cpc {
	position:absolute;
	width:120px;
	height:600px;
	z-index:3;
	left: 1150px;
	top: 15px;
}