/* © 2007 by Rachid EL YOUSSFI  : elyoussfi-rachid@hotmail.fr */

.user_actions{
	padding:1px;
	float:right;
	width: 200px;
}

.ntfy_list{
	max-height: 200px;
	overflow:auto;
}
.ntfy_vignt{
	margin: 2px;
	border-bottom: #CCCCCC solid 1px;
}

.ntfy_vgnt_content{
	padding: 2px;
}
.top_ntfy_vgnt{
	padding: 2px;
	background: #F3F1F1;

}

.new_vgn_delete_box{
	float: right;
	background: #E8F0F4;
}

.zw_box_news{
	position:relative;
	clear: both;
	display: block;
	/*background: #A6DCE1;*/
	padding: 5px;
}


.zw_box_news_time{
	padding: 2px;
	background: #F3F1F1;
}


.zw_box_zizwit_news_title{
	float: left;
	margin-bottom: 6px;
	padding-top: 2px;
	color: #356686;
	font-size: 12px;
	font-weight:bold;
}

.zw_box_zizwit_news_date{
	float: left;
	margin-bottom: 6px;
	padding: 2px 5px;
	color: #999;
}

.zw_box_news_content{
	clear: both;
	padding: 2px;
}

.zw_box_news_desc{
	padding:4px;
	float:left;
	font-size:11px;
}

.zw_box_news_comment_sended{
	float:left;
	color:#000000;	
	font-style:italic;
	padding:4px;
}

.zw_box_news_pics{
	padding:4px;
	float:left;
	max-width:80px;
}

.zw_home_video{
	position:relative;
	clear: both;
	display: inline-table;
	background: #000;
	padding: 0;
	min-width: 95%;
	margin: 6px 2px 6px 2px;
}
.zw_box{
	position:relative;
	clear: both;
	display: inline-table;
	background: #fff;
	padding: 5px;
	min-width: 95%;
	margin: 6px 2px 6px 2px;
	border: #ccc 1px solid;
	border-radius: 6px;
	-moz-border-radius: 6px ;
}

.zw_box_title{
	margin-bottom: 6px;
	padding-top: 2px;
	color: #525050;
	font-size: 14px;
	font-weight:bold;
}

.zw_box_text{
	padding: 3px;
	background:#FFFFCC;
}


.user_notifications_box{
	position:relative;
	clear: both;
	display: inline-table;
	background: #FCCFCF;
	padding: 5px;
	min-width: 95%;
	width:710px;
	margin: 6px 2px 6px 2px;
	border:#F88F8F 1px solid;
	border-radius: 6px;
	-moz-border-radius: 6px ;
}


.user_notifications_box_title{
	color:#FFF;
	font-size: 16px;
	margin-bottom:5px;
}

.zw_bleue_panel{
	position:relative;
	/*clear: both;*/
	display: block;
	background: #DAE7FA;
	padding: 4px;
	width:90%;
	max-width: 90%;
	margin: 6px 2px 6px 2px;
}

.zw_bleue_panel_title{
	color: #FFF;
	float: left;
	font-size: 14px;
	margin-bottom:5px;
	font-weight:bold;
	border-bottom:#FFF 1px solid;
	width: 100%;
	text-align: left;
}
.zw_bleue_panel a{
	color: #333;
	font-weight:bold;
}

.zw_simple_box{
	position: relative;
	clear: both;
	padding: 5px;
}


.zw_links{
	float:right;
	background:#B3F372;
	border: 1px solid #CCC;
	padding: 2px;
	margin: 5px;
	font-size: 11px;
}

.zw_links a{
	color: #FFF;
}


.zw_head_tab{
background:#B3F372;
}

/***************************************/


/*--- Importation des contacts compte mail ---*/

.div_import_contact{
	clear: both;
	padding: 15px;
}

.import_contact_text{
	margin: 10px;
	margin-left:0;
	color: #000;
	font-weight:bold;
}

.import_contact_img{
	margin: 15px;
}

.import_contact_link{
	margin: 10px;
	text-align:center;
	font-size:12px;
}

.import_contacts_text_result{
	clear: both;
	padding:5px;
}

.import_contact_list_item{
	background:#FFFFCC;
	padding: 5px;
}

