@charset "utf-8";
/* CSS Document */

body, html{

	margin:0; width:100%; height:100%;
	background:#1d0036 url(../../images/bg.gif) repeat-x top;
	font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFF;
}

img
{border:0px}

#bg
{
	position:absolute; top:0; left:0; z-index:1;
	width:100%;height:100%;	
}

#bg div.gauche
{
	position:absolute; top:0; left:0; z-index:2;
	width:836px; height:1000px;	overflow:hidden;
	background: url(../../images/design.png);
}

#bg div.right{
	position:absolute; top:250px; right:0; z-index:3; 
	width:836px; height:1000px; overflow:hidden;
	background: url(../../images/design.png) no-repeat right top;
}

#header{	height:76px; width:100%; position:absolute; z-index:50;}

#header div.bg{
	width:100%;height:100%;position:absolute; z-index:5;
	background:#000; opacity:0.6; filter:alpha(opacity=60); 
}

#header div.icons{
	width:200px; height:100%; position:absolute; z-index:6; left:50%; margin-left:245px;
	margin-top:5px;
}

#header div.player{
	width:424px; height:50; position:absolute; z-index:6; left:20%; margin-left:-50px;
	margin-top:25px;
}

#header div.icons div.facebook{
	background:url(../../images/facebook.png) no-repeat right top; width:53px; height:42px;	margin-right:20px;float:left;}

#header div.icons div.twitter{
	background:url(../../images/twitter.png) no-repeat right top; width:40px; height:41px;float:left;margin-right:20px}

#header div.icons div.language{
	background:url(../../images/language_bg.png) no-repeat right ; width:52px; height:18px; float:left; margin-top:12px; padding-top:3px;
	font-weight:bold; font-size:11px; text-align:center;}
	
#header div.icons div.language span.activ{font-weight:normal; color:#6e2492}
#header div.icons div.language span a{color:#FFF; text-decoration:none} #header div.icons div.language span a:hover{text-decoration:underline}

#header div.icons div.reflet{
	background:url(../../images/ico_reflet.png) no-repeat right ; width:108px; height:28px;	float:left;}

#container{
	width:950px; height:100%;
	position:absolute; left:50%; top:0; z-index:20;
	margin-left:-475px;
}

#container div.halo{
	background: url(../../images/halo.png) no-repeat right top;
	width:374px; height:311px; position:absolute; z-index:21;
}
#container div.logo{
	background: url(../../images/entourage_logo.png) no-repeat right top;
	width:400px; height:100px;position:absolute; top:86px; z-index:22;
	
}

#menu{
	width:545px; height:60px;
	float:right; top:126px;position:relative;
}

h2.menu{
	font-family: futura, Arial, sans-serif;font-size:11px; color:#ffffff;
}

h2.menu a{
	color:#ffffff;

}

#menu div.button{
	width:104px;
	height:28px;
	float:left;
	text-decoration: none; text-align:center; padding-left:5px; color:#FFFFFF;;
	}

#menu div.active{
	background: url(../../images/menu_active.png) no-repeat right bottom;
	}

#newsletter{
	width:226px; height:28px; top:180px; left:685px;
	background:#fff; position:absolute;
	background: url(../../images/info-lettre_bg.png) no-repeat right top;
}

#newsletter input.text{
	width:185px; float:left; margin-top:6px;margin-left:5px;color:#FFF; font-size:11px;background-color:transparent; border:none}

#newsletter input.submit{
	width:22px; float:left; margin-top:5px;margin-left:5px; border:none;color:#FFF; font-size:11px;background-color:transparent; cursor:pointer;}


#frame{
	width:950px;
	top:220px;position:absolute; z-index:50
}

#message{
	width:90%; height:26px;
	top:224px; left:26px;position:absolute;z-index:45;
	text-align:center;
}

#message span{
	background:url(../../images/bg_msg.png) repeat-x;
	color:#000; font-size:14px; font-weight:bold; padding:8px 50px 8px 50px
	}

#nebuleuse{
	width:398px; height:254px;
	top:247px; left:26px;position:absolute;z-index:45;
	background: url(../../images/nebuleuse.png) no-repeat right top;
}

td.bg-topleft{background:url(../../images/bg_topleft.png) no-repeat left bottom;}
td.bg-topright{background:url(../../images/bg_topright.png) no-repeat right bottom;}
td.bg-bottomleft{background:url(../../images/bg_bottomleft.png) no-repeat left top;}
td.bg-bottomright{background:url(../../images/bg_bottomright.png) no-repeat right top;}
td.bg-top{background:url(../../images/bg_top.png) repeat-x left bottom;}
td.bg-bottom{background:url(../../images/bg_bottom.png) repeat-x left top;}
td.bg-left{background:url(../../images/bg_left.png) repeat-y right top;}
td.bg-left-static{background:url(../../images/bg_left_static.png) repeat-y right top;}
td.bg-right-static{background:url(../../images/bg_right_static.png) repeat-y left top;}
td.bg-right{background:url(../../images/bg_right.png) repeat-y left top;}
td.bg-content{background:url(../../images/bg_content.png)}
td.bg-static{background:#000}


#home {
	
}

#home div.flyer{
	float:left;border:2px solid #000; overflow:hidden
}

#slider{position: relative; width: 400px; height: 618px; overflow: hidden; background:#000}
.item{display: block; width: 400px; height: 618px;}

