html, body, div,p{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}





body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#8fc3d8;
	background-color:#FFFFFF;
	/*background:url(images/1.png) 0 0 ;*/
	padding: 0;
	margin: 0;

}


#header{
	width:900px;
	margin:0 auto;
}
.hdbg{

width:900px;
height:111px;
margin-top:20px;
}
.logo{padding-left:20px}

.log{
color:#89a011;font-size: 16px;font-family:"Trebuchet MS";font-weight:bold;}
.user{
color:#000;font-family:"Trebuchet MS"; font-size:12px;}
 
form {
  padding: 0;
  margin: 0;
}


#rightTop{
	width:900px; margin:0 auto;
	}

#menu2 {
	float:left;
	width:550px;
	font-size:15px;
	line-height:28px;
	}
#menu2 ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	}
#menu2 li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu2 a {
	float:left;
	background:url(images/left.png) no-repeat left top;
	margin:0;
	padding:0px 10px 0px 0px;
	text-decoration:none;
	}
#menu2 a span {
	float:left;
	display:block;
	background:url(images/right.png) no-repeat right top;
	padding:0 15px 0px 6px;
	color:#FFFFFF;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu2 a span {float:none;}
/* End IE5-Mac hack */
#menu2 a:hover span {color:#FFFFFF;}
#menu2 a:hover {background-position:0% -28px;}
#menu2 a:hover span {background-position:100% -28px;}


#menu3 {
	float:left;
	width:350px;
	font-size:15px;
	line-height:normal;
	}
#menu3 ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	}
#menu3 li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu3 form{width:350px}
#menu3 form input.txtBox{
width:100px;
	height:21px;
	border:#6A6A6A solid 1px;
	color:#000;
	font:normal 10px/21px Arial, Helvetica, sans-serif;
padding:0 0 0 6px;
margin:0 13px 0 0;
float:left;
height:21px;}

#specoff{width:900px;
	margin:0 auto;}
#alone{
	background:url(images/alone.jpg) no-repeat; width:600px;height:400px;float:left}
.stats{
font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333333;margin-top:5px;
}

#src{
	background:url(images/src.png) no-repeat; width:300px;height:400px;float:right;padding-bottom:10px;}