.import_contact_buttons{
	padding:7px;
}

.display_user_contact{
clear:both;
padding: 5px;
border:#CCCCCC 1px solid;
min-height: 50px;
max-height: 350px;
max-width: 550px;
overflow: auto;
}

/* commandes  */ 

#commandes{
	position: relative;
	display: block;
	background: #FFF ;
	color: #666666;
	border: #E9EAF1 solid 1px;
	padding: 2px;
	max-width:  20%;
}

#commandes a{
	color: #333333; 
}

#commandes li{
	padding: 4px;
}



.zw_stats_box{
	position: relative;
	display: block;
	float: left;
	background: #E7EAFE;
	color: #666666;
	border: #E9EAF1 solid 1px;
	width: 100%;
}



/*--- Commentaires ---*/


.add_comment_form{
	position: relative;
	display: block;
	clear:both;
	margin: 8px;
}

.comment_box{
	position: relative;
	display: block;
	clear:both;
	background: #FFF;
	padding:5px;
	margin:5px;
	border:#CCCCCC 1px solid;
}

.text_area_text_limit{
	font-size: 9px;
}

.comment_head{
	position: relative;
	display: block;
	background:#E8EFFD;
	border-bottom: #CCCCCC 1px solid;
	width: 100%;
}
.comment_sender{
	float:left;
	font-size:10px;
}
.user_comment_actions{
	float:right;
}
.user_comment_actions a{
	font-size: 10px;
}

.zw_text_area{
	white-space: normal;
}

.disp_text{
	position: relative;
	color: #000;	
	padding: 5px;
	text-align: left;
	width: 98%;
	max-width: 98%;
}

.upload_wait{
	background:#FFFFCC;
	color: #000000;
	font-size: 12px;
	border:#CCCCCC 1px solid;
	padding: 5px;
}

/*--- home ---*/

.zw_grp_home_box{
	position: relative;
	display: block;
	clear:both;
	background: #FFF;
	padding: 5px;
	margin: 5px;
}

.zw_grp_home_box_photo{
	float:left;
	margin: 5px;
}

.zw_grp_home_box_title{
	float:left;
	color: #333;
}

.zw_grp_home_box_infos{
	clear:both;
	float:left;
	font-size:10px;
	color: #333;
	background: #DEE6FE;
	width: 100%;
	padding: 5px;
}

/* Response div */


.out_error{
	clear: both;
	float:left;
	margin: 8px;
	min-height: 30px;
	padding: 12px 10px 2px 43px;
	background: #FFFFCC url(../images/icones/kw_delete_ic.gif) no-repeat 6px 4px;
	max-width: 600px;
	color:#FF3300;
	text-align:justify;
}
.out_notify{
	clear: both;
	float:left;
	margin: 8px;
	padding: 12px 5px 2px 43px;
	min-height: 30px;
	background: #E3E6F9 url(../images/icones/kw_accept_ic.gif) no-repeat 6px 4px;
	max-width: 600px;
}

.out_info{
	clear: both;
	float:left;
	margin: 8px;
	padding: 12px 10px 2px 43px;
	min-height: 30px;
	background: #E3E6F9 url(../images/icones/kw_info_ic.gif) no-repeat 6px 4px;
	max-width: 600px;
	color:#000000;
	text-align:justify;
}


/*--- messagerie ---*/

.zw_infos_box{
	position:relative;
	float: left;
	background:  url(../images/backSoftGrayLong.gif) repeat;
	margin: 5px;
	padding:10px;
	width: 96%;
	border: 1px solid #EAEAEA;
}

.zw_message_box{
	position:relative;
	float: left;
	background: #E6F5FF;
	margin: 5px;
	padding:10px;
	width: 98%;
	border: 2px solid #EAEAEA;
}


.zw_message_nav{
	position:relative;
	float: left;
	background: #F2F2F2;
	margin: 5px;
	padding:10px;
	width: 98%;
}
.zw_message_nav li{
	float: left;
	padding: 4px;
	background: #99B6F7;
	margin-right: 9px;
}

.zw_message_nav a{
	color: #FFF;
}

/*--- Formulaires ---*/