#home div.flyer img{}


h2.month{font-family: futura, Arial, sans-serif;font-size:20px; color:#430847; float:left}
h2.day{font-family: futura, Arial, sans-serif;font-size:10px; color:#430847;}
h2.description{font-family: futura, Arial, sans-serif;font-size:10px; color:#a80f91; text-align:center}

#home div.calendar{	width:424px; float:right; background:url(../../images/calendar.png) no-repeat; min-height:566px;  clear:right}
#home div.calendar div.container{text-align:left;float:left;width:100%;margin:15px;width:394px}
#home div.calendar div.container div.header{width:394px; height:80px;}
#home div.calendar div.container div.header div.next{float:left; position:relative; padding-left:8px; top:22px}
#home div.calendar div.container div.header div.previous{float:left; position:relative; padding-right:8px; top:22px}

table.calendar th{width:30px; height:25px; color:#fff; font-size:12px; text-align:center}
table.calendar td{width:30px; height:30px; color:#fff; font-size:12px; text-align:center}
table.calendar td span{color:#000; font-weight:bold}

#home div.calendar div.container div.party{clear:both; padding:20px 0}
#home div.calendar div.container div.party div.date{ width:60px; text-align:center; float:left;}
#home div.calendar div.container div.party div.date div.day{ font-size:24px; height:24px}
#home div.calendar div.container div.party div.date div.month{ font-size:10px; text-decoration:underline; text-transform:uppercase}
#home div.calendar div.container div.party div.date div.time{ font-size:10px; }

#home div.calendar div.container div.party div.description{ margin:2px; float:left; width:300px; }
#home div.calendar div.container div.party div.description h3{ font-size:14px; margin:0 }


#photo-gallery{
	width:100%; height:255px; background:#000; margin-top:16px;
}
#photo-gallery div.trickleft{position:relative; width:27px; height:100%; background:#000; left:-27px; top:0px; float:left}
#photo-gallery div.trickright{position:relative; width:27px; height:100%; background:#000; right:-27px; top:0px; float:right}
#photo-gallery table.pictures{position:relative;  top:28px; }
#photo-gallery table.pictures th{height: 24px; color:#333333; font-size:16px; text-align:left}
#photo-gallery table.pictures td{width:130px; height: 83px; background:#0f0f0f; border: 2px #000 solid}
#photo-gallery table.pictures td:hover{border: 2px #960e86 solid}
#photo-gallery table.pictures img{}
#photo-gallery table.pages{position:relative; top:-40px}
#photo-gallery table.pages th{font-size:18px; color:#660866 }
#photo-gallery table.pages th a{color:#FFF; text-decoration:underline }
h2.photoBtn a{font-family: futura, Arial, sans-serif;font-size:10px; color:#a80f91;}

#section-gallery{
	position:relative; background:#000;
}
#section-gallery table.pictures th{height: 24px; color:#333333; font-size:16px; text-align:left}
#section-gallery table.pictures{position:relative;  top:28px; margin-bottom:15px; width:100%}
#section-gallery table.pictures td{width:140px; height: 83px; background:#0f0f0f; border: 1px #000 solid}
/*#section-gallery table.pictures img{width:98%; height:98%;border: 2px #000 solid; }*/
#section-gallery table.pictures img:hover{border: 2px #960e86 solid}
#section-gallery table.pages{position:relative; top:-65px}
#section-gallery table.pages th{font-size:18px; color:#660866 }
#section-gallery table.pages th a{color:#FFF; text-decoration:underline }

#static h1.static{
	font-family: futura, Arial, sans-serif;font-size:24px; color:#c111a4; padding-bottom:12px;
	border-bottom:1px double #290a43; text-align:center
}

#static h2.static{	font-family: futura, Arial, sans-serif;font-size:14px; color:#c111a4; padding-left:14px}
#static p{	font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; margin-bottom:20px; margin-left:2px; margin-right:2px; margin-top:0px}
#static p.col{	float:left; margin-left:16px; width:40%; border-top:solid 1px #c111a4; padding-top:12px; clear:right; text-align:justify}
#static a{	font-family:Arial, Helvetica, sans-serif; color:#a80f91; text-decoration:underline; font-weight:bold;}
#static a:hover{	font-family:Arial, Helvetica, sans-serif; color:#FFF;}
#static p img{	float:left; margin-right:12px; border:3px solid #000}
#static hr{ border:solid #290a43 1px;}


table.form th{
	text-align:left;
	font-size:14px; vertical-align:middle; font-weight:bold; color:#FFF; padding-bottom:7px;
}

table.form td input.text, table.form td select.text{
	text-align:left;
	font-size:16px;
	background:url(../../images/input.png) no-repeat; width:245px; height:36px; 
	border:0px; color:#c311a5; padding:7px
}


input.button{
	background:#c111a4; width:120px; height:30px;
	color:#FFFFFF; font-size:16px; border:0px
}

table.form td textarea.text{
	text-align:left;
	font-size:16px;
	background:url(../../images/input2.png) no-repeat; width:425px; height:72px; 
	border:0px; color:#c311a5; padding:7px
}

.clearfix:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;} 
.clearfix {	display: inline-block; width:100%} 
html[xmlns] .clearfix {	display: block;}
 
* html .clearfix {
	height: 1%;
}