body{
	margin:0px; 
	padding:0px;}
	
table, tr, td  {
	margin:0px;
	padding:0px;}	
	
#content_communaute td img { display:block; }

#content_communaute {
	margin-left:auto;
	margin-right:auto;
	width:960px;

	}
#content_communaute h1 {
	color:#6BB2E8; 
	margin:0 0 5px 0; 
	font-size:16px;
	font-weight:bold
	}
#content_communaute h4.accueil, #content_communaute h4.accueil a {
	margin:0 0 0px 0; 
	font-size:12px;
	font-weight:bold; 
	border-bottom:none
	}
#content_communaute h4 {
	color:#6BB2E8; 
	margin:0 0 5px 0; 
	font-size:12px;
	font-weight:bold;
	border-bottom:1px dotted #CCC; 
	}
#content_communaute h1 span {font-size:12px}
#content_communaute .box_blue {
	background:#DBEEFC;
	border:1px solid #B2DCFD;
	display:table;
	width:100%;
	padding:0 0 10px 0
	}
#content_communaute .box_blue h2{
	color:#4c95cd; 
	font-size:14px; 
	margin:10px
	}
#content_communaute .box_blue .visu {
	background:url(../images/bg_box_blue95.gif) top no-repeat;
	width:113px;
	height:140px;
	float:left;
	margin:0 3px 0 5px;
	text-align:center;
	font-weight:bold;
	}
#content_communaute .box_blue .visu img{
	margin:7px 0 5px 0px
	}
#content_communaute .box_blue .visu a {color:#666}

#content_communaute .box_blue .float_marg10 {float:left; margin:0 0 0 10px}

/****** 3 colonnes **************************************/

#content_communaute .colonne_tiers {
	width:306px;
	float:left; 
	margin:10px 10px 0 10px !important; margin:10px 9px 0 5px
	}
#content_communaute .colonne_tiers h3 {
	color:#6BB2E8; 
	margin:0 0 5px 0; 
	border-bottom:1px dotted #CCC; 
	font-size:12px;
	font-weight:bold
	}
/****** 2 colonnes **************************************/
#content_communaute .colonne_gauche, #content_communaute .colonne_droite  {float:left; margin:0 10px 0 0}
#content_communaute .colonne_gauche {width:500px !important; width:480px}
#content_communaute .colonne_droite {width:460px}

#content_communaute .colonne_gauche h2, #content_communaute .colonne_droite h2 {
	color:#6BB2E8; 
	margin:0 0 5px 0; 
	border-bottom:1px dotted #CCC; 
	font-size:12px;
	font-weight:bold
	}
#content_communaute .colonne_gauche h1 {
	font-size:12px;
	}

/******** formulaire recherche annuaire ***********************/
#annuairesearch input.chercher {
	background:url(../images/bt_chercher.gif) top no-repeat;
	width:104px;
	height:28px;
	cursor:pointer;
	border:none;
	float:right;
	margin:10px 40px 0 0
	}
/***********************************************************
Menu annuaire
*************************************************************/
#menu_annuaire {clear:both; margin:0 0 10px 0; height:26px}

#menu_annuaire a.onglet1, #menu_annuaire a.onglet2, #menu_annuaire a.onglet3, #menu_annuaire a.onglet4,
#menu_annuaire a.onglet1_current, #menu_annuaire a.onglet2_current, #menu_annuaire a.onglet3_current, #menu_annuaire a.onglet4_current 
	{
	height:26px;
	cursor:pointer;
	display:block;
	float:left;
	margin:0 4px 0 0
	}
#menu_annuaire a.onglet1, #menu_annuaire a.onglet1_current {width:147px;}
	
#menu_annuaire a.onglet2, #menu_annuaire a.onglet2_current,
#menu_annuaire a.onglet3, #menu_annuaire a.onglet3_current,
#menu_annuaire a.onglet4, #menu_annuaire a.onglet4_current {width:207px;}

#menu_annuaire a.onglet1 {background: url(../images/onglet_recherche.gif);}
#menu_annuaire a.onglet2 {background: url(../images/onglet_nouveaux.gif);}
#menu_annuaire a.onglet3 {background: url(../images/onglet_annivmam.gif);}
#menu_annuaire a.onglet4 {background: url(../images/onglet_annivbebe.gif);}