.settings_title{
color: #000;
font-size: 12px;
font-weight: bold;
}




.cadre_cont{
margin-top: 8px;
}





.cadre_main_title{
padding: 3px;
color:#3366FF;
}

.cadre_main_cont{
padding: 3px;
}

.quota_bar{
width: 100%; display:inline-table; height:16px; padding:0; margin-bottom:8px; margin-top:5px; background:#EAEAEA;
}
.quota_used_bar{
 float: left; background-color:#FF9900; 
}
.cadreDynLong{
position:relative;
clear: both;
display: inline-table;
background:  url(../images/fd_quick_ct.png) top no-repeat;
padding: 5px;
margin: 2px;
width: 95%;
}

.cadreViewMemberProfile{
display: inline-table;
position:relative;
background-color: #E7EAFE;
margin: 4px;
padding:10px;
}
.cadreViewMemberProfile label{
	color: #999999;
}

/* end container */


/* style div lecteur audio flash */
#lecteurAudio{
	padding: 3px 0 0 5px;
	float:right;
}
#listeArtistes{
	padding: 5px 0 0 0px;
	float:left;
}

#listActions{
float: right;
padding: 0px 8px 8px 8px;
border: #E9EAF1 solid 1px;
}

.cadre_infos{
position: relative;
}
.pointille{
margin-top: 7px;
padding: 1px;
border-top: 2px dotted #CCCCCC;
}

.menuDyn{
float:left;
background: #FFF;
display: block;
max-width: 80%; 
padding:0;
margin:0;
margin-bottom: 10px; 
}
.menuDyn dl{
float: left;
width:auto;
}

.menuDynOut{
cursor: pointer;
text-align: center;
padding:5px;
margin: 0 3px 0 3px;	
background: #FFF;  
border: 1px solid #E1E1E1;
border-top: none;
border-radius: 0 0 4px 4px ;
-moz-border-radius:  0 0 4px  4px;
width:auto;	
}

.menuDynOut a{
color: #333333;	
}

.menuDynOut:hover{
	cursor:pointer;
	background:#E0DDDA;
	border: 1px solid #E1E1E1;
	border-top: none;
    border-radius: 0 0 4px 4px ;
    -moz-border-radius:  0 0 4px  4px;	
}
.menuDynOut a{
color: #333333;
text-decoration:none;
}

.menuDynActive{
cursor: pointer;
text-align: center;
padding:5px;
margin: 0 3px 0 3px;	
background: #8BE0DC;  
border: 1px solid #E1E1E1;
border-top: none;
border-radius: 0 0 4px 4px ;
-moz-border-radius:  0 0 4px  4px;
width:auto;	
}

.menuDynActive a{
color: #FFFFFF;
text-decoration:none;
}


.infos_card_title{
color: #385672;
font-size: 12px;
}


.colTab{
padding: 4px;
border-right: #E9EAF1 solid 1px;
border-bottom: #E9EAF1 solid 1px;
background:  url(../images/fonduHBleu.png) repeat;
}
.colTab label{
color: #666666;
}
.colRes{
background:  url(../images/backSoftGray.gif) repeat;
color:#000000;
border-right: #E9EAF1 solid 1px;
border-bottom: #E9EAF1 solid 0px;
padding: 4px;

}
.tabPhoto{
z-index: 2;;
padding: 1px;
border: #E9EAF1 1px solid;
}
.colResAlt{
color:#000000;
border-right: #E9EAF1 solid 1px;
border-bottom: #E9EAF1 solid 0px;
padding: 4px;
}

#infos{
background: url(../images/pointilles.png) bottom repeat-x; 
padding:5px;
margin-bottom: 3px;
}
/* style fenetre de connexion */


#fenetreConnexion{
margin-left: 0px;
width: 640px;
height: auto;
padding-bottom: 15px;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
border: #E9EAF1 solid 1px;
border-radius: 4px;
-moz-border-radius: 4px;
background:  url(../images/fonduBleu.png) bottom repeat-x;;
}