.man {font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#fff;margin:5px 0;}
.probut{border: solid 1px #ab4ba7;

	background-color: #ffffff; width:620px;margin:0;}

.prof{ width:424px;height:200px;margin:0}
.src_but{background:url(images/sear.png) no-repeat;width:70px;height:21px}


#user_log{width:620px;float:left;margin-left:10px}
#user_col{width:263px;float:left;}

.news_links{
font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;color: #222222;text-decoration:none;}
.news_links a{
font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;color: #222222;text-decoration:none; }

a{ color:#ab4ba7; text-decoration:underline}
a:hover{color:#1e2a36; text-decoration:none}

a.news_links:hover{
color: #13181c;text-decoration:underline; }

a.links_left{
font-family:Tahoma, Geneva, sans-serif;
	font-size: 16px;color: #222222;text-decoration:none; margin:0 10px;}

a.links_left:hover{
color: #fd4fff;text-decoration:none;}

a.retour{
font-family:Tahoma, Geneva, sans-serif;
font-size: 14px;color: #222222;text-decoration:none;}

a.retour:hover{
color: #FFFFFF;text-decoration:underline;}

a.onlineuser{
font-family:Tahoma, Geneva, sans-serif;
font-size: 10px;color: #222222;text-decoration:none; 
}

a.onlineuser:hover{
font-family:Tahoma, Geneva, sans-serif;
font-size: 16px;color: #222222;text-decoration:none;
}

/* sidebar collumn */
h5 {font:bold 12pt/18pt "Trebuchet MS";
padding:10px 0 0 10px;
	color: #fff;
	margin: 0px;
float:left;
}
.col_left{background:url(images/top_head.png) no-repeat;font:bold 12pt/40pt "Trebuchet MS";color:#0e87ae; padding:0px 0 0px 20px;width:263px;height:60px;}
.col_desc{	background-color:#f8f3ea;width:250px; margin-left:13px; }
.col_bot{background:url(images/bot_box.png) no-repeat;height:33px;margin-bottom:10px;width:250px; margin-left:13px;}

/* sidebar element */
.sidebar {
	margin-bottom: 20px;

	width: 250px;
}


.sidebar-bg-top {
	width: 250px;
	height: 39px;
	background:url(images/headers.png) no-repeat;

}




/* Sidebar element main section */
.sidebar-main {
	width: 250px;
	background-color:#f8f3ea;

	padding-bottom: 10px;
}

/* Styling used for image which is used as a header of sidebar elemtn */
.img-sidebar-header {
	padding:10px 0 10px 0px;
	font-size:18px;
}

/* Small image icons in quick contact sidebar */
.img-sidebar-contact {
	margin-left: 20px;
	float: left;
	margin-right: 20px;
}

/* Every single one line of contact info in quick contact sidebar */
.sidebar-contact-line {
	padding-bottom: 3px;
}

/*Contact info in quick contact sidebar */
.sidebar-contact-info {
	float: left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #222222;
	margin: 0px;
	margin-top: 0px;
	line-height: 16px;
}

.img-sidebar-testi {
	margin:0 10px;
	float: left;
	 width:60px; height:60px;
}

.sidebar-testi-info {
	float: left;text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	color: #222222;
	margin:5px;
	line-height: 16px; width:230px;
	padding-left:10px;
}

.sidebar-testi-info a{
	float: left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #222222;
	line-height: 16px; 
	text-decoration:none;
}

.sidebar-testi-info a:hover{
	float: left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #fd4fff;
	line-height: 16px;
	text-decoration:none; 
}



/* General sidebar text */
.sidebar-text {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #222222;
	margin: 0px;
	margin-left: 20px;
	margin-top: 0px;
	line-height: 18px;
	text-align: justify;
	margin-right: 20px;
}
.lan select {border: 1px solid #dc9595;
	padding: 4px;
	width: 200px;
	color:#999999;
		font-family: Tahoma;
	font-size: 12px;

}

label.lan  {border: 1px solid #dc9595;
	padding: 4px;
	width: 200px;
	color:#999999;
		font-family: Tahoma;
	font-size: 12px;

}

.lan select:hover {border: 1px solid #911515;
	
	color:#222222;
	

}



#menu{
	width: 100%;
	margin:0;
	margin-bottom:10px;
	}
#menu ul{margin:0px;
	padding:0;
	list-style-type:none;
	}

#menu ul li{
	display:block;
	float:left;
	margin:0;
	}
	
#menu li a {display:block;
	padding:7px 10px 7px 10px;
font:13px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;color:#333333;
	}	
	
#menu li a:hover {
	color: #000;

	}

.bckg{background-color:#f8f3ea;border:1px solid #d2d2c5;}
.bckg_special{background-color:#f8f3ea;border:1px solid #d2d2c5;border-top:none}
.bckg3{background-color:#f6f6ec;border:1px solid #d2d2c5;}
.module_head2 {
	font-size: 16px;
	color: #ab4ba7;
	border-bottom:solid 1px #ab4ba7;
	}

.module_special
{
font:14px/31px Verdana, Arial, Helvetica, sans-serif;;
	font-weight: bold;
	color: #fff;
background:url(images/right_top.png) no-repeat;width:620px;height:36px;text-align:left;padding-left:20px;float:left}

.admin_back{background:url(images/admin_back.png) no-repeat; width:500px;height:250px;}
.admin_txt{font:bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333333;}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

th {
	font-weight: bold;

	font-size: 11px;

}


/* hides text-align to the left from IE, because the next 2 rules doesn't apply to IE */
 html>body td {
  text-align: left;
}

html>body td[align="center"] {
  text-align: center;
}

html>body td[align=center] {
  text-align: center;
}

html>body td[align=right] {
  text-align: right;
}

html>body td[align="right"] {
  text-align: right;
}

*[align="center"] {
  text-align: center;
}

*[align=center] {
  text-align: center;
}

*[align="right"] {
  text-align: right;
}

*[align=right] {
  text-align: right;
}


.headbg{
	background-color: #4278D3;
}
.headbgbox{
	background-color: #84A9E2;
}
.loginbarbg{
	background-color: #EDF4F9;
}

.module_head {
	background-color: #4278D3;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}



.oddrow, .addrow {

}

.evenrow {
	
}


.module_head_right {
	background-color: #4278D3;
	font-size: 11px;
	color: #FFFFFF;
}

.module_head_right a {
	background-color: #4278D3;
	font-size: 11px;
	color: #FFFFFF;
}

.calendar_module_detail {
  font-size: 11px;
  font-weight: normal;
  background-color: #F8FBFF;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e8d1cd;
  border-right-color: #e8d1cd;
  border-bottom-color: #e8d1cd;
  border-left-color:#e8d1cd;
}

.calendar_module_head {
	background-color: #4278D3;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}


.module_head_right a:hover {
	background-color: #4278D3;
	font-size: 11px;
	color: #FFFFFF;
}


.edituserlink{
	background-color: #393e44;
	color: #FFFFFF;
	font-weight: bold;

}
.edituserlink a{
background-color: #393e44;
	color: #FFFFFF;
	font-weight: normal;
}
.edituserlink a:hover{
	background-color: #393e44;
	color: #FFFFFF;
	font-weight: normal;
}

.text_head1, .text_head1:hover {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.text_head2, .text_head2:hover {
	font-size: 14px;
	font-weight: bold;
	color: #0000AF;
}

.offer_head {
	font-size: 16pt;
	color: #4278D3;
}

.module_detail_inside {
	font-size: 11px;
	font-weight: normal;
	text-align:left;
background-color:#f8f3ea;border:1px solid #d2d2c5;
}


.tos {
	font-size: 11px;
	font-weight: normal;
background-color:#f8f3ea;border:1px solid #d2d2c5;
	margin: 10px;
}

.im_text {
	font-size: 11px;
	font-weight: normal;
	background-color: #F8FBFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #95B5E6;
	border-right-color: #95B5E6;
	border-bottom-color: #95B5E6;
	border-left-color: #95B5E6;

}

.module_detail {
	font-size: 11px;
	font-weight: normal;
background-color:#f8f3ea;border:1px solid #d2d2c5;
	text-align:left;

}
.leftside_detail {
	font-size: 11px;
	font-weight: normal;
background-color:#f8f3ea;border:1px solid #d2d2c5;

}
.statusbar {
	background-color: #393e44;
}
.statusbar a{
	color: #fff;
text-decoration:none;
}
.statusbar a{
	color: #fff;
text-decoration:underline;
}

a.subhead {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}
a.subhead:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.smallpic {
	border: 1px solid #ab4ba7;
}

input {
	font-size: 11px;
}
textarea {
	font-size: 11px;
}
select {
	font-size: 11px;
}
.formbutton {
	font-size: 12px;
	color: #fff;
	border:1px solid #1a82ac;
	background-color: #2898c5;
}


.main_outer_table{

}

a.main_title{
	font-size: 40px;
	color: #FFFFFF;
	text-decoration:none;
}
a:hover.main_title{
	font-size: 40px;
	color: #FFFFFF;
	text-decoration:none;
}
.dotted{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

.s_table_blue{
	color: #27277E;
	font-weight: bold;
}
.s_table_white{
	color: #27277E;
}

.table_blue{
	background-color: #D3E1FA;
	color: #27277E;
}
.table_white{
	background-color: #FFFFFF;
	color: #27277E;
}

.table_green{
	background-color: #D8F9D5;
	color: #003300;
}
.table_red{
	background-color: #FFD5D5;
	color: #990000;
}
.table_pink{
	background-color: #FFE1FF;
	color: #7D0067;
}
.table_gray{
	background-color: #EFEFEF;
	color: #333333;
}
.table_yellow{
	background-color: #FFFFCC;
	color: #B08D00;
}


.main_text1{
	font-size: 24px;

}
.page_heading {
	font-size: 14pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: center;
}
.headrow {
	border: 1px solid #A9BDF1;
	background-color: #C8E0FB;
	text-align: center;

}
.text8pt {
	font-size: 8pt;
}
.searchtitle {
	font-size: 14pt;
	font-weight: bold;
	color: #003366;
}
.xtitle {
	font-size: 14pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: center;

}
.title {
	font-size: 12pt;
	border: 1px solid #A9BDF1;
	background-color: #DADADA;
	text-align: left;
	font-weight: bold;
	padding: 4px 4px 4px 11px;
	margin-left: 11px;

}
.subtitle {
	font-size: 10pt;
	color: #003366;
	border: 1px solid #96B0F5;
	background-color: #D7E1EE;
	font-weight: bold;
	padding: 1px;
}



a.menulink {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
a.menulink:hover {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.panellinkhdr {
	background-color: #393e44;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;

}
a.panellink {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
a.panellink:hover {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}
.panelbox {

}
#foot{
	width:900px;
	margin:0 auto;
}
.footer {
background:url(images/footer.png) no-repeat;width:900px;height:40px;margin-top:10px;padding:0px 0 0 10px
}
.footer {
	font-size: 8pt;
	color: #fff;
	text-decoration: none;
}
a.footerlink {
	font-size: 8pt;
	color: #fff;
	text-decoration: none;
}
a.footerlink:hover {
	font-size: 8pt;
	color: #fd4fff;
	text-decoration: underline;
}
a.copyright{
	color: #AAAAAA;
	font-size: 11px;
	text-decoration: none;
padding-left:10px;
}
a.copyright:hover{
	color: #cf62cf;
	font-size: 11px;
	text-decoration: none;
}

a.copyright2{
	color: #1e2a36;font-weight:bold;
	font-size: 12px;
	text-decoration: none;
padding-left:10px;
}
a.copyright2:hover{
	color: #193b5d;
	font-size: 12px;
	text-decoration: none;
}
.paneltable{
	background-color: #003366;
}
.modulehead{
	color: #003366;
}


.storyhead{
	color: #4278D3;
	font-weight: bold;
}
.storydate{
	font-size: 9px;
	color: #003366;
	font-style: italic;
}
.storyby{
	color: #003366;
}
.storytext{
}

.newshead{
	color: #4278D3;
	font-weight: bold;
}
.newsdate{
	font-size: 9px;
	font-style: italic;
}
.newstext{

}

.pollquestion{
	color: #2b2d2a;
	font-weight: bold;
}
.polloptions{

}

.payment_mod_head{
	font-size: 11px;
	color: #FFFFFF;
	background-color: #3399CC;
}

.admin_head{
	font-size: 12px;
	color: #4278D3;
	font-weight: bold;
}
h4{
	font-size: 12px;
}
.copyright:hover {
	color: #0000ff;
	font-size: 11px;
	text-decoration: underline;
}
.errors {
	color: red;
}

.headerfooter, .headerfooter:hover {					/*** style of "xxx's Profile", "Last logge" ***/
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
}

.headerfooter:hover {							/*** hover: style of "xxx's Profile", "Last logge" ***/
	color: #FFFFFF;
	text-decoration: none;
}

.nickwidth {								/*** width of sections ***/
	width: 540px;
	text-align: center;
}

.im_msg {
	font-size: 8pt;
}

.menu_subhead {
	background-color: #83ADDF;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;

}

.picgallery {
	background-color: #F8FBFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.module_head a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.module_head a:hover {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Following are added in 2.1.0 for DIV specifications */

.stats_line {
	float: left;
}

.stats_line_outer {
	width: 99%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
}

.display_error {
	font-weight: normal;
	color:#000;
}

.required_info {
	color: #FF0000;
}

.bloglink_hdr02 {
	float:left; 
	margin: 1px; 
	padding: 4px; 
	text-align: center;
}
 
.colhead {
	font-weight: bold;
	color: #4278D3;
	background-color: #D4E1F6;
	font-size: 11px;

}

.colhead a {
	text-decoration: underline;
	color: #4278D3;
}
.colhead a:hover {
	color: #4278D3;
	text-decoration: none;

}

.panelbox_div {
	height:16px; 
	padding:1px;
	padding-left: 6px; 
	padding-right: 3px;
}

.panellinkhdr_div {
	height:13px;
	background-color: #4278D3;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding:3px;
	padding-left: 6px; 
	padding-right: 3px;
}
.panellinkhdr_div  a {
	text-decoration: none;
}
a.panellink_div {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #4278D3;
}
.panellink a:hover {
	text-decoration: underline;
}

.signup_line_outer{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 1px;
	margin-right: 4px; 
	vertical-align:middle; 
}
.signup_line_leftside {
	float: left;
	width: 188px;
}

.profile_line_leftside {
	float: left;
	width: 45%;
	font-weight:bold;
}
.loadsnaps_column {
	float: left;
	width: 49.9%;
	vertical-align: middle;
	text-align: center;
}

.column_head {
	font-weight: bold;
	background-color: #393e44;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	vertical-align: middle;
}

.column_head a {
	color: #fff;
	text-decoration: none;
}

.column_head a:hover {
	color: #fff;
	text-decoration: underline;

}

.line_leftside {
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 3px;
	margin-right: 2px; 
	vertical-align:middle; 
}

.line_rightside {
	margin-top: 3px;
	margin-left: 2px;
	margin-bottom: 3px;
	margin-right: 4px; 
	vertical-align:middle; 
}

.line_top_bottom_pad {
	padding-top: 2px;
	padding-bottom: 2px;
}

.top_margin_6px {
	margin-top: 6px;
}

.profile_links {
	background-color: #E1EFFB;
}

.current_monthday {
        background-color: #FEFEFE;
}

.other_monthday {
        background-color: #EFEFEF;
}

.line_outer {
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 3px;
	padding-right: 4px; 
}

div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
}

#user_res {}
#user_res h1{font:normal 16px/24px Verdana, Arial, Helvetica, sans-serif;color:#3d4337;text-align:left}
#user_res .img {width:150px;height:150px}
/*#user_res a{color:#333333;text-decoration:none;font:bold 11px/22px Verdana, Arial, Helvetica, sans-serif;margin-left:5px}*/

/*Rajout Vince*/

#accueil{width:100%;height:auto;float:left; margin-bottom:10px; text-align:justify;}
td.menu_nav{ padding-left:15px; padding-right:15px; text-align:center}
td.menu_nav a { color:#666666}
td.menu_nav a:hover { color:#ab4ba7}
td.menu_nav a:visited { color:#666666}
td.error_message { text-align:center}
img.home_images{ border:solid 1px #ab4ba7}

h2{ margin:0; padding:0; color:#ab4ba7; font-size:12px; margin-top:5px}

.ligne_membre_femme, .ligne_membre_homme {
border-bottom:1px solid #ab4ba7;
height:150px;
font-weight:normal;
}
.ligne_membre_homme:hover{
background-color:#cbe6ff;
}

.ligne_membre_femme:hover{
background-color:#fec0ff;
}

.ligne_membre_autre:hover{
background-color:#ffd8c0;
}

.pseudo_homme{
color:#327de1;
font-size:16px;
}

.pseudo_femme{
color:#e412e6;
font-size:16px;
}

.pseudo_autre{
color:#000000;
font-size:16px;
}