#menu_annuaire a.onglet1:hover, #menu_annuaire a.onglet1_current {background: url(../images/onglet_recherche_current.gif);}
#menu_annuaire a.onglet2:hover, #menu_annuaire a.onglet2_current {background: url(../images/onglet_nouveaux_current.gif);}
#menu_annuaire a.onglet3:hover, #menu_annuaire a.onglet3_current {background: url(../images/onglet_annivmam_current.gif);}
#menu_annuaire a.onglet4:hover, #menu_annuaire a.onglet4_current {background: url(../images/onglet_annivbebe_current.gif);}

/***********************************************************
Menu groupes
*************************************************************/
#menu_groupes {clear:both; margin:0 0 10px 0; height:26px}

#menu_groupes a.onglet1, #menu_groupes a.onglet2, #menu_groupes a.onglet3, #menu_groupes a.onglet4,
#menu_groupes a.onglet1_current, #menu_groupes a.onglet2_current, #menu_groupes a.onglet3_current, #menu_groupes a.onglet4_current 
	{
	height:26px;
	cursor:pointer;
	display:block;
	float:left;
	margin:0 4px 0 0;
	width:147px;
	}

#menu_groupes a.onglet1 {background: url(../images/onglet_ojd.gif);}
#menu_groupes a.onglet2 {background: url(../images/onglet_tousgroupes.gif);}
#menu_groupes a.onglet3 {background: url(../images/onglet_mesgroupes.gif);}
#menu_groupes a.onglet4 {background: url(../images/onglet_questions.gif);}

#menu_groupes a.onglet1:hover, #menu_groupes a.onglet1_current {background: url(../images/onglet_ojd_current.gif);}
#menu_groupes a.onglet2:hover, #menu_groupes a.onglet2_current {background: url(../images/onglet_tousgroupes_current.gif);}
#menu_groupes a.onglet3:hover, #menu_groupes a.onglet3_current {background: url(../images/onglet_mesgroupes_current.gif);}
#menu_groupes a.onglet4:hover, #menu_groupes a.onglet4_current {background: url(../images/onglet_questions_current.gif);}