.tdMenuContent{
	background:  url(../images/fonduHBleu.png) top repeat-x;
	border: #E9EAF1  solid 1px;
	padding-top: 8px;
	padding-bottom: 6px;
}
.BandeInfo{
	clear: both;
	background:  url(../images/fonduBleu.png) bottom repeat-x;
	border: #E9EAF1  solid 1px;
	padding: 5px;
	border-radius: 3px;
    -moz-border-radius: 3px;
}
.tdContentHover{
	background:  url(../images/fonduGrisToP.png) top repeat-x; 
	border-top: #6699FF  solid 1px;
	border-left: #6699FF solid 1px;
	border-right: #6699FF  solid 1px;
	border-bottom: #000000 outset 1px;
	padding-top: 8px;
	padding-bottom: 6px;
}

.tdLegend{
	background: url(../images/fonduHBleu.png) repeat;
	padding: 10px;
}

.tdValue{
	padding: 10px;
}
#actions{
	float:right;
	display:block;
	padding:5px;
}

#actions li{
	padding: 2px;
	margin-right: 9px;
}
.titleTab{
clear:both;
background: #99CC33; 
border: #E9EAF1 solid 1px;
color:#FFFFFF;
padding: 5px;
border-radius: 4px;
-moz-border-radius: 4px;
}

.cadreOrange{
display: inline;
position:relative;
background:  url(../images/cadreOrange.png) top repeat-x;
overflow: visible;
padding-top: 3px;
margin: 3px;
border: #E9EAF1 1px solid;
}
.cadreBleu{
display: inline;
position:relative;
background:  url(../images/topBlue.png) top repeat-x;
width: auto;
color: #333333;
overflow: visible;
padding-top: 3px;
margin: 3px;
border: #E9EAF1 1px solid;
}
.cadreGris{

display: inline;
position:relative;
background:  url(../images/topGris.png) top repeat-x;
overflow: visible;
padding-top: 2px;
margin: 3px;
border: #E9EAF1 1px solid;
}


.title_card{
color: #999999;
font-size:9px;
}




.cadreMessage{
position:relative;
background:  url(../images/backSoftGrayMid.gif) bottom repeat-x;
margin-top: 5px;
padding:15px;
padding-bottom: 20px;
border: #E9EAF1 1px solid;
}



.cadreContentGreen{
position:relative;
background:  url(../images/bottomGreen.jpg) bottom repeat-x;
border: #E9EAF1 1px solid;
margin-top: 5px;
padding:10px;
}
.cadreContentGray{
position:relative;
background:  url(../images/bckgdBottom.png) bottom repeat-x;
border:#DADEE9 1px solid;
padding:5px;
border-radius: 4px;
-moz-border-radius: 4px;
}


.userDo{
 width:120px;
 overflow: hidden;
 margin:0;
 padding: 10px 3px;
 line-height: 24px;
}

.topContentLeft{
	display: block;
	background: #8BE0DC ;
	padding:0px;
	margin-bottom: 5px;
	width:100%;
}

.topContentLeft a{
	color: #FFFFFF;
}
.controlPanel{
	 float: left;
	 clear: left;
	 width: 20%;
	 padding: 5px;
	 display: inline-table;
}
.dynVolet{
	margin-top: 3px;
	background:#FFFFCC;
	border-top: #DADEE9 3px solid;
	border-bottom: #DADEE9 3px solid;
	padding:0 0 5px 0;
}


.actions_container{
	position:absolute;
	background: #FFFFCC;
	border: #FFCC66 solid 1px;
	padding: 5px 10px;
	margin: 10px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px  6px 6px 6px;	
}

.presentation_container{
	padding:15px 10px;
	background:#E3E6F9;
	border: #ccc solid 1px;
	margin: 5px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px  6px 6px 6px;	
}
.group_presentation{
	padding:15px 10px;
	border: #ccc solid 1px;
	margin: 5px;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px  6px 6px 6px;	
}



/* composants 3*/

.cadre_infos{
	position:relative;
	margin-top: 5px;
	padding:15px;
}

.mod_content{
	float:left;
	width: 710px;
	max-width:710px;
	padding:0;
	margin:0;
}

.basicCadre{
	position: relative;
	display: block;
	clear:both;
}

