/****************************************
 * General Formatting
 ****************************************/
 
body 
{
 	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
/*	background: #fcffe0 url(../img/layout/bg.gif) repeat-y top left; */
	text-align: center;
	/*
	/* ajouté par martin pour popup pti mess sous IE 
	height: 100%; /* la hauteur de la boite occupe 100% de l'écran 
	overflow: auto; /* on rajoute un ascenseur droit à la boite */
/* fin du hack "fixed" permettant de fixer le menu fixe sous IE */	
	}
	
/*** Page d'accueil ***/

.homeBoxe{width:300px; height:250px; border:solid 1px #FFA4FF; margin-bottom:10px;}

.homeSpan
{
	width:300px; height:25px; background-color:#FFD2E9; border-bottom:solid 1px #FFA4FF;
	font-size:14px; font-weight:bold; color:#E51C8C; margin-bottom:10px;
}
/*********************/

.list {border:solid 1px #A8A8FF; font-weight:normal;}

.btn  {font-size:14px;cursor:hand; border-color:#0066CC; color:#000000;}
	
.menu
{
	height:30;width:964;margin-top:30;margin-left:0;
	background-color:#FFD2E9; vertical-align:middle;
}
	
div.cadre-bleu
{
	border: #CACAFF 1px solid;
	width:140px; 
	padding-top:3px;
	padding-left:3px; 
	padding-right:0px; 
	margin-bottom:5px; 
	background-color:#EAEAF4;
	color:#666666;
}

a:link, a:visited 
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #143BA8;
}
	
a:hover {text-decoration:underline; }
	
a.LienPerso {position: relative;text-decoration:none;color:#143BA8;}

a.LienPerso span {display: none;text-decoration:none;}

a.LienPerso:hover {background: none;z-index: 500;text-decoration:none;}

a.LienPerso:hover span 
{
	display: inline;position: absolute;
	text-decoration:none;text-align: center;
	color: #FF00FF;background: white;
	width:160px;padding: 2px;
	top: 1em; left: 4em;
}	
	
A:hover.friends{color:white; text-decoration:none;}	
	
label {cursor: pointer;cursor: hand;}

.alert{font-size:12px; color:#FF0000;}
.message{font-size:12px; color:#0066CC; }
/****************************************
 * TITLE / MAIN CONTAINERS
 ****************************************/
	
#title
{padding:0;margin:0;height: 35px;border: 0px solid #000000;}
	
#barre_bleue
{
	border: 0px solid #ff00FF;margin-left:130px;
	padding-top:6px;padding-bottom:6px;
	background: #3A55A6 no-repeat center left;
}
	
#logo{margin-top:10px;padding:0;border: 0px solid #ff0000;}

#cadrePubBleu
{
	vertical-align:text-top;text-align:left;
	margin-top:0px;margin-bottom:0px;
	padding-top:18px;padding-left:5px;padding-right:3px;padding-bottom:3px;
	height:250px;width:250px;
	border: 0px solid #ff0000;
	background:url("../imgbis/cadre-pub-260x270.png") left no-repeat;
}
		
#bannerad 
{
	position:absolute;border: 0px;
	top: 8px;left: 460px;
	margin-left: 5px;float:left;
}

#content 
{
	padding:0;margin: 0;margin-left: auto;  margin-right: auto;
    text-align: left;width: 964px;border: 0px solid #aaaaaa;
}
	
#mainLeft
{
	float: left;margin-left:0px; margin-top:-30px;
	width: 130px;border: 0px solid #FF0000;
	background-color:#FFD2E9;
	/*background-color:#01588E;*/
}
	
#mainMiddle
{
	width:648px;top:100px;
	margin-left: 144px;margin-top:5px;
	padding-left:8px;border: 0px solid #aaaaaa;
	background: #fff ; z-index:100;
}

#mainRight
{
	margin-top:0px; padding-top:5px;
	float: right;width: 159px;
	border: 0px solid #000000; 
	background-color:#FFD2E9;
	/*background-color:#01588E;*/
}

/*****************************************
*** Menu rechercjer/ carnet d'adresse ***
*****************************************/
#menuListe 
{
	width:145px;margin:0;margin-left:2px;
	padding:0;height:auto;
	list-style: none; background:#FFFFFF;
}

#menuListe li {float:left; width:145px; margin:0; padding:0;}

#menuListe a 
{
	display:block; float:left; width:145px;background: #FFFFFF;
	border-top: 0px solid #D8FE05; border-bottom: 0px solid #D8FE05;
	font-size: 12px;color:#292929; text-decoration: none;
}	
	
#menuListe a:hover 
{
	font-size:12px; color:#FFFFFF; font-weight:bold;
	background:#D20069; text-decoration: none;
}
/****************************************
 * Main Nav
 ****************************************/

#mainnav 
{
	width:126px;margin:0;margin-left:2px;
	padding:0;height:auto;
	list-style: none; background:#FFD2E9;
}

#mainnav li {float: left;width:120px;	margin: 0;padding:0;}
	
#mainnav a 
{
	display: block;float: left;width:120px;
	padding: 0;padding-left:5px;
	border-top: 0px solid #D8FE05;border-bottom: 0px solid #D8FE05;
	background: #FFD2E9;
	font-size: 13px;font-weight: bold;color:#FF44FC;
	text-decoration: none;
}	
	
#mainnav a:hover 
{
	font-size: 13px;font-weight: bold; color:#FFFFFF;
	background:#D20069;text-decoration: none;
}

#mainnav .maincurrent a
{
	font-size: 13px;
	font-weight: bold;
	color:#E51C8C;
	text-decoration: none;
}
#mainnav .maincurrent a:hover
{
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
}

/*************Menu Profil*****************/
.mainnav2 
{
	width:155px;margin:0;margin-left:2px;
	padding:0;height:auto;
	list-style: none; background:#FFFFFF;/*#FFD2E9;*/
}

.mainnav2 li {float: left;width:150px;	margin: 0;padding:0;}
	
.mainnav2 a 
{
	display: block;float: left;width:150px;
	padding: 0;padding-left:5px;
	background:#FFFFFF; /*#FFD2E9;*/ border-bottom:solid 1px #FFD2E9;
	font-size: 13px;font-weight:normal;color:#FF44FC;
	text-decoration: none;
}	
	
.mainnav2 a:hover 
{
	font-size: 13px;font-weight:normal; color:#FFFFFF;
	background:#D20069;text-decoration: none; border-bottom:solid 1px #FFFFFF;
}

.mainnav2 .maincurrent2 a
{
	font-size: 13px;
	font-weight:normal;
	color:#E51C8C;
	text-decoration: none;
}
.mainnav2 .maincurrent2 a:hover, a active
{
	font-size: 13px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration: none;
}
/*****************************************/


/****************************************
 * Sub Nav
 ****************************************/
	
#subnav 
{ 
	margin-left:5px;padding-left:5px;
	list-style: none;
	white-space: nowrap; /* fixes safari wrapping bug */
}
	
#subnav li.lastsub {}
	
#subnav li {list-style: none;}
	
#mainnav #subnav a {width:120px;font-size: 10px;color: #0000FF;}

#mainnav #subnav a:hover {color: #E51C8C;}

#mainnav #subcurrent a, #mainnav #subcurrent a:hover {color: #E51C8C;}


/****************************************
 * Left sidebar
 ****************************************/

#blogwatch {display:none;}

#mygroups {display:none;}
	
#sidebar_tabs {position:absolute;top: 200px;left: 179px;}

#sidebar_tabs a {display:block ;width:26px ;height:85px;}

#blogwatch_tab a {height:85px;}
	
#mygroups_tab a {height:80px;}
	
#connected_tab a {height:85px;}
	
#blogwatch_tab 
{
	background: #fcffe0 url(../images/tab_blogwatch_off.gif) no-repeat;
	height:85px;width:26px;
}

#mygroups_tab 
{
	background: #fcffe0 url(../images/tab_mygroups_off.gif) no-repeat;
	height:79px;width:26px;margin-top:5px;
}
	
#connected_tab 
{
	background: #fcffe0 url(../images/tab_online.gif) no-repeat;
	height:83px;width:26px;margin-top:5px;
}
 
p.blogwatch_item 
{
	margin-top:3px;margin-bottom:0px;
	padding-left:1.3em;font-size:12px;	
}

p.blogwatch_item_new 
{
	margin-top:3px;margin-bottom:0px;padding-left:1.3em;
	font-size:12px;background: url(../images/new.gif) no-repeat 5px 50%;
}

.mini {font-size:9px;color:#FF00FF;}

.message_box 
{
	border: 1px dotted #FF00FF;font-weight: bold;
	padding-bottom: 3px;margin-right: 0px;margin-bottom: 10px;
}

.message_box img {padding-top:5px;padding-right: 3px;vertical-align: -3px;}

.new_message_count {color:#FF00FF;}


/****************************************
 * My Albums
 ****************************************/


.myalbums_album_container {}

.myalbums_add_album {}

.myalbums_add_album a 
{
	padding: 8px 0px 8px 38px;margin-left:5px;
	font-family: arial,helvetia;background: url(../images/add_32.gif) no-repeat 0 1px;	
}
	
.myalbums_delete_album {}
		
.myalbums_delete_album a 
{
	padding: 8px 0px 8px 38px;margin-left:5px;
	font-family: arial,helvetia; background: url(../images/del_16.gif) no-repeat 0 1px;	
}	

.myalbums_add_album a:hover {}


.myalbums_album_thumbnail 
{
	float: left;background: #fff;
	width:200px;height:11em;
	margin-right:10px;margin-bottom:10px;padding:5px;padding-right:15px;
	border-right: 1px solid #FFF0A5;
	border-bottom: 1px solid #FFF0A5;
	font-size: 11px;font-family: "trebuchet ms", verdana,arial,helvetia;color:#666;
}

.myalbums_album_thumbnail img
{float: left;width:50px;border:0px;padding-right: 5px;padding-bottom: 5px;}


.myalbums_album_thumbnail_delete 
{
	float:left;
	padding: 2px 0px 3px 18px;margin-left:0px;
	font-family: arial,helvetia;font-size: 12px;
	background: url(../images/gray_x.gif) no-repeat 0 1px;	
}


.myalbums_album_thumbnail_replace 
{
	float:left;
	padding: 2px 0px 3px 18px;margin-left:10px;
	font-family: arial,helvetia;font-size: 12px;
	background: url(../images/upload1_16.gif) no-repeat 0 1px;	
}	


/* ======================================================== */
/*  	 		VARIOUS STYLES AND DEFINITIONS				*/
/* ======================================================== */

.find_result_name_male 
{
	padding-top:2px;padding-bottom:0px;
	margin-top:0px;margin-bottom:0px;
	font-size: 16px;font-family: "trebuchet ms", verdana,arial,helvetica;
	color: #0000FF;font-weight:bold;line-height:22px;
}
	
.find_result_name_male a:hover{text-decoration: underline;color: #0000FF;}
	
.find_result_name_female 
{
	padding-top:2px;padding-bottom:0px;
	margin-top:0px;margin-bottom:0px;
	font-size: 16px;font-family: "trebuchet ms", verdana,arial,helvetica;
	color: #FF00FF;font-weight:bold;line-height:22px;
}
	
.find_result_name_female a:hover{text-decoration: underline;color: #FF00FF;}
	
.find_result_name_male_connect 
{
	margin-top:3px;margin-bottom:0px;
	font-size:12px;color: #2665ED;
}
	
.find_result_name_male_connect a:hover{text-decoration: underline;color: #2665ED;}	
	
.find_result_name_female_connect 
{
	margin-top:3px;margin-bottom:0px;
	font-size:12px;color: #FF00FF;
}
	
.find_result_name_female_connect a:hover{text-decoration: underline;color: #FF00FF;}

.peopleformDK { font-size: 12px; font-weight: bold; padding: 2px; }

.peopleform { font-size: 12px; padding: 2px; }

#people_search_form 
{
	border-top: 1px dotted #999999 ;border-left: 1px dotted #999999 ;
	border-bottom: 2px solid #766 ;border-right: 2px solid #766 ;
	padding-left: 8px;padding-right: 5px;
	padding-top: 10px;padding-bottom: 10px;
}

#people_search_form input { border:1px solid #999;background: #fcffe0;  }

#people_search_form .textfield { border:1px solid #999; background: #fff }

#people_search_form .submitbutton 
{border:1px solid #e2c002; margin-top:2px; background: #fff }
	 
td,p,input,textarea {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}

input, textarea, select, option{background-color: #F8F9EB;}

textarea,input{border: 1px solid black;}

textarea{padding: 1px;}

radio {background-color: none;border: none;}

.errsmhdr{font-weight: bold;color:#ff33ff;}

.explanation
{
	font-size:12px;font-weight: normal;	color:#000;
	font-family: "trebuchet ms", verdana,arial,helvetica;
}	

.nocontent{font-size:12px;font-family: arial,helvetica;font-weight: normal;}

.lg-header
{
	font-size: 16px;color: #666;font-weight:bold;
	font-family: "trebuchet ms", verdana,arial,helvetia;
	margin-bottom:0px;
}

.sm-header
{
	font-size: 12px;color: #999;font-weight: none;
	font-family: "trebuchet ms", verdana,arial,helvetia;
	margin-bottom:0px;margin-top:3px;
}

.small{font-size: 10px;}

.mini{font-size: 9px;font-family:Arial, Helvetica, sans-serif;}

.myfriends {float:left;width:56px;height:80px;	clear:none;}

#strangers 
{
	float:left;width:90px;height:130px;	
	padding-left:8px;padding-top:2px;margin-top:2px;
}

.tileUser {width:56px; height:86px; float:left; clear:none;}

.tileGroup{width:175px; height:60px; float:left; clear:none;}

.tileGallery{text-align: center;width:135px; float:left; clear:none;}
	
.tableheader{font-size: 10px;color: gray;}	
	
.tableheader_a{font-size: 10px;color: gray;width:35%;}

.tableheader_b{font-size: 10px;color: gray;width:30%;}	

.tableheader_c{font-size: 10px;color: gray;width:10%;}	
	
.tableData1{font-size: 12px; background-color:#FFB8FF;}

.tableData2{font-size: 12px; background-color:#FFD5FF;}

.table_home_events td {font:verdana;}


@media tty { i{content:"\";/*" "*/}} @import 'ie5win.css'; /**/";}}

.req{color:#ff3333;}

#previsual 
{
	width: 250px; height: 220px;
	background:url("../images/facebook.gif") no-repeat;
}

#LSResult {     background-color: #aaa;  margin-left: 2px; margin-top: 1px;}
  
#LSShadow { right: 1px;bottom: 6px; background-color: #FBF7DC; color: inherit;} 
 
#LSResult ul {margin-bottom: -5px; margin-top: 0px; padding-top: 0px;  }

.LSRes {bottom: 1px; right: 1px;background-color: white; border:  1px solid #AAA;}
  
#LSHighlight { background-color: #660000;}

#annonce {cursor: hand;}

#rectangle_rose 
{
	border: 1px solid #01588E;
	padding-bottom: 3px;padding-left: 4px;padding-right: 4px;
	margin-bottom: 2px;width:632px;
}
	
#blocGauche {
	background:#01588E;
	width:126px;
	margin:0;
	margin-left:2px;
	padding:0;
	padding-top:10px;
	color:#FFFFFF;
}
	
#rectangle_rose2 {
	background:#01588E;
	padding-bottom: 3px;
	padding-top:0px;
	padding-left: 4px;
	margin-left:2px;
	margin-right:2px;
	color: #fff;
	}
	
#rectangle_rose2 a {
	color: #fff;
	}



/** RESULT PAGINATION **/

#quicksearch input,.quicksearch input{ 
height:20px;padding-left: 21px; border: 1px solid #ffffff; padding-top: 0px; padding-bottom: 0px; font-size: 9px; background:url(../../imgbis/loupe.GIF) 2px 2px no-repeat;

width: 110px; }

.inputtext { padding: 3px; font-size: 9px;color:#FFFFFF; }

div.resultsNav { font-size:14px;color:#660000;padding-bottom:5px; }


a.quicklink.sel { font-weight: bold; }
a.quicklink.sel:hover { text-decoration:none; cursor: pointer; }

.Style21 {font-size: 15px}
.Style22 {color: #FF0066}
.Style23 {color: #153BAA}
.Style32 {color: #FF3686;font-weight: bold;}
.Style44 {color: #3399CC; font-weight: bold; }

/** Cadres arrondis roses **/

.spiffy{display:block;color:#FFFFFF;font-weight: bold;}

.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  background:#E43A92}
  
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #E43A92;
  border-right:1px solid #E43A92;
  background:#E43A92}
  
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #E43A92;
  border-right:1px solid #E43A92;
  background:#E43A92}
  
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #E43A92;
  border-right:1px solid #E43A92;}
  
.spiffy4{
  border-left:1px solid #E43A92;
  border-right:1px solid #E43A92}
  
.spiffy5{
  border-left:1px solid #E43A92;
  border-right:1px solid #E43A92}
  
.spiffyfg{
  background:#E43A92}
  
 /** cadres arrondis flashy */

.spiffy_f{display:block;
		color:#FFFFFF;
		font-weight: bold;}
		
.spiffy_f *{
  display:block;
  height:1px;
  overflow:hidden;
  background:#00FF00}
  
.spiffy1_f{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #00FF00;
  border-right:1px solid #00FF00;
  background:#00FF00}
  
.spiffy2_f{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #00FF00;
  border-right:1px solid #00FF00;
  background:#E43A92}
  
.spiffy3_f{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #00FF00;
  border-right:1px solid #00FF00;}
  
.spiffy4_f{
  border-left:1px solid #00FF00;
  border-right:1px solid #00FF00}
  
.spiffy5_f{
  border-left:1px solid #00FF00;
  border-right:1px solid #00FF00}
  
.spiffyfg_f{
  background:#00FF00}
  

.basBleu *{
  display:block;
  height:1px;
  overflow:hidden;
  background:#01588E}
  
.basBleu1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #01588E;
  border-right:1px solid #01588E;
  background:#01588E}
  
.basBleu2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #01588E;
  border-right:1px solid #01588E;
  background:#01588E}
  
.basBleu3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #01588E;
  border-right:1px solid #01588E;}
  
.basBleu4{
  border-left:1px solid #01588E;
  border-right:1px solid #01588E}
  
.basBleu5{
  border-left:1px solid #01588E;
  border-right:1px solid #01588E}

.titre{font-size:14px;font-family:Arial, Helvetica, sans-serif; font-weight:bold;color:#0099FF;}

.titre-pro
{
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0000FF;
	font-weight:bold;
	margin-bottom:0px;
}

.categorie
{
	color:#FF00FF;
	padding-top:30px;
	margin-bottom:0px;
	margin-left:5px;
	font-weight:bold;
}

#annonce {
	width:126px; height:auto; 
	margin:0; margin-left:2px;
	margin-bottom:5px; padding-bottom:5px;
	color:#FFFFFF; font-size:13px; 
	background: #01588E;
	}

	
#titre_annonce { 
	width:130px; height:20px;
	background:#D20069;
	margin-left:0px; margin:0;padding:0;
	font-size:14px; font-weight:bold; color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	align:center;
	}

#titre_droite_rose {
	width:159px; height:20px; vertical-align:sub;
	background:#D20069;
	margin-left:10px; margin:0;padding-top:4px;
	font-size:14px; font-weight:bold; color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	align:center;
	margin:0;padding:0;
	}
#titre_droite_bleu {
	width:159px; height:20px; vertical-align:sub;
	background:#0066CC;
	margin-left:10px; margin:0;padding-top:4px;
	font-size:14px; font-weight:bold; color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	align:center;
	margin:0;padding:0;
	}
			
#titre_rose {
	width:155px; height:25px;
	background:#0066CC;
	margin-left:10px; margin:0;padding:0;"
	font-size:10px; font-weight:bold; color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	align:center; margin-left:2px;
	}

#mess_tag{
color:#FFFFFF; font-weight:bold; }

/* Popup type msn pour les pti'mess */
.popup { position: absolute;
		 bottom: 000;
		 right:400;
		 height:100px;
		 width: 200px;
		 background-color:#CEDDF6;
		 border: 1px solid #5E9CA0;
		 font-size:12px;
		 font-weight:bold;
		 bottom: expression(document.body.clientHeight - 20 + document.body.scrollTop + this.offsetHeight - this.offsetHeight);
		 /* z-index:5; */
}

.popup_header { background-color:#E43A92;
			  /* height:20px; */
			  font-size:14px;
			  width:100%;
			  color:#FFFFFF;
			  font-weight:bold;
			  text-align:center;
			  padding:3px;
}

.popup_footer { text-align:center;
				position:relative;
				width:100%;
				height:20px;
}

.tds {
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
	padding-bottom:6px;
	padding-top:6px;
	border-bottom:1px solid #CACACA;
}

/*
html { overflow-y: hidden; }
*/
html { overflow-x: hidden; }

/*
****** dragable boxes***********
*/
	
#header img{float:left;}
	
.dragableBox
{	/* The RSS box */	
	background-color:#FFFFFF;/*:#01588e;*/
	font-size:12px; color:#FFFFFF;
	margin:5px;
	border-right:2px solid #AAA;	/* "Shadow "*/
	border-bottom:2px solid #AAA;	/* "Shadow " */
}
	
.boxItemHeader:hover
{	/* Title of items inside dragable boxes - mouseover*/
	font-weight:normal;
	margin:0px;
	color:#01588e;		
	text-decoration:none;
}
	
	/* A div inside the rss box - with a blue border */
	.dragableBoxInner
	{
		border:1px solid #317082;
	}
	
	.dragableBoxHeader
	{	/* Header inside RSS box */
		background-color:#ff2581;
		height:20px;
		font-weight:bold;
		color: #FFFFFF;
	}
	
	
	.dragableBoxHeader span
	{	/* Text inside header of RSS box */
		line-heigth:20px;
	}
	
	.dragableBoxHeader img,.dragableBoxHeader span
	{	/* Text and reload image inside RSS box */
		float:left;
	}