body{
	font-size:0.7em;
	font-family:Arial, sans-serif;	
	color:black;
	background-color:#110513;
	text-align:center;	
	margin:0;
	padding:0;
}

p {padding:0; margin:0;}
a {color:white;text-decoration:none;}

.white {color:white; font-size:1.1em;}
.purple {color:#88598a;}
.purple2 {color:#dcc4dc;}
.clear {clear:both;}
.hidden {display:none;}
.center {text-align: center;}

#shadowbox_body{border:none;}

/************************************/
/********** 	HOME	**********/
/************************************/

div#page{
	position:relative;
	text-align:left;
	width:955px;
	height:600px;
	background:#110513 url(images/background.jpg) no-repeat;
	margin:0 auto;
}

/********** 	LOGIN	**********/

#vip{position:absolute; left:370px; top:140px; text-align:right;}

#vip p { color:black; font-weight:bold; margin-bottom:3px;}

#vip p.oubli { margin-top:-5px; clear:both;}

#vip p a { font-size:11px; font-weight:normal; color:black; margin-right:10px;}
#vip p a:hover { text-decoration:underline;}


#vip label { 
	display:block; 
	float:left; 
	width:150px;
	text-align:right;
	margin-top:2px;
	margin-right:5px;
	font-weight:bold;
}

#vip input{width:115px; height:14px; font-size:10px; padding-bottom:0px; color: black;}

#vip input.bouton{border:none; width:26px; height:16px; margin-top:5px; background: url(images/ok.gif) no-repeat;}
#vip input.bouton:hover {background: url(images/ok.gif) left bottom no-repeat;}

/********** 	RENCONTRES	**********/

#rencontres{position:absolute; left:285px; top:325px;}
#rencontres p.bouton_prochaine {margin:5px 60px ;}
#rencontres p.bouton_prochaine a span {display:none;}
#rencontres p.bouton_prochaine a{ display:block; width:138px; height:15px; background:url(images/nav5.gif) no-repeat;}
#rencontres p.bouton_prochaine a:hover{ background:white url(images/nav5.gif) left bottom no-repeat;}

#rencontres p a { font-size:11px; font-weight:normal; color:black; margin-right:10px;}
#rencontres p a:hover{text-decoration:underline;}

/**********       		NAV	  	**********/
#nav {color:white;position:relative; width: 400px; left:300px; top:415px; text-align:center;}

#nav p {font-size:11px;font-weight:bold; color:white;}
#nav p a span {display:none;}
#nav p a {display:block; float:left; height:19px; margin-right:1px;}
#nav p a#nav_club{ width:69px; background:url(images/nav1.gif) no-repeat;}
#nav p a:hover#nav_club{ background:url(images/nav1.gif) left bottom no-repeat;}
#nav p a#nav_soirees{ width:97px; background:url(images/nav2.gif) no-repeat;}
#nav p a:hover#nav_soirees{ background:url(images/nav2.gif) left bottom no-repeat;}
#nav p a#nav_lieux{ width:57px; background:url(images/nav3.gif) no-repeat;}
#nav p a:hover#nav_lieux{ background:url(images/nav3.gif) left bottom no-repeat;}
#nav p a#nav_membre{ width:124px; background:url(images/nav4.gif) no-repeat;}
#nav p a:hover#nav_membre{ background:url(images/nav4.gif) left bottom no-repeat;}

/**********       INTRO & LINKS   	**********/
#intro {color:white;position:relative; margin:0 auto; top:410px; text-align:center;}

#intro p#titre {font-size:16px; font-weight:bold; margin-bottom:15px;}
#intro p#titre  strong {font-size:22px;}
#intro p#links, #intro p#links a {color:gray; font-size:10px; margin-top:30px;}
#intro p#links a:hover {color:white;}

#shadowbox_nav_close  {position: absolute; top: 0; right: 0;}

/************************************/
/****     INSCRIPTION | CONTACT    ****/
/************************************/

#page_inscription, #page_contact{
	text-align:left;
	margin:20px auto;	
}

#page_inscription h1 span{ }
#page_inscription h1 {font-size: 16px; color: #88598a;  margin: 15px 0; }
#page_inscription h1 img {margin-bottom:-8px;}

#form_inscription, #comment-form {color:white; background:#000; width:500px; margin:0 auto; border: 16px solid #202020; padding:0 50px; position: relative;}
#form_inscription fieldset, #comment-form fieldset {border:none;border-bottom:1px solid white; padding-bottom:10px;}
#form_inscription label, #comment-form label { display:block; margin:5px 0 3px 0;}

#form_inscription .radio  input {width:25px; background:none; border: none;}
#form_inscription .radio  label {display:inline}

#form_inscription input, #comment-form input {
	background:#CCC url(images/input2.gif) no-repeat;
	padding-left: 5px;
	padding-right: 0px;
	border: none;
	width:295px;
	}
#form_inscription textarea, #comment-form textarea {
	background:#CCC url(images/textarea.gif) no-repeat;
	border: none;
	padding:2px 4px;	
	width:442px;height:166px;
	overflow:auto;
	}
	
#form_inscription select, #comment-form select  {border:1px solid silver; text-align:center;}

#form_inscription a.bouttons span, #comment-form a.bouttons span {display: none;}
#form_inscription a.bouttons  {position: absolute; bottom:58px; left:120px; display: block; width: 89px; height: 25px; background:url(images/bt_retour.gif) no-repeat; }
#form_inscription a.bouttons:hover { background:url(images/bt_retour.gif) left bottom no-repeat; }

