/** ***
 * Feuille de Style en Cascade
 * 
 * PROFILSONLINE.COM par Agence AROBASE
 * joanis.r@agence-arobase.com
*** **/

body {
	background-color: #5B5B5B;
	background-image: url('images/bg_header.gif');
	background-repeat: repeat-x;
	font-size: 12px;
	font-Family: Arial;
}

img { border: none; }

a { text-decoration: none; color: #4D8DCA; font-weight: bold; }
a:hover { color: #000000; font-weight: bold; text-decoration: none; }

#Global { background-color: #CCCCCC; margin: 5px; padding: 3px; }
#Global_Body { background-color: #5B5B5B; border-left: 1px solid black; border-right: 1px solid black; }

#Banner { height: 132px; border-top: 1px solid black; background-image: url('images/bg_banner.gif'); }
.Logo { width: 345px; height: 101px; margin-top: 31px; float: left; background-image: url('images/logo.gif'); }
	
#MenuH { height: 54px; background-image: url('images/MenuH/bg.gif');}

.B_Connexion { float: left; width: 110px; height: 54px; background-image: url('images/MenuH/connexion1.gif'); }
.B_Inscription { float: left; width: 110px; height: 54px; background-image: url('images/MenuH/inscription1.gif'); }
.B_Profil { float: left; width: 110px; height: 54px; background-image: url('images/MenuH/profil1.gif'); }
.B_Recherche { float: left; width: 110px; height: 54px; background-image: url('images/MenuH/recherche1.gif'); }

.B_Disconnexion { float: left; width: 110px; height: 54px; background-image: url('images/MenuH/deconnexion.gif'); }
.B_Mpbox { float: left; width: 110px; height: 54px; background-image: url('images/MenuH/messagerie.gif'); }

.B_Connexion:hover {
	float: left; width: 110px; height: 54px; background-image: url('images/MenuH/connexion2.gif'); }
.B_Inscription:hover { 
	float: left; width: 110px; height: 54px; background-image: url('images/MenuH/inscription2.gif'); }
.B_Profil:hover {
	float: left; width: 110px; height: 54px; background-image: url('images/MenuH/profil2.gif'); }
.B_Recherche:hover {
	float: left; width: 110px; height: 54px; background-image: url('images/MenuH/recherche2.gif'); }
	
.B_Disconnexion:hover {
	float: left; width: 110px; height: 54px; border-bottom: 3px solid white; }
.B_Mpbox:hover {
	float: left; width: 110px; height: 54px; background-image: url('images/MenuH/messagerie2.gif'); }

.End_Menu { float: right; width: 62px; height: 54px; background-image: url('images/MenuH/end.gif'); }

#Pg_Title {
	height: 26px; 
	margin-top: 3px; 
	padding-top: 5px;
	color: #515151; 
	font-size: 12px; 
	font-weight: bold; 
	letter-spacing:1px; 
	text-align: center;
	background-image: url('images/bg_page_title.gif'); 
	background-repeat: repeat-x;
}

#Body {	padding: 15px; font-size: 11px; color: #515151;	background-color: #F7F7F7; text-align: center; }
#Body_forum { padding: 10px; font-size: 11px; color: #515151; text-align: center; background-color: #B3B3B3; }

#WhoIsOnline_Title {
	height: 26px; 
	margin-top: 3px; 
	padding-top: 5px;
	padding-left: 10px;
	color: #515151; 
	font-size: 12px; 
	font-weight: bold; 
	text-align: left;
	background-image: url('images/bg_page_title.gif'); 
	background-repeat: repeat-x;
}

#WhoIsOnline {
	height: 60px;
	font-size: 11px; 
	color: #515151;
	border-bottom: 1px solid black;
	background-color: #F7F7F7;
}

#ValidPage {
	position: fixed;
	width: 200px;
	bottom: 0; right: 15px;
}

.xhtml { float: right; }
.css { float: right; }

.Logo_Online { 
	float: left; width: 60px; height: 60px; margin-right: 10px; background-image: url('images/Footer/whois.gif');
}

/**
	LES PAGES
**/

/** Formulaires **/