/***********************************************************
alphabet annuaire
*************************************************************/
#alphabet_annuaire {margin:20px 0 20px 150px; height:15px; font-weight:bold;}
a.lettre_annuaire:hover {background:#6BB2E8; color:#FFF}
a.lettre_annuaire { background:#F5F5F5; color:#666}
a.lettre_annuaire, a.lettre_annuaire_current { border:1px solid #DDD; width:15px; height:15px;  display:block; float:left; margin-right:5px; text-align:center}
a.lettre_annuaire_current { background:#6BB2E8; color:#FFF;}

/*********** pagination ******************************************************/
.pagination_communaute{
	width: 100%;
	background-color:#F5F5F5;
	clear:both;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	text-align: center;
	color:#4C95CD;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px 0 5px 0;
	}
.pagination_communaute a {color:#666; text-decoration: none; font-size:12px; font-weight:normal}
.pagination_communaute a:hover {font-weight: bold}

/****************************************************************
lignes annuaire
******************************************************************/
.lin_annuaire1 { background-color:#EAF4FF; border-bottom:#CEE7FF solid 1px; font:  10px Trebuchet MS, verdana, sans serif;}
.lin_annuaire2 { background-color:#ffffff; border-bottom:#CEE7FF solid 1px; font:  10px Trebuchet MS, verdana, sans serif;}
.lin_annuaire1 a {color:#4C95CD; font-weight:bold; font-size:11px; text-decoration:underline}
.lin_annuaire2 a {color:#999; font-weight:bold; font-size:11px;  text-decoration:underline}
.lin_annuaire_num1 { background-color:#D5EAFF; border-bottom:#A0C8E6 solid 1px; font: 10px  Helvetica, arial ;}
.lin_annuaire_num2 { background-color: #F5F5F5; border-bottom:#CCC solid 1px; font: 10px  Helvetica, arial ;}

.lin_annuaire1 a.bouton, .lin_annuaire2 a.bouton {text-decoration:none; color:#6BB2E8;}

.ptitre {font-weight:bold; border-bottom:1px dotted #CCC}

/***************************************************************
mes amies
****************************************************************/
#content_communaute .box_blue .visu_amies {
	background:url(../images/bg_box_blue95.gif) center 20px no-repeat;
	width:113px;
	height:140px;
	float:left;
	margin:0 3px 0 5px;
	text-align:center;
	}
#content_communaute .box_blue .visu_amies img {
	margin:7px 0 5px 0px
	}
#content_communaute .box_blue .visu_amies a {color:#666}
#content_communaute .box_blue .visu_amies a.pseudo {font-size:10px}

#content_communaute .box_blanc .visu_amies {
	background:url(../images/bg_box_blanc95.gif) center 20px no-repeat;
	width:113px;
	height:140px;
	float:left;
	margin:0 3px 0 5px;
	text-align:center;
	}
#content_communaute .box_blanc .visu_amies img {
	margin:7px 0 5px 0px
	}
#content_communaute .box_blanc .visu_amies a {color:#666}
#content_communaute .box_blanc .visu_amies a.pseudo {font-size:10px}
#content_communaute .box_blanc {border-bottom:1px dotted #CCC; padding:0 0 10px 0; display:table; width:100%}
#content_communaute .box_blanc h2 {
	color:#4c95cd; 
	font-size:14px; 
	margin:10px
	}
	
/***************************************************************
mes amies
****************************************************************/
#content_communaute .box_blue .visu_valide {
	background:url(../images/bg_box_blue95.gif) center 0 no-repeat;
	width:113px;
	height:140px;
	float:left;
	margin:0 3px 0 5px;
	text-align:center;
	}
#content_communaute .box_blue .visu_valide img {
	margin:4px 0 2px 0px
	}
#content_communaute .box_blue .visu_valide a {color:#666}
#content_communaute .box_blue .visu_valide a.pseudo {font-size:10px}


/******************************************************
Anniversaires
*****************************************************/
#content_communaute .box_blue70pct {
	background:#DBEEFC;
	border:1px solid #B2DCFD;
	display:table;
	width:75%;
	padding:0 0 10px 0;
	float:left
	}
#content_communaute .box_blue70pct h2{
	color:#4c95cd; 
	font-size:14px; 
	margin:10px
	}
#content_communaute .box_blue70pct .visu_amies {
	background:url(../images/bg_box_blue95.gif) top no-repeat;
	width:113px;
	height:140px;
	float:left;
	margin:0 3px 0 5px;
	text-align:center;
	padding:5px 0 0 0
	}
#content_communaute .box_blue70pct .visu_amies img {
	margin:5px 0 5px 0px
	}
#content_communaute .box_blue70pct .visu_amies a {color:#666}
#content_communaute .box_blue70pct .visu_amies a.pseudo {font-size:10px}

/**************************************************
membres - groupes
****************************************************/
#content_communaute .box_blue .membre_visu {
	background:url(../images/bg_box_blue120.gif) top no-repeat;
	width:138px;
	height:138px;
	float:left;
	margin:5px 5px 5px 5px;
	text-align:center;
	}
#content_communaute .box_blue .membre_visu div {
	width:138px;
	height:138px;
	display:table-cell;
	vertical-align:middle
	}
#content_communaute .box_blue .groupe {border-bottom:1px solid #B2DCFD; clear:both; margin:5px 5px 5px 5px; display:table; padding: 0 0 5px 0; width:99%}
#content_communaute .box_blue .membre_infos {float:left; margin:10px 0 0 5px; width:230px}
#content_communaute .box_blue .groupe_infos {float:left; margin:10px 0 0 5px; width:625px}
#content_communaute .box_blue .groupe_infos .resume {padding:5px; border:1px dotted #CCC; background:#FFF; margin:5px 10px 5px 0}
#content_communaute .box_blue .membre_links {float:left; margin:10px 0 0 0}
.voir_page { float:left; padding-right:20px; padding-top:8px;}

#content_communaute .visu_pg_membre {
	background:url(../images/bg_box_blanc95.gif) top no-repeat;
	width:113px;
	height:113px;
	float:left;
	margin:0 3px 0 5px;
	text-align:center;
	}
#content_communaute .visu_pg_membre a{width:113px; height:113px; display:table-cell; vertical-align:middle}

#content_communaute .visu_pg_membre1, #content_communaute .visu_pg_membre2 {
	width:113px;
	height:113px;
	float:left;
	margin:0 3px 0 5px;
	text-align:center;
	padding:5px 0 0 0
	}