.multi_resutl_nav{
	clear: both;
	background: #FFF;
	display: inline-table;
	padding: 3px;
	border-bottom: #CCCCCC 1px solid;
	width:98%;
	margin: 3px;
}

.multi_resutl_nav_summ{
	float:left;
}


.multi_resutl_nav_prev{
	float:left;
	padding-left: 5px;
	padding-right: 5px;
}
.multi_resutl_nav_rank{
	float:left;
	text-align:center;
}

.multi_resutl_nav_rank  dl{
	float: left;
	width:auto;
	margin-left:2px;
	margin-right:2px;
}

.multi_resutl_nav_rank dt{
	cursor:pointer;
	padding-left: 3px;
	padding-right: 3px;
	border:#999999 1px solid;
}

.multi_resutl_nav_rank dt:hover{
	cursor:pointer;
	background: #00FF33;
	padding-left: 3px;
	padding-right: 3px;
	border:#999999 1px solid;
}
.multi_resutl_nav_rank_current{
	cursor:pointer;
	background: #CCFFCC;
	padding-left: 3px;
	padding-right: 3px;
}



.multi_resutl_nav_next{
	float:right;
	padding-left: 5px;
	padding-right: 5px;
}

.zw_action_box{
	display:inline-table;
	clear: both;
	position:relative;
	background: #E8F0F4;
	border: #DADBD7 1px solid;
	margin: 8px;
	padding: 10px;
}

.zw_action_box_title{
	padding-top: 2px;
	color:#333;
	font-weight: bold;
	text-align:left;
}

.zw_action_box_arg{
	padding:5px;
}
.mod_form{
	padding:4px;
	padding:10px;
	border: #CCCCCC 1px solid;
}



/*  Private Photos  */



.display_photo{
display: inline-table; 
width:98%;
z-index: 100;
}

.display_photo_viewer{
clear:both;
background: #FFF;
margin: 10px;
padding: 5px;
}
.display_photos_head{
clear:both;
display: inline-table;
background: #EFEDED;
padding: 5px;
width: 100%;
}
.display_photo_summary{
	float:left;
}


.display_photo_title{
clear: both;
}

.display_photos_actions{
display:block;
float: right;
}

.display_photo_prev{
float:left;
padding-left:2px;
}

.display_photo_next{
float: left;
padding-left:2px;
}

.display_photo_mini{
float:left;
}

.photo_comments{
clear:both;
width: 95%;
}


.photo_mini_quick_view{
float:left;
}

/*  Public Photos  */
.public_photos_box{
clear:both;
display: inline;
padding: 4px;
margin: 5px;
}

.public_photos_box_title{
margin-bottom: 10px;
color: #FF9900;
font-size: 14px;
font-weight:bold;
}

.lblphoto{
font-size: 9px;
}

.aphots_td{
}

.aphotos_box{
position:relative;
display:block;
float:left;
height:100%;
width: 100%;
border: #CCCCCC 1px solid;
padding: 2px;
}


.aphotos_box_photo{
float:left;
margin-right: 3px;
padding: 1px;
border: #CCCCCC 1px solid;
}

.aphotos_box_infos{
float: left;
padding: 4px;

}

.aphotos_box_title{
font-size:12px;
float: left;
}
.aphotos_box_label_photo{
clear: both;
}

.aphotos_box_label_date{
clear: both;
}


.pphoto_box{
float:left;
margin: 2px;
padding: 3px;
height: 113px;
width: 120px;
}


.pphoto_box_infos{
bottom:0;
}


/* Affichage tableaux */


.tab_legend{
	background: #EFEDED;
	padding:5px;
	color: #333;
}



.tab_alt_tr{
	background:#FFFFCC;
	padding: 5px;
}

.search_panel{
	display: block;
	clear: both;
	position:relative;
	background: #E8F0F4;
	border: #DADBD7 1px solid;
	margin: 8px;
	padding: 10px;
}

#monTextBuff{
	background: #E0ECF3;
}

.zw_chat_text{
	padding: 10px;
	font-size:13px;
}

.zw_box_memb_online{
	padding: 10px;
	background: #FFFFFF;
	position:relative;
	clear: both;
	display: inline-table;
	width:90%;
	max-width: 90%;
	margin: 6px 2px 6px 2px;
}