#CenterTable { width: 600px; margin-left: auto; margin-right: auto; text-align: center; }
.confirmation_success { font-weight: bold; color: #3AB846; font-size: 12px; }
.confirmation { font-weight: bold; font-size: 12px; }

#form_bloc {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

#form_bloc legend { font-size: 11px; font-weight: bold; text-transform: uppercase; }

.FormTable { width: 500px; height: auto; font-size: 11px; margin-top: 15px; margin-bottom: 15px; }
.FormTable tr:hover { background-color: #DDDDDD; }
.FormTable td { width: 250px; height: auto; }
.FormTable p { margin: 0; text-align: left; padding-left: 20px; font-weight: bold; }
.FormTable p.input_area { margin: 0; text-align: right; padding-right: 20px; margin-top: 5px; margin-bottom: 5px; }

.errors_login { 
	width: 250px; font-weight: bold; text-align: center; color: #BD3E3E; font-size: 11px;
	margin-left: auto; margin-right: auto; }


/**
	LES FORUMS & TOPICS
**/

.way_title { color: #FFFFFF; font-weight: bold; letter-spacing: 1px; margin-top: 0px; margin-bottom: 5px; text-align: left; }

#Forums_body {
	width: 100%;
}

#Cat_Forum {
	width: 100%; height: 30px;
	background-image: url('images/bg_forum_cat_title.gif');
	background-repeat: repeat-x;
	background-color: #999999; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	border: 1px outset #555555;
}

.cat_title { text-align: left; padding-left: 15px; letter-spacing: 1px; border-bottom: 1px solid #999999; }

/** Forums **/

#Forum {
	width: 100%; height: 50px;
	text-align: left;
	font-size: 11px;
	margin-top: 10px;
}

.forum_line { background-color: #E7E7E7; }
.forum_line:hover { background-color: #FFFFFF; font-weight: bold; }

.icon { 
	width: 50px; height: 50px; 
	border-bottom: 1px solid #999999; border-left: 1px solid #999999;
	background-color: #FFFFFF; }

.titles { padding: 5px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #999999; }

.title { font-weight: bold; letter-spacing: 1px; }
.title a { color: #515151; font-weight: bold; letter-spacing: 1px; }
.title a:hover { color: #515151; font-weight: bold; letter-spacing: 2px; }

.desc { font-weight: normal; }

.topics { width: 100px; text-align: center; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }
.messages { width: 100px; text-align: center; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }
.last_message { width: 150px; text-align: center; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }

/** Topics **/

#Topics_body {
	width: 100%;
}

#Topic {
	width: 100%; height: 25px;
	text-align: left;
	font-size: 11px;
	margin-top: 10px;
}

.right { text-align: right; padding-right: 15px; }
.center { text-align: center; }
.left { text-align: left; padding-left: 15px; }

.center_update { text-align: center; font-weight: bold; font-size: 12px; color: #339215; }

.topic_line { height: 25px; background-color: #CCCCCC; }
.topic_line:hover { background-color: #EEEEEE; font-weight: bold; }

.icon_topic { 
	width: 25px; height: 25px; 
	border-bottom: 1px solid #777777; border-left: 1px solid #777777;
	background-color: #EEEEEE; }

.titles_topic { padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #999999; }

.title_topic { font-weight: bold; letter-spacing: 1px; }
.title_topic a { color: #515151; font-weight: bold; letter-spacing: 1px; }
.title_topic a:hover { color: #515151; font-weight: bold; letter-spacing: 2px; }

.topics_topic { width: 100px; text-align: center; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }
.messages_topic { width: 100px; text-align: center; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }
.last_message_topic { width: 150px; text-align: center; border-bottom: 1px solid #999999; border-left: 1px solid #999999; }

.title_topic { font-weight: bold; letter-spacing: 1px; }
.title_topic a { color: #515151; font-weight: bold; letter-spacing: 1px; }
.title_topic a:hover { color: #125689; font-weight: bold; letter-spacing: 1px; }

/** IN Topic **/

.topics_infos { 
	width: 400px; 
	text-align: center; 
	padding: 5px;
	border-bottom: 1px solid #999999; border-left: 1px solid #999999; }

#Topic_Message {
	width: 95%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12px;
	background-color: #E7E7E7;
	border: 1px solid #999999;
}

.topic_user { width: 150px; text-align: center; padding: 10px; border-right: 1px double #CCCCCC; }
.topic_user a { filter:Alpha(opacity=50); -moz-opacity:0.50; opacity: 0.50;  }
.topic_user a:hover { filter:Alpha(opacity=100); -moz-opacity:1.00; opacity: 1.00;  }
.topic_user img { margin: 3px; border: 1px double #CCCCCC; border-width: 3px; }
.topic_message { padding: 10px; }
.topic_message_area { width: 90%; text-align: justify; background-color: #FFFFFF; border: 1px dashed #CCCCCC; margin-left: auto; margin-right: auto; }

/** Reponses **/

.topic_reply { width: 95%; text-align: center; margin-left: auto; margin-right: auto; font-size: 12px; }

.reply_pli { width: 115px; height: 95px; background-image: url('images/reply_pli.gif'); margin: 0; }
.reply_title { height: 95px; background-color: #E7E7E7; border-right: 1px solid #999999; }

.reply_user { 
	width: 114px; text-align: center; font-size: 12px; background-color: #E7E7E7; 
	border-bottom: 1px solid #999999; border-right: 1px solid #CCCCCC; }
.reply_user a { filter:Alpha(opacity=50); -moz-opacity:0.50; opacity: 0.50;  }
.reply_user a:hover { filter:Alpha(opacity=100); -moz-opacity:1.00; opacity: 1.00;  }
.reply_message { 
	text-align: left; padding: 25px; 
	border-bottom: 1px solid #999999; border-right: 1px solid #999999;
	background-color: #E7E7E7; font-size: 12px; padding-top:0px; }

/** Postage **/

#Global_Post {
	width: 100%;
	background-color: #E7E7E7;
	border: 3px double #555555;
	margin-top: 15px;
}

.post_subject_table { 
	width: 100%; margin-left: auto; margin-right: auto; text-align: center; margin: 0; padding: 20px; padding-bottom: 5px; }
.post_subject_title { width: 100px; text-align: left; font-weight: bold; padding-left: 20px; font-size: 12px; }
.post_subject_input { text-align: left; padding-left: 20px;  }

.post_message_table { 
	width: 100%; margin-left: auto; margin-right: auto; 
	text-align: center; margin: 0; padding: 20px; padding-top: 0;  }
.post_message { text-align: left; padding-left: 20px; }
.post_message_area { width: 100%; height: 150px; }
.post_smileys { width: 230px; text-align: center; padding-left: 20px; font-size: 12px; }

/***********/
/** ADMIN **/
/***********/

.Admin_Index_Table { 
	width: 600px; height: 300px; margin-left: auto; margin-right: auto; font-size: 12px; text-align: center; }
.Admin_Index_Td { width: 100px; height: 100px; border: 1px solid #AAAAAA; text-align: center; font-size: 12px; }
.Admin_Index_Td:hover { 
	width: 100px; height: 50px; border: 1px solid #AAAAAA; text-align: center; font-size: 12px;
	background-color: #D7E0F5; border: 1px outset black; padding-top: 2px; padding-left: 2px; }
	
.Admin_Gcats_Table { width: 600px; margin-left: auto; margin-right: auto; font-size: 12px; text-align: center; }
.Admin_Gcats_Table td { border: 1px solid #AAAAAA; padding: 10px; }
.Admin_Gcats_Title { width: 470px; text-align: left; font-size: 12px; }
.Admin_Gcats_Action { width: 130px; text-align: right; padding-right: 10px; font-size: 12px; }
.Admin_Gcats_Action p, form { margin: 0; padding: 0; }

.Admin_Gforums_cat_Table { 
	width: 600px; margin-left: auto; margin-right: auto; font-size: 12px; text-align: center;
	background-color: #CCCCCC; }
.Admin_Gforums_Table { width: 600px; margin-left: auto; margin-right: auto; font-size: 12px; text-align: center; }
.Admin_Gforums_Table td { border: 1px solid #AAAAAA; padding: 10px; }
.Admin_Gforums_Title { width: 470px; text-align: left; font-size: 12px; }
.Admin_Gforums_Action { width: 130px; text-align: right; padding-right: 10px; font-size: 12px; }
.Admin_Gforums_Action p, form { margin: 0; padding: 0; }

.Admin_Permissions_Table { 
	width: 600px; margin-left: auto; margin-right: auto; font-size: 12px; text-align: center; 
	background-color: #DDDDDD; }
.Admin_Permissions_Title { text-align: left; font-weight: bold; font-size: 12px; }
.Admin_Permissions_Select { text-align: right; font-size: 12px; }

/** Legende des Icones **/

#Legende_area {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
	background-color: #E7E7E7;
	border: 1px solid #777777;
}

#Legende_table { 
	width: auto; height: auto; 
	font-size: 11px; 
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
}

.legende_icon { width: 50px; text-align: left; padding-top: 3px; padding-left: 3px; }
.legende_icon img { border: 1px solid #777777; }
.legende_title { width: 170px; height: 50px; text-align:left; padding-left: 15px; }

/**
	SOUS CLASSES
**/

input {	background-color: #EEEEEE; border: 1px solid #999999; font-size: 10px; font-weight: bold; height: 16px; }
input:hover { border: 1px solid #5F97D1; }

p.footer { 
	margin: 0;
	padding-top: 5px;
	font-weight: bold;
	letter-spacing:1px;
}