body {
background: #000 url("../img/bg.jpg") repeat-x;
color: white;
padding:0;
margin:0;
font-family: Verdana;
font-stretch:  extra-condensed;
color: #fbc8fb;
font-size: 12px;
}

a{
	outline: none;
}

div{
	outline: none;
}

img {
	border: none;
	outline: none;
}

iframe  {
	border:0 none;
height:160px;
width:264px;
overflow: hidden;
}

table {
	width: 100%;
	height: 100%;
	background: #322832;
}

td  {
	font-size: 12px;
}

.obligatoire {
	color: #FBC8FB;
}

#confirmTotal {
	width: 100%;
	height: 100%;
	background: #322832;
}

#confirmTotal a{
	color: #fff;
}

.saisie {
	background:#150F16;
	border:1px solid #685267;
	color:#AB88AB;
	width:165px;
}

.saisieboutonOK {
	background:#150F16;
	border:1px solid #685267;
	color:#AB88AB;
	width:165px;
}




#rss a {
	color: #fbc8fb;
	text-decoration: none;
}

#header {
height: 324px;
width: 100%;
background: transparent url("../img/header.jpg") center bottom no-repeat;
}

#global_container {
width: 100%;
_height: 100%; /*stoopid ie*/
background: transparent url("../img/content.jpg") center top no-repeat;
padding-bottom: 40px;
}

#lang_fr {
height: 28px;
width: 822px;
background: transparent url("../img/lang_fr.png") right no-repeat;
margin: 0px auto;
text-align:right;
position: relative;
}

#lang_fr a{
width: 18px;
height: 28px;
position: absolute;
right: 0px;
}

#container {
width: 822px;
margin: 0px auto;
_position: relative; /* stoopid ie */
}

#left_container, #bottom_left_container {
width: 540px;
float: left;
z-index: 0;
}

#bottom_left_container {
	position: absolute;
	left: 0px;
}

#right_container, #bottom_right_container {
margin-right: -35px;
_position: relative; /*stoopid ie*/
_margin-right: -50px; /*stoopid ie*/
_right: 0px; /*stoopid ie*/
width: 284px;
float: right;
}

#container_correction {
	margin-left:-25px;
	width:822px;
	_position : absolute; /*stoopid ie*/
	_margin-left: 0px; /*stoopid ie*/
	_left: -25px; /*stoopid ie*/
}

.title_news {
font-size: 30px;
color: #fbc8fb;
}

.title_from {
color: #977897;
font-size: 10px;
position: relative;
margin:-5px 0 -5px;
}

.commentaire a{
color: #ab88ab;
background: transparent url("../img/bg_rose.png");
padding: 4px;
text-decoration: none;
}

#rss {
background: transparent url("../img/bg_rss.png");
font-size:14px;
height:50px;
padding:11px 50px 0 10px;
}

#rss a{
display: block;
height: 100%;
width: 100%;
}

#rss_link {
	width:260px;
}

#facebook_link {
	margin-top:3px;
	!margin-top: 5px;
	width:260px;
	height:25px;
}

#next_event, #guestbook, #sponsors, #media {
margin: 10px 0px 0px;
padding: 0px 0px 15px 10px;
background: transparent url("../img/bg_rose.png");
_width: 284px; /*stoopid ie*/
_height: 1px; /*stoopid ie*/
}

#sponsors_title, #media_title {
	font-size: 30px;
}

#sponsors_title {
	font-size: 22px;
}

.sponsors_content{
	background: transparent url("../img/logo_brad.png") no-repeat center;
	width: 130px;
	height: 60px;
	_height: 32px; /*stoopid ie*/
	margin:0 auto;
}

.sponsors_content a{
	display: block;
	height: 100%;
}

#guestbook {
padding: 0px;
_width: 294px; /*stoopid ie*/
_height: 400px; /*stoopid ie*/
}

#guestbook_title, .guestbook_content {
margin-left: 10px;
}

#next_event p{
	margin: 10px 0px;
}

.guestbook_content {
width: 262px;
height: 250px;
overflow: auto;
padding-right: 10px;
}

#next_event_title, #guestbook_title {
font-size: 30px;
}

#add_guestbook {
	padding: 10px;
}

#add_guestbook label{
	display: block;
	padding: 5px 0px;
}

#add_guestbook input, #add_guestbook textarea{
	width: 262px;
	!width: 258px;
	border: 1px solid #685267;
	background: #150f16;
	color: #ab88ab;
}

#add_guestbook a, .add_comment a{
	color: #FBC8FB;
	display:block;
	padding:4px;
	text-align:center;
	text-decoration:none;
	width:256px;
	background: transparent url("../img/bg_rose.png");
}

.add_comment label{
	display: block;
	padding: 5px 0px;
}

.add_comment input, .add_comment textarea{
	width: 262px;
	border: 1px solid #685267;
	background: #150f16;
	color: #ab88ab;
}

.media_content img {
	border: 3px solid #886a86;
	margin: 5px 3px 0 5px;
}

.media_content img:hover {
	border: 3px solid #FBC8FB;
}

.ajax_load_title{
	background: transparent url("../img/ajax-loader.gif");
	height:20px;
	position:absolute;
	right:0;
	top:0;
	width:20px;
	display: none;
}

.pagination_blog {
	float:left;
	margin: 25px 0px 10px;
}

