/* MAIN STYLE */

html {}
body
{
color:black;
background-color: #91C41C;
background-image:  url(images/fond.png);
background-position: center;
background-repeat: repeat-y;
background-attachment : fixed;
}

form {display:inline;}
img {border-width:0; vertical-align:middle;}
.img_big {max-height:70px;}

.small {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*Menu*/

.menu  {
/* Il est important de laisser une largeur et une marge, au cas où le Javascript
   soit désactivé. */
	background-image:  url(menu/fond.png);
	background-repeat:repeat-x;
	font-size:10px;
	padding:1px;
	width:150px;
	margin:1em;
	color:#000000;
	text-align:center;
	border-top:1px solid #F71E00;
	border-bottom:1px solid #F71E00;

}

.menu a:link {
	color:#000000;
	text-decoration: none;
	text-align:center;
}

.menu a, .menu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:Verdana;
	text-decoration:none;
	color:#000000;
	padding:4px 3px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: 15px;
}

.menu a:hover, .menu a:focus .menu a:visited{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	border:1px solid #ffffff;
	background-image:  url(menu/fondonmouse.png);
	color:#F71E00;
	text-decoration:none;
	padding:3px 2px;
	width:100%;
}

.ssmenu {
	border:1px solid #A2CD37;
	background-image:  url(menu/fond_menu.png);
	font-size:10px;
	padding:1px;
	margin:1em;
	width:100%;
	font-weight:inherit;
}

.ssmenu a:link {
	font-weight:inherit;
	color:#F71E00;
	text-decoration: none;
	text-align:left;
}

.ssmenu a, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:Verdana;
	text-decoration:none;
	color:#F71E00;
	padding:4px 3px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:12px;
}

.ssmenu a:hover, .ssmenu a:focus
{
	background-color:#F7F7F7;
	padding:3px 2px;
	filter:alpha(opacity=90);
	-moz-opacity:1;
	opacity:1;
	background-image:url(menu/fondssmenuon.gif);
	background-repeat:no-repeat;
	width:100%;
	text-decoration: none;
}

.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	list-style-type:none;
}

.ssmenutext {
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
}
	
.ssmenutext a:hover {
	color:#666666;
	font-size:12px;
	font-family:Verdana;
	text-align:left;
}
	
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active, {
	width :auto;
}

html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}
	
img {
	border:none;
}
/*Fin menu */



/*Annuaire*/