#content_communaute .visu_pg_membre1 {background:url(../images/bg_box_blanc95.gif) top no-repeat;}
#content_communaute .visu_pg_membre2 {background:url(../images/bg_box_blue95.gif) top no-repeat;}

#content_communaute .visu_pg_membre1 img, #content_communaute .visu_pg_membre2 img {
	margin:5px 0 5px 0px
	}
#content_communaute .visu_pg_membre1 a, #content_communaute .visu_pg_membre2 a {color:#666}
#content_communaute .visu_pg_membre1 a.pseudo, #content_communaute .visu_pg_membre2 a.pseudo {font-size:10px}

input.mp_msg {
	background:url(../images/bt_mp1.gif) top no-repeat;
	width:82px;
	height:29px;
	cursor:pointer;
	border:none
	}

/*****************************************************
groupes
*****************************************************/
#content_communaute .box_blue .groupe_membres {
	background:url(../images/bg_box_blue95.gif) top no-repeat;
	width:113px;
	height:120px;
	float:left;
	margin:0 3px 0 5px;
	text-align:center;
	padding:5px 0 0 0
	}
#content_communaute .box_blue .groupe_membres img {
	margin:5px 0 5px 0px
	}
#content_communaute .box_blue .groupe_membres a {color:#666}
#content_communaute .box_blue .groupe_membres a.pseudo {font-size:10px}

/********************************************************
Groupes - faq 
*********************************************************/
#groupes_faq h3 {
	border-bottom:1px dotted #C2D2E8;
	font-size:15px;
	margin:10px 10px 10px 0px;
	color:#027ABB; 
	}
#groupes_faq {padding:10px}

#groupes_faq .rubriques {
	font-weight:bold;
	margin:0 10px 0px 0px;
	padding:0 0 10px 10px
	}
#groupes_faq .liste_articles {
	background:#F5F5F5;
	padding:10px;
	border:1px dotted #C2D2E8;
	margin:0 10px 10px 10px
	}
#groupes_faq a:hover {text-decoration:underline}

#groupes_faq .article {
	margin:0 0 10px 10px; 
	}
#groupes_faq .article h1 {
	font-size:14px;
	margin:20px 0 10px 0px;
	color:#027ABB; 
	}

/* ----------------------------------------------------
	Styles appliqués au Calendrier
----------------------------------------------------- */
#calendrier {
	width:215px; 
	height:140px;
	float:right;
	font-size:11px;
	background: url(../images/bg_calendrier.gif) no-repeat center;
	margin: 0 0px 10px 0;
	}
#calendrier li{list-style: none;}

#calendrier h3{
	list-style: none;
	margin:0px;
	color:#FFF;
	margin: 10px 10px 5px 10px;
	display: block;
	border-bottom: 1px solid #FFF;
	font-size:13px
	}
#libelle {width: 210px; margin: 0 auto; padding: 0; font-weight:bold; }

.ligne {width: 210px; margin: 0 auto; padding: 0;} 
#libelle ul {margin: 0 0 10px 10px; color:#FF9933}
#libelle li {float : left; width : 28px; text-align:center; color:#6BB2E8; padding-bottom:5px}