.pagination_blog a, .pagination_current{
	color: #fbc8fb;
	border: 1px solid #fbc8fb;
	padding: 2px 4px;
	text-decoration: none;
	margin: 0px 1px;
	font-size: 10px;
}

.comments_message {
	background: transparent url("../img/bg_rose.png");
	border: 1px solid #685267;
	
	padding: 10px;
}

.comments_container{
	margin:4px 0px;
}

.pagination_current {
	color: #000;
	background: #fbc8fb;
	margin:0 0 0 4px;
}

.hr_blog, .hr_blog_comment {
	background: transparent url("../img/hr_blog.png");
	height:5px;
	
	_background: #322832;
	_display: block;
	_padding: 0px;
	_height: 3px;
	_width: 538px; /*stoopid ie*/
}

.hr_blog_comment{
	margin:20px 0 10px;
}

#bottom{
	background: transparent url("../img/bg_bottom.png");
	/* real size  = height: 403px;*/
	padding-top: 40px;
	bottom:0;
	height:0px;
	position:fixed;
	_position:relative; /*stoopid ie*/
	width:100%;
	z-index: 99999;
}

*html #bottom { /* only ie6 : hack position fixe */
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight + 423);
}


.blog_content_body{
	padding: 0px 0 15px;
	text-align: justify;
}

.blog_content_body a{
	color: white;
	text-decoration: underline;
}

#savoir_plus {
	background: transparent url("../img/bg_savoir_plus.png") no-repeat center;
	width: 100%;
	height: 44px;
	margin: -40px auto 0;
}

#savoir_plus a{
	display: block;
	height: 100%;
}

#bottom_container {
	margin:0 auto;
	width:822px;
	position: relative;
}

#follow_bottom {
	position: absolute;
	bottom:0px;
	right: 0px;
}

#container_bottom_left_right {
	color : #7d4a7d;
	margin-top: 30px;
	height: 1px;
	position: relative;
}

.bottom_title {
	font-size: 25px;
	margin: 5px 0px 15px;
	float:left;
}

#bottom_photo {
	background: transparent url("../img/photo_kalyna.png");
	width: 239px;
	height: 280px;
	margin-left: 18px;
}

#loader_bottom{
	background: transparent url("../img/loader_3d.gif");
	width: 40px;
	height: 40px;
	display:none;
	position: absolute;
	left: 440px;
}

#container_fleche {
	left:420px;
	position:absolute;
	width:78px;
	z-index:1;
}

#container_fleche a{
	display: block;
	height: 100%;
}

#fleche_prev, #fleche_next {
	background: transparent url("../img/fleche_prev.png");
	width: 39px;
	height: 39px;
	float:left;
}

#fleche_next {
	background: transparent url("../img/fleche_next.png");
	float:right;
}

#flash_container {
	width:822px;
	height: 371px;
	_position: relative; /*stoopid ie*/
	margin:0px auto;
	background: transparent url("../img/ajax_loader_header.gif") no-repeat center;
}

#flash_correction {
	margin-left: -138px;
	_margin-left: 0px;  /*stoopid ie*/
	_position: absolute; /*stoopid ie*/
	_left: -138px; /*stoopid ie*/
	_top: 47px; /*stoopid ie*/
}

.onglet_bottom {
	background:#ccc;
	color:#FFFFFF;
	float:left;
	margin:0 20px 0 0;
	padding:4px 10px;
	cursor: pointer;
}

#bottom_left_container .jScrollPaneTrack {
	background:#ccc;
}

#bottom_left_container .jScrollPaneDrag {
	background:#7D4A7D;
}



.selected{
	background:#7D4A7D;
}

.onglet_body {
	height:300px;
	margin:0px 0 20px;
}

.onglet_scroll {
	height:300px;
	margin:0px 0;
}

.spacer {
	clear: both;
}

/* //////////////////////////////////////////////////////////////////////////////////////////////////////////           CSS GUESTBOOK          ////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#iphone-inside { overflow: hidden; height:100%; width:100%; }
#unlock-top { position: relative; height:95px; background-image:url("../img/lock-top.png"); }
#unlock-spacer {  position: relative; height: 250px; /* Total height = 461px - 95px (top) - 94px (bottom) */ }
#unlock-bottom { position: relative; height:94px; background-image:url("../img/lock-bottom.jpg"); }
#slide-to-unlock {  
	position: absolute; 
	z-index: 1; 
	!z-index:0; 
	top: 0; 
	left: 0;
	width: 100%;
	 height:94px; 
	 background-image:url("../img/slide-to-unlock.png"); 
	 _width: 284px;
	 _height: 78px;
}
#unlock-slider-wrapper { padding-left:22px; padding-top:23px; }
#unlock-slider { width:240px; height:50px; }
#unlock-handle{ position: absolute; z-index: 10; height: 37px; width: 58px; top: 0px; left: 0px; background-image: url("../img/lock-slider.png"); }

.time { text-align:center; color:#FFFFFF; font-family:Georgia, Times, serif; font-size:45px; padding:6px 0; }
.date { text-align:center; color:#FFFFFF; font-family:Georgia, Times, serif; font-size:12px; }

/* Used by the jQuery slider */
.ui-slider { position: relative; background-repeat: no-repeat; background-position: center center; }


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////           CSS SCROLL          ////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #181218;
}
.jScrollPaneDrag {
	position: absolute;
	background: #5d495d;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}