#comment-form a.bouttons  {position: absolute; bottom:54px; left:120px; display: block; width: 89px; height: 25px; background:url(images/bt_retour.gif) no-repeat; }
#comment-form a.bouttons:hover  { background:url(images/bt_retour.gif) left bottom no-repeat; }


#form_inscription input#send, #comment-form input#Contact_send{
	background:#000 url(images/bt_valider.gif) no-repeat;
	border:none;
	margin:5px 0 5px 250px;
    color:#FFF;	
	font-size:16px;
    padding:0 0 3px 20px;
	width:89px;height:25px;
}

 #comment-form input#Contact_send{
	background:#000 url(images/bt_envoyer.gif) no-repeat;
	width:107px;height:22px;
}	

#form_inscription input#send:hover{ background:#000 url(images/bt_valider.gif) left bottom no-repeat;}

#comment-form input#Contact_send:hover{background:#000 url(images/bt_envoyer.gif) left bottom no-repeat;}	

.confirmation, .erreur{text-align:center; color:white; 	border: 16px solid #202020; width:318px; height:218px; margin:0;}

.confirmation h3, .erreur h3{color:#88598a;}

.confirmation a, .erreur a{
	color:white;
	font-weight:bold;
	text-decoration:none;
	padding:2px 4px;
	border:1px solid white;
}

.confirmation a:hover, .erreur a:hover{
	background:white;
	color:black;
}

.erreur ul {padding:0;}

.confirmation-mail{
	color:white;
	font-weight:bold;
	text-decoration:none;
	padding: 15px;
	border: 16px solid #202020;
	margin: 100px auto;
	width: 400px;
}

/************************************/
/******** 	    PARTENAIRES      ********/
/************************************/

#page_liens {width: 500px; margin: 20px auto;	border: 16px solid #202020; background-color:#000;}
#page_liens h1 {color: white;}
#page_liens ul {padding:0;}
#page_liens ul li {margin: 5px 0;}
#page_liens ul li a:hover {font-weight:bold;}


/************************************/
/******** 	    PRESENTATION    ********/
/************************************/

#p_presentation, #p_les_soirees, #p_FAQ, #p_lieux {
	font-size: 11px;
	background-color:#110513;
	color: white;
	padding: 5px 15px;
	height: 500px;
	border: 16px solid #202020;	
}

#p_presentation h1, #p_les_soirees h1, #p_lieux h1 {font-size: 16px; color: #88598a; margin: 10px 0 30px 0;}
#p_presentation h1 img, #p_les_soirees h1 img, #p_lieux h1 img{margin:0 5px -9px 0;}

#p_presentation h2, #p_les_soirees h2, #p_FAQ h2{
	font-size: 16px;
	color: #88598a;
	margin: 10px 0 5px 0;	
}

#p_FAQ h2, #p_FAQ h3 {font-size: 14px;}
#p_FAQ h3 {margin-top: 40px;}

#p_presentation #col-left,#p_lieux #col-left2{
	float: left;
	margin: 5px 20px 0 0;
}

#p_presentation #prez-intro { margin-bottom:20px;}

#p_presentation p.bouton-rejoignez a span{ display:none;}
#p_presentation p.bouton-rejoignez a { display: block; width:288px; height: 24px; background:url(images/bt_club.gif) no-repeat; margin: 20px 0 20px 238px;}

#p_presentation #note{
	font-size:10px;
	color:silver;
}


/************************************/
/******** 	         SOIREES          ********/
/************************************/
#p_les_soirees {height: 570px;}
#p_les_soirees h2 { font-size:14px;}
#p_les_soirees .img_soiree{float: left; margin-right: 20px;}
#p_les_soirees .text_soiree{margin: 0;}
#p_les_soirees div.hr {margin: 20px 0; height:1px;  background: #fff url(images/barre_soiree.gif) no-repeat;}
#p_les_soirees div.hr hr { display: none;}

/************************************/
/******** 	    ERREUR LOGIN    ********/
/************************************/

#p_erreur_login, #p_oubli, #p_erreur_valide {
	text-align: center;
	font-size: 13px;
	background-color:#110513;
	color: white;
	padding-top: 60px;
	height: 108px;
	border: 16px solid #202020;
}

/************************************/
/******** 	    OUBLI EMAIL       ********/
/************************************/

#page_oubli {
	border: 1px dashed white;
	width: 600px;
	margin: 100px auto;
	padding: 20px;
	color: white;
	font-size: 12px;
	background-color:#000;
}

#page_oubli a {text-decoration: underline;}


/************************************/
/******** 	        OPENING          ********/
/************************************/

#p_opening {
color: white;
background: #110513 url(http://jdumont.fr/ck/themes/aorakit-2C/img/logo_soiree.png) 10px 10px no-repeat;
padding: 60px 10px 10px 10px;
border: 16px solid #202020;
height: 188px;
}

#p_opening p {
margin-bottom: 10px;
}

#p_opening p.bouton-rejoignez {margin: 15px 20px;}


#p_opening p a{
display: block;
width: 288px;
height: 24px;
background: url(http://jdumont.fr/ck/images/bt_club.gif) no-repeat;
}

#p_opening p a span{ display:none;}

div #shadowbox_nav_close {margin-top:22px;}