a,h1,h2,h3,p,select,input,textarea,td,th,div {font-family:Verdana, Arial, sans-serif;}
a,p,select,input,textarea,td {font-size:9pt;}
h1 {font-size:14pt; font-weight:bold; margin-top:10px; margin-bottom:5px;}
h2 {font-size:12pt; font-weight:bold; margin-top:10px; margin-bottom:5px;}
a {color:#555555; background-color:inherit; text-decoration:underline;}
a:hover {color:#FF0000; background-color:inherit; text-decoration:underline;}

.small {font-size:8pt}
.error {color:#ff0000; background-color:inherit; font-weight:bold; font-style:italic;}
.warning {color:#ff0000; background-color:#ffffff;}
.disabled {color:#888888; background-color:inherit;}
.bold {font-weight:bold;}
.center {text-align:center;}
.private {color:#000000; background-color:inherit; font-size:8pt; font-style:italic;}

.ta_hidden {width:100%; margin:0; border-width:0;} /* hidden MUST remain with NO style and width 100% */ 
.tr_hidden {vertical-align:top;}
.td_hidden {padding:0;}
.div_hidden_sep {height:15px;}

/* BANNER */

.div_banner{margin:0; width:100%;}
.div_banner_in{margin:0; vertical-align:bottom; padding:0; color:inherit; background-color:#F6F6F6;}
.img_banner_logo {width:175px; height:50px; border-width:0;}
#zone_banner_left {width:70%; background-image:url(bg_banner_left.gif); background-position:top left;}
#zone_banner_right{padding:4px; background-image:url(bg_banner_right.gif); background-position:top right; text-align:right; color:#000000; background-color:inherit;}
#zone_nobanner_left {width:50%; background-image:url(bg_nobanner_left.gif); background-position:top left;}
#zone_nobanner_right {padding:1px 0 3px 0; text-align:right; background-image:url(bg_nobanner_right.gif); background-position:top right;}
.a_banner {color:black; background-color:inherit; font-weight:bold; font-size:8pt; text-decoration:none;}
.a_banner:hover {text-decoration:underline;}
.a_nobanner {color:black; background-color:inherit; font-size:8pt; font-weight:bold; text-decoration:none;}
.a_nobanner:hover {text-decoration:underline;}

/* WELCOME */

.div_welcome {margin:0; padding:0; width:100%; color:inherit; background-image:  url(images/fond_site.gif);
background-position: center;
background-repeat: repeat-y;
 border-width:0 0 1px 0; border-style:dotted; border-color:#F6F6F6;}
.div_welcome_in {margin:0; padding:10px;}
.a_welcome {}

/* PAGE */

.div_qte_page {}
.ta_qte_page {border-width:0; margin:0 auto 0 auto; text-align:left;}
.tr_qte_page {}
.td_qte_page {text-align:left;}

/* FOOTER */

.div_footer {margin:2px 0 2px 0; padding:0px; width:100%;}
#zone_footer_left {font-size:8pt;}
#zone_footer_right {font-size:8pt; text-align:right;}
.a_footer_menu {font-size:8pt;}
.a_footer_copy {font-size:8pt;}

/* MENU */

.ta_menu {
  width:100%;
  color:inherit; background-color:#F6F6F6;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
  margin-top: 20px;
  border-width:0 4px 0 0; border-style:solid; border-color:#F6F6F6;
}

.tr_menu {
  height:23px;
  border-width:0px;
}

.td_menu {
background-color:#F6F6F6;
  border-width:0px;

}

#zone_menu_actif {
  background-image:url(bg_button.gif);
  border-width:0 0 0 1px; border-style:solid; border-color:#ffffff;
}
.td_menu_sep {padding:1px; width:1px}
.td_menu_ico {padding:0; width:25px; text-align:center;}
.td_menu_usr {
  width:250px;
  padding:0;
  text-align:left;
  font-size:8pt;
  font-weight:bold;
}
.a_menu {text-decoration:none; font-size:9pt; font-weight:bold;}
.a_menu:hover {text-decoration:underline;}
.a_menu_off {font-size:9pt; font-weight:bold;}

/* BODY */

.div_body {
  width:100%;
  color:inherit; background-image:  url(images/fond_site.gif);
background-position: center;
background-repeat: repeat-y;

}

.div_body_in {}

/* body HD */

.ta_body_hd {
  width:100%;
  height:30px;
}

.tr_body_hd {
  vertical-align:middle;
}

.td_body_hd_l {
  padding:10px; 
  width:20px;
  text-align:left;
}

.td_body_hd_c {
  padding:4px;
  font-weight:bold;
}

.td_body_hd_r {
  padding:0; 
  width:2px;
  text-align:right;
}

.img_body_hd_l {
  width:15px; 
  height:15px;
  border:0
}

.img_body_hd_r {width:2px; height:2px; border:0}

.a_body_hd {font-weight:bold;}

/* body FT */

.ta_body_ft {
  width:100%;
  height:30px;
}
.tr_body_ft {
  vertical-align:middle;
}
.td_body_ft_l {padding:0; width:5px; text-align:left; background-image:url(bg_page_ft_left.gif); background-position:bottom left; background-repeat:no-repeat;}
.td_body_ft_c {padding:4px; font-size:8pt;}
.td_body_ft_r {padding:0; width:5px; text-align:right; background-image:url(bg_page_ft_right.gif); background-position:bottom right; background-repeat:no-repeat;}
.img_body_ft_l {width:2px; height:2px; border:0}
.img_body_ft_r {width:2px; height:2px; border:0}
.a_body_ft {font-size:8pt}
.a_body_ft {font-size:8pt}

/* body MAIN */

.ta_body {border-width:0;}
.tr_body {vertical-align:top;}
.td_body {padding:15px; border-width:0 0 1px 0; border-style:dotted; border-color:#F6F6F6;}

/* DATA TABLE */

.div_dom_separator {height:15px;}

.ta_cnt {
  padding:0;
  margin:0;
  color:inherit; background-color:#ffffff;
  width:100%;
}

.tr_cnt {vertical-align:middle;}
.th_cnt {
  padding:4px;
  color:inherit; background-color:#C3C3C3;
  border-width:1px;
  border-style:solid;
  border-color:#ffffff;
  vertical-align:middle;
  text-align:right;
  font-size:8pt;
  font-weight:bold;
}
.td_cnt {
  color:inherit; background-color:#E8E8E8;
  padding:4px;
  border-style:solid;
  border-width:1px;
  border-color:#ffffff;
}

.ta_cnt_member {margin-top:3px; margin-bottom:3px;}

/* -------------
 * SECTION HEAD 
 * -------------
 * th table header
 * tf table footer
 * td table data content
 * _i index page
 * _s section page
 * _u user profile
 * -------------
 */

.th_i,
.th_s {color:inherit; background-color:#C3C3C3; border-color:#ffffff; padding:4px; border-style:solid;border-width:0 0 2px 0; text-align:left ; font-size:8pt; font-weight:bold;}
.th_title {color:inherit; background-color:#C3C3C3; border-color:#ffffff; padding:4px 6px 4px 4px;  text-align:center; font-size:10pt; font-weight:bold; height: 20px;}
.th_u,
.th_u_submit{color:inherit; background-color:#C3C3C3; border-color:#ffffff; padding:4px 6px 4px 4px;  text-align:right; font-size:8pt; font-weight:bold;}
.th_i_first,
.th_s_first,
.th_u_first
{color:inherit; background:#C3C3C3 url(bg_th_s_first.gif) no-repeat scroll top left; }
.th_u_empty
{color:inherit; background:#C3C3C3; padding:4px 6px 4px 4px; border-color:#ffffff; border-style:solid; border-width:0 2px 2px 0; }
.th_i_last,
.th_s_last,
.th_u_last
{color:inherit; background:#C3C3C3 url(bg_th_s_last.gif) no-repeat scroll top right;}
.tf_i,
.tf_s,
.tf_u
{color:inherit; background-color:#C3C3C3; padding:0; height:7px;}
.tf_i_first,
.tf_s_first,
.tf_u_first
{color:inherit; background:#C3C3C3 url(bg_tf_s_first.gif) no-repeat scroll bottom left; }
.tf_s_last,
.tf_u_last
{color:inherit; background:#C3C3C3 url(bg_tf_s_last.gif) no-repeat scroll bottom right; }
.tf_u_empty
{ color:inherit; background:#C3C3C3; padding:4px 6px 4px 4px; border-color:#ffffff; border-style:solid; border-width:0 0 2px 0; }


.th_y_first
{color:inherit; background:#C3C3C3 url(bg_th_s_first.gif) no-repeat scroll top left; padding:4px 6px 4px 4px; font-size:0pt;}
.th_y_empty
{color:inherit; background:#C3C3C3;  padding:4px 6px 2px 4px;  font-size:0pt;}
.th_y_last
{color:inherit; background:#C3C3C3 url(bg_th_s_last.gif) no-repeat scroll top right; padding:4px 6px 4px 4px; font-size:0pt;}
.tf_y_first
{color:inherit; background:#C3C3C3 url(bg_tf_s_first.gif) no-repeat scroll bottom left; padding:4px 6px 4px 4px; font-size:0pt;}
.tf_y_empty
{color:inherit; background:#C3C3C3; padding:4px 6px 4px 4px; font-size:0pt;}
.tf_y_last
{color:inherit; background:#C3C3C3 url(bg_tf_s_last.gif) no-repeat scroll bottom right; padding:4px 6px 4px 4px; font-size:0pt;}
.td_y
{color:inherit; background-color:#E8E8E8; padding:4px; }
.td_y_join
{color:inherit; background-color:#E8E8E8; padding:4px;}

.td_s,
.td_u
{color:inherit; background-color:#E8E8E8; border-color:#ffffff; padding:4px; border-style:solid;border-width:0 0 2px 0;}
  
.td_i_join
{color:inherit; background-color:#e8e7d7; border-color:#ffffff; padding:4px;}

.th_s_status_i, .td_s_status_i {text-align:center; width:30px;}
.th_s_emails_i, .td_s_emails_i {text-align:center; width:50px;}
.th_s_age,
.th_s_picture,
.td_s_age,
.td_s_picture
 {
  text-align:center;
}
.td_s_ufield
 {
  color:inherit; background-color:#d8d7c0;
}
.td_s_address {font-size:8pt;}

.a_cnt_head {color:#555555; 
background-color:#C3C3C3; font-size:8pt; font-weight:bold; text-decoration:none;}
.a_cnt_head:hover {color:#FF0000; background-color:inherit; font-size:8pt; font-weight:bold; text-decoration:underline;}

/* TEXT/ICON */
 
/* INDEX */
.a_section {text-decoration:none; font-size:12pt; font-weight:bold;}
.a_section:hover {text-decoration:underline;}
.p_sectiondescr {font-size:8pt;}

/* ICON */

.ico {vertical-align:middle;}
.ico_s {width:32px; height:32px;}
.ico_user {width:15px; height:15px;}
.ico_sort {width:9px;  height:9px;}

/* OTHER */

/* MESSAGE */

.div_msgbox
{
  margin:20px auto 20px auto; padding:0;
  border-style:solid; border-width:1px 1px 1px 1px; border-color:#d8d7c1 #aaaaaa #aaaaaa #d8d7c1;
}
.div_msgboxtitle
{
  margin:0; padding:2px 10px 2px 10px;
  color:#ffffff; background-color:#C3C3C3;
  font-family:"arial black",verdana,arial,sans-serif;
  font-size:12pt;
  font-weight:normal;
}
.div_msgboxbody
{
  margin:0; padding:15px;
  border-style:solid;
  border-width:2px 0 0 0;
  border-color:#ffffff;
  color:inherit; background-color:#E8E8E8;
}
div#login {text-align:right;}
div#login_header {}

.div_modboard {text-align:center; margin:5px 0 20px 0;}
.span_modboard {
  padding:7px;
  color:inherit;
  background-color:#E8E8E8;
  border-width:5px 0 0 0; border-style:solid; border-color:#C3C3C3;
  font-size:8pt;
}

/* PICTURE */

.div_pic_box
{
  width:130px; min-height:130px;
  padding:6px 2px 2px 2px;
  text-align:center;
  border:1px solid #dddddd;
  color:inherit; background-color:white;
}

/* BUTTON */

.ta_button {width:100%; padding:0;}
.ta_button_top {margin-bottom:10px;}
.ta_button_bot {margin-top:10px;}

.tr_button {vertical-align:middle;}
.td_button {
  padding:0 10px 0 10px;
  margin:0;
  border-style:solid;
  border-width:1px;
  border-color:#d8d7c0 #aaaaaa #aaaaaa #d8d7c0;
  text-align:center;
  height:25px;
  background-image:url(bg_button.gif);
}
.td_button_off {
  padding:0 10px 0 10px;
  margin:0;
  border-style:solid;
  border-width:1px 1px 0 1px;
  border-color:#aaaaaa;
  text-align:center;
  height:25px;
  background-image:url(bg_button.gif);
}

.p_button {}
.a_button {text-decoration:none;}
.a_button:hover {text-decoration:underline;}
.a_button_off {color:#000000; background-color:inherit; font-size:8pt; font-weight:bold; text-decoration:none;}

/* TABS */

.ta_tab {margin:0; width:100%; border-width:0;}
.tr_tab {vertical-align:middle;}
.td_tab {margin:0; height:25px; text-align:center; font-size:8pt;}/* width can be controlled by style through the function HtmlTabs */
  .td_tab_a {width:80px; padding:0 10px 0 10px; border-style:solid; border-width:1px; border-color:#d8d7c0 #aaaaaa #aaaaaa #d8d7c0; background-image:url(bg_button.gif);}
  .td_tab_a_on {width:80px; padding:0 10px 0 10px; border-style:solid; border-width:1px 1px 0 1px; border-color:#aaaaaa; background-image:url(bg_button.gif); color:#000000; font-weight:bold;}
  .td_tab_z {width:120px; padding:0 10px 0 10px; border-style:solid; border-width:1px; border-color:#d8d7c0 #aaaaaa #aaaaaa #d8d7c0; background-image:url(bg_button.gif);}
  .td_tab_z_on {width:120px; padding:0 10px 0 10px; border-style:solid; border-width:1px 1px 0 1px; border-color:#aaaaaa; background-image:url(bg_button.gif); color:#000000; font-weight:bold;}
  .td_tab_begin {border-bottom:solid 1px #aaaaaa;}
  .td_tab_end {width:5px; border-bottom:solid 1px #aaaaaa;}
.a_tab {text-decoration:none; font-size:9pt;}
.a_tab:hover {text-decoration:underline;}

.ta_pan {width:100%; padding:10px 0 10px 0; background-image:  url(images/fond_site.gif);
background-position: center;
background-repeat: repeat-y;
}
.tr_pan {}
.td_pan {}
.div_pan_top {margin:0 0 15px 0; padding:0; color:#aaaaaa; background-color:inherit; font-size:14pt; font-weight:bold; font-style:italic;}
.div_pan_bot {margin:15px 0 0 0; padding:0; text-align:right;}

/* Special table */ 

.ta_pager {width:100%; padding:0;}
.ta_pager_top {margin-top:7px; }
.ta_pager_bot {margin-top:6px;}
.tr_pager {vertical-align:middle;}
.td_pager_top {text-align:left; background-color: #F6F6F6;}
.td_pager_bot {text-align:right;}

.ta_lettres {width:100%; padding:0; margin:7px 0 20px;}
.tr_lettres {vertical-align:middle;}
.td_lettres
 {
  padding:0;
  margin:0;
  text-align:center;
  height:20px;
  color:inherit; background-color:#F6F6F6;
}
.td_lettres:hover {color:inherit; background-color:#C3C3C3;}
.a_lettres {text-decoration:none;}
.a_lettres:hover {text-decoration:underline;}

.ta_si_section {margin:0; width:100%; border-width:0;}
.img_si_section,
.img_si_profile {border-width:0;}
.p_si_name_section,
.p_si_name_profile,
.p_si_descr_section {margin:10px; font-size:12pt; font-weight:bold; font-style:italic; color:#888888; background-color:inherit;}
.p_si_descr_profile {margin:10px; font-size:10pt; font-weight:bold; color:#888888; background-color:inherit;}