.ligne li {color: #CCCCCC; float : left; width:28px; text-align:center}
.ligne li a{list-style: none; text-decoration: none; color:#FFF;}
.ligne li a:hover{list-style: none; text-decoration: none; color:#6BB2E8;}

li.itemCurrentItem {font-weight:bold; color:#6BB2E8}
li.itemCurrentItem a{font-weight:bold; color:#6BB2E8; text-decoration:none}

li.itemSelectedItem a{font-weight:bold; color:#000; background:#6BB2E8; padding:0 2px 0 2px}	

/*---------------------------- BOX ROND JAUNE ---------------------------*/
.xtop_jaune, .xbottom_jaune {display:block; background:transparent; font-size:1px;}
.xb1_jaune, .xb2_jaune, .xb3_jaune, .xb4_jaune {display:block; overflow:hidden;}
.xb1_jaune, .xb2_jaune, .xb3_jaune {height:1px;}
.xb2_jaune, .xb3_jaune, .xb4_jaune {background:#6BB2E8; border-left:1px solid #6BB2E8; border-right:1px solid #6BB2E8;}
.xb1_jaune {margin:0 5px; background:#6BB2E8;}
.xb2_jaune {margin:0 3px; border-width:0 2px;}
.xb3_jaune {margin:0 2px;}
.xb4_jaune {height:2px; margin:0 1px;}
.xboxcontent_jaune {display:block; background:#6BB2E8; border:0 solid #6BB2E8; border-width:0 1px; padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
/*---------------------------- FIN BOX ROND JAUNE ---------------------------*/

#commentForm, #ecrireMp {
	display:none; 
	height:150px; 
	position:absolute; 
	z-index:100; 
	filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
	}
#commentForm a, #ecrireMp a {color:#FFF; text-decoration:underline}

#commentForm {width:300px;}
#ecrireMp {
	width:275px;
	float:right;
}

/***************************** boutons ************************************/

.bt_create_group {
	height:30px; 
	cursor:pointer;
	border:none;
	margin:10px 0 0 0;
	width:183px;
	background: url(../../../images/bt_creer1.gif) no-repeat center;
	}
.bt_edit_group {
	height:30px; 
	cursor:pointer;
	border:none;
	margin:10px 0 0 0;
	width:183px;
	background: url(../../../images/bt_edit.gif) no-repeat center;
	} 
.bt_perso_group {
	height:30px; 
	cursor:pointer;
	border:none;
	margin:10px 0 0 0;
	width:225px;
	background: url(../../../images/bt_personnaliser.gif) no-repeat center;
	} 

/****************************************************************
lignes forum
******************************************************************/
.lin_forum1 { background-color:#EAF4FF; border-bottom:#CEE7FF solid 1px; font:  10px Trebuchet MS, verdana, sans serif;}
.lin_forum2 { background-color:#ffffff; border-bottom:#CEE7FF solid 1px; font:  10px Trebuchet MS, verdana, sans serif;}
.lin_forum1 a {color:#4C95CD; font-weight:bold; font-size:11px; text-decoration:underline}
.lin_forum2 a {color:#999; font-weight:bold; font-size:11px;  text-decoration:underline}
.lin_num1 { background-color:#D5EAFF; border-bottom:#A0C8E6 solid 1px; font: 10px  Helvetica, arial ;}
.lin_num2 { background-color: #F5F5F5; border-bottom:#CCC solid 1px; font: 10px  Helvetica, arial ;}

.lin_forum1 a.bouton, .lin_forum2 a.bouton {text-decoration:none; color:#6BB2E8;}

.ptitre {font-weight:bold; border-bottom:1px dotted #CCC}
.lin_forum1 .petit a, .lin_forum2 .petit a {font-weight:normal;}

/***************************************************
Courrier MP
***************************************************/
a.courrier_mp:hover {background:#dbeefc}

/***********************************************************
Menu Courrier MP
*************************************************************/
#menu_courrier {clear:both; margin:0 0 10px 0; height:26px}

#menu_courrier a.onglet1, #menu_courrier a.onglet2,
#menu_courrier a.onglet1_current, #menu_courrier a.onglet2_current
	{
	height:26px;
	cursor:pointer;
	display:block;
	float:left;
	margin:0 4px 0 0;
	width:147px;
	}

#menu_courrier a.onglet1 {background: url(../images/onglet_mp.gif);}
#menu_courrier a.onglet2 {background: url(../images/onglet_mp_send.gif);}

#menu_courrier a.onglet1:hover, #menu_courrier a.onglet1_current {background: url(../images/onglet_mp_current.gif);}
#menu_courrier a.onglet2:hover, #menu_courrier a.onglet2_current {background: url(../images/onglet_mp_send_current.gif);}


/************************** STYLE PROFIL COMMUNAUTE  ****************************************************/
#identity div{
	margin:0px; 
	padding:0px;}

#identity h1 {
	text-align:center; 
	font:20px Arial, Helvetica, sans-serif; 
	color:#ec8142; 
	font-weight:bold;
	margin:0px;
	padding:0px;}
	
.info_moi {
	padding-left:65px;
	padding-right:50px; 
	font:13px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
	
.info_secret{
	padding-left:65px; 
	font:13px Verdana, Arial, Helvetica, sans-serif; color:#786c67;
	font-weight:bold;
	line-height:18px;}

#questions_booleans {
	margin-left:auto;
	margin-right:auto;
	width:350px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#786c67;}

.freetext {
	color:#c6303b;}
	
#what_i_like, #what_i_dislike{
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	color:#222222;
	}
	
#first_about_me{
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	color:#ffffff;}