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

#head{
	
	background-image: url(img/directory_head2.png);
	background-repeat: none;
	height: 255px;
	width: 1000px;

}


#body_content{
	background-image: url(img/directory_body.png);
	background-repeat: repeat;
	width: 1000px;
	

}


#left{
	float:left;
	position: relative;
	top: -16px;
	left: 14px;
	width: 621px;
	padding-left: 12px;
	padding-right:  12px;
			

}

#right{
	float:left;
	width:300px;
	margin-left: 12px;
	padding-left:12px;
	padding-right:12px;
	position: relative;
	top: -40px;
}

#foot{
	background-image: url(img/directory_foot.png);
	background-repeat: none;
	width: 1000px;
	height: 15px;

}

/* HEAD */

#head #sub_menu{
	position: absolute;
	width: 400px;
	top: 155px;
	left: 228px;
	color: #FFFFFF;
	font-size: 14px;
}


#head #sub_menu a{
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: 4px;
	margin-right: 4px;
	
}

#head .head_flash{
	position:absolute;
	width: 320px;
	height: 200px;
	top: 15px;
	left: 670px;

}

/* LEFT COLUMN */

#left a{
	border: 0;

}

#left .top_list{
	width: 621px;
	height: 12px;
	background-image: url(img/directory_liste_top.png);
	background-repeat: no-repeat;
	margin-top: 5px;
}


#left .bottom_list{
	width: 621px;
	height: 12px;
	background-image: url(img/directory_liste_bottom.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

#left .line_member1 {
	background-color: #DEEEC2;
	padding: 6px;
	cursor: pointer;
	height: 55px;
	clear: both;
}

#left .line_member2 {
	background-color: #EEF6E0;
	padding: 6px;
	cursor: pointer;
	height: 55px;
	clear: both;
}

#left .line_member1:hover, #left .line_member2:hover {
	background-color: #D2E7AB;
}


#left .member_pic {
	float:left;
	width:55px;
	padding-right: 6px;
}

#left .member_status {
	float:left;
	position: relative;
	top: 5px;
	width: 20px;
	margin-right: 6px;
	height: 55px;
}


.member_infos {
	font-size: 12px;
	position: relative;
	top: 7px;
	float:left;
	width: 320px;
	line-height: 15px;
	text-align: right;
	padding-right: 10px;

}

#left .member_actions {
	position: relative;
	top: 10px;
	float:left;
	width: 186px;
	margin-right: 6px;
	text-align: center;
}

.info_line{
	font-size: 11px;
	color: #4C6F00;

}

.description{
	color: #4C6F00;

}

#left .infos_page {
	float: left;
	width: 200px;
	position: relative;
	top: 6px;
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 1px;
	
}

#left .navi_page {
	float: right;
	text-align: right;
	width: 410px;
}

#left .navi_page a {
	color: #FFFFFF;
	border: 0;
	font-size: 14px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

#left .navi_page a:hover,  #left a.current_page{
	color: #97C83C;
	background-color: #FFFFFF;
}


#left .navi_page a.arrow:hover {
	background-color: #97C83C;
}

#left h1{
	display: block;
	margin: 0;
	margin-bottom: -12px;
	color: #FFFFFF;
	font-size: 20px;
}

/* RIGHT COLUMN */

#right h3 {
	position: relative;
	left: -12px;
	display: block;
	background-image: url(img/dir_bck_300.png);
	background-repeat: no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/dir_bck_300.png', sizingMethod='scale');
	margin:0;
	margin-bottom: 8px;
	width: 300px;
	height: 25px;
	padding-top: 16px;
	padding-left: 18px;
	padding-right: 4px;
	color: #D2EAD7;
	letter-spacing: 2px;
	font-size: 13px;
}

#right .memberzone {
	color: #FFFFFF;
}

#right .blogads{
	background-image: url(img/back_blogads.png);
	background-repeat: repeat-y;
	width: 300px;
	margin-top: 10px;
}

#right .store{
	background-image: url(img/store.png);
	background-repeat: no-repeat;
	width: 300px;
	margin-top: 10px;
	padding-top: 75px;

}

#right .store_product{
	float: left;
	width: 136px;
	margin: 2px;
	padding: 4px;
	border: solid 1px #B7D977;
	cursor: pointer;
}

#right .store_product:hover{
	float: left;
	width: 136px;
	margin: 2px;
	padding: 4px;
	border: solid 1px #CBE49E;
	background-color: #8BC226;

}

#right .store_img{
	float: left;
	margin-right: 4px;

}

#right a{
	color: #FFFFFF;
	border: 0;

}

#right a:hover{
	color: #FFFFFF;
	border-bottom: dotted 1px;

}


#right .store_categorie{
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 1px;

}

#right .store_more{
	display: block;
	text-align: right;

}

#right a.store_more_link{
	color: #FFFFFF;
	border-bottom: dotted 1px;

}

/* FORMS */


#right form{
	color: #FFFFFF;

}

.input90 {
	width: 84px;
	height: 21px;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 4px;
	border: 0;
	background: none;
	background-image: url(img/directory_input90.png);
	background-repeat: no-repeat;
	color: #839C32;
	font-weight: bold;
	font-size: 12px;

}

.input200 {
	width: 200px;
	height: 21px;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 4px;
	border: 0;
	background: none;
	background-image: url(img/directory_input200.png);
	background-repeat: no-repeat;
	color: #839C32;
	font-weight: bold;
	font-size: 12px;

}

.button90 {
	width: 92px;
	height: 26px;
	padding : 0;
	border: 0;
	background: none;
	background-image: url(img/directory_button90.png);
	background-repeat: no-repeat;
	color: #D2EAD7;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: pointer;

}

.button90:hover {
	background-image: url(img/directory_button90_hover.png);
}

.input25 {
	width: 19px;
	height: 21px;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 4px;
	border: 0;
	background: none;
	background-image: url(img/directory_input25.png);
	background-repeat: no-repeat;
	color: #839C32;
	font-weight: bold;
	font-size: 12px;

}

.button50 {
	width: 52px;
	height: 26px;
	padding : 0;
	border: 0;
	background: none;
	background-image: url(img/directory_button50.png);
	background-repeat: no-repeat;
	color: #D2EAD7;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: pointer;

}

.button50:hover {
	background-image: url(img/directory_button50_hover.png);
}

select{
	color: #839C32;
	font-size: 12px;
}
.label {
	float: left;
	width: 200px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}
.form_line {
	display: block;
	margin-bottom: 5px;
	padding: 3px;
	color: #FFFFFF;
	font-size: 11px;
	clear:both;
}

.form_infos{
	font-size: 10px;
	font-weight: normal;
	color: #5D7122;
}

legend {
	color: #5D7122;
	font-size: 14px;
	font-weight: bold;
}

.message {
	background-color: #B0D56B;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	color: #5D7122;
}

/* SIGNIN */

.required {
	color:#CC3300;

}

#right a.img_link{
	
	border: 0;

}
