/*
*	ACCUEIL COMMUNAUTE
*/


div.map-communaute {
	height: 300px !important;
	overflow: hidden;
	margin-top: 16px;
	position: relative;
}





	div#best_groups {
		width: 615px;
		border: 1px solid #d3d3d5;
		border-top:none;
		color: #222222;
		font-family: "Trebuchet MS";
		margin-top: -5px;
		min-height: 395px;
	}

	div#best_members {
		width: 615px;
		border: 1px solid #d3d3d5;
		border-top:none;
		color: #222222;
		font-family: "Trebuchet MS";
		margin-top: 10px;
		min-height: 395px;
	}
	
	div#galerieMedias {
		height: 250px;
		width: 100%;
		border: 1px solid #d3d3d5;
		border-top:none;
		margin: 10px 0 0 0;
		color: #999;
	}
	div#derniersMediasPostes.galerieMediasCommunaute {
		margin: -5px 0 10px 0 !important;
		width: 300px !important;
		height: auto;
	}
	
	div#derniersMediasPostes.galerieMediasCommunaute p{
		padding: 0 !important;
	}
	div#derniersMediasPostes.galerieMediasCommunaute p.more{
		padding: 0 !important;
		clear: both !important;
		padding-left: 10px !important;
	}
	div#derniersMediasPostes.galerieMediasCommunaute div.player, div#derniersMediasPostes.galerieMediasCommunaute p.miniatures {
		margin-right: 2px;
	}
	
	div#publicite {
		height: 250px;
		width: 300px;
		margin: 10px 0 0 0;
	}
	
	a#lienImgGroupe {
		text-align: center;
	}
		
	div#best_groups div.groupe p, div#best_members div.membre p {
		padding: 0 !important;
	}
	div#best_groups  div.blanc, div#best_members  div.blanc {
		background: #fff;
	}
	
	div#best_groups  div.groupe, div#best_members  div.membre  {
		width: 298px;
		height: 76px;
		padding: 3px 7px;
	}
	
/*	div#best_groups  div.groupe IMG, div#best_members  div.membre IMG  {
		width: 72px;
		height: 72px;
		border: 1px solid #97adb9;
		padding: 1px;
		float: left; 
		margin-right: 10px;
	}
	*/
	div#best_groups  div.groupe h4, div#best_members  div.membre h4 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 2px;
	}
	div#best_groups  div.groupe p.infos a, div#best_members  div.membre p.infos a {
		font-size: 10px;
		color: #616161;
	}		
	div#best_groups  div.groupe p.desc, div#best_members  div.membre p.desc  {
		font-size: 11px;
		color: #313131;
		margin-top: 5px;
	}		

	div#best_groups  div#apercu-groupe, div#best_members div#apercu-membre {
		position: absolute;
		background: #fff;
		top: 25px;
		right: 0;
		width: 303px;
		min-height: 372px;
		text-align: center;
	}
	div#apercu-groupe, div#apercu-membre {
		overflow:hidden;
		height:370px;
	}
	div#best_groups  div#apercu-groupe h1, div#best_members  div#apercu-membre h1{
		position: absolute;
		top: 0;
		left: 0;
		width: 279px;
		height: 119px;
		color: #fff;
		text-transform: uppercase;
		font-size: 18px;
		text-align: left;
		font-weight: bold;
		padding: 16px 0 0 24px;
		background: transparent url("../images/icones/bg_membre.png") 0 0 repeat-x;
	}
	
	div#best_groups  div#apercu-groupe div.infos, div#best_members  div#apercu-membre div.infos{
		position: absolute;
		bottom: 2px;
		left: 0;
		width: 303px;
		height: 70px;
		text-align: left;
		background: transparent url("../images/icones/bg_overlay.png") 0 0 repeat;
	}
	div#best_groups  div#apercu-groupe div.infos p.desc, div#best_members  div#apercu-membre div.infos p.desc {
		padding: 0 12px;
		color: #fff;
		font-size: 11px;
		margin-top: 8px;
		line-height: 1.3em;
	}
	div#best_groups  div#apercu-groupe div.infos p.actions, div#best_members  div#apercu-membre div.infos p.actions  {	
		text-align: right;
		padding: 12px 10px 0 0;
	}
	div#best_groups  div#apercu-groupe div.infos p.actions a, div#best_members  div#apercu-membre div.infos p.actions a {	
		color: #f17010;
	}
	
	div#best_groups  div#apercu-groupe div.infos p.actions a.details, div#best_members  div#apercu-membre div.infos p.actions a.details{	
		background: url("../images/icones/ico_plus_details.png") left 2px no-repeat;
		padding: 2px 0 4px 19px;
	}	
	div#best_groups  div#apercu-groupe div.infos p.actions a.localiser, div#best_members  div#apercu-membre div.infos p.actions a.localiser {	
		background: url("../images/icones/ico_localiser.png") 0 0 no-repeat;
		margin-right: 8px;
		padding: 2px 0 4px 15px;
	}

	
	div#groupe-more, div#membre-more, div#lieu-more  {
		background: #fff;
		padding: 10px 14px;
	}

	
	div#groupe-more, div#membre-more  {
		background: #fff;
		padding: 10px 14px;
		position: absolute;
		bottom: 0;
		width: 283px;
	}
	div#groupe-more  a, div#membre-more  a, div#lieu-more a {
		color: #f17010;
		background: url("../images/icones/ico_more_orange.png") center left no-repeat;
		padding-left: 18px;
		padding-top:2px;
	}
	
	
	
	
	
/*  **************************************************** */
/*				fiche evenement				     */
/* ***************************************************** */

div.col-droite {
	width: 300px;
	float: right;
}
div.col-gauche {
	width: 600px;
	float: left;
}


div.col-droite h3, div.col-gauche h3 {
	font-size: 1.5em;
	
}

div.col-droite {}
	
	div.col-droite  div#map-wrapper {
		width: 300px;
		height: 300px;
		overflow: hidden;
	}	
	
	
	/* boites */

	div#lieux {
		width: 300px;
		border: 1px solid #d3d3d5;
		border-top:none;
		margin: 15px 0 15px 0;
		color: #000;
	}
	div#lieux p.more {	
		background: none;
		border-top: none;
		padding: 4px 10px !important;
	}
	div#lieux p.more a{	
		color: #000;
		text-decoration: underline;
	}
	
	
	
	
	
	hr.clear {
		border: none;
		clear: both;
		height: 1px;
		background: none;
	}
	
div.map-profil {
	width: 300px !important;
	height: 300px !important;
	overflow: hidden;
	margin-top: 16px;
	position: relative;
}
.edit_mode{
	cursor:pointer;
	display:block;
	float:right;
	color:#fff;
	margin:5px;
}
.edit_mode:hover{
	color:#f37612;
	text-decoration:underline;
}

/*	BOX	*/

div.box {
	position: relative;
	border: 1px solid #d3d3d5;
	border-top: none;
	background: #f0f5fb;
	font-family: "Trebuchet MS";
}

div.box h3 {
	color: #fff;
	background: #819dab url("images/box/box-title-bg.png") 0 0 repeat-x;
	font-size: 1.5em;
	padding: 3px 0 0 9px;
	height: 22px;
}



/* coins arrondis */
div.box span.tl, div.box span.tr, div.box span.bl, div.box span.br  {
	position: absolute;
	width: 4px;
	height: 4px;
	z-index: 10;
}

div.box span.tl {
	top: 0;
	left: -1px;
	background: transparent url("images/box/box-tl.png") top left no-repeat;
}	
div.box span.tr{
	top: 0;
	right: -1px;
	background: transparent url("images/box/box-tr.png") top right no-repeat;
}	
div.box span.bl {
	bottom: -1px;
	left: -1px;
	background: transparent url("images/box/box-bl.png") bottom left no-repeat;
}	
div.box span.br {
	bottom: -1px;
	right: -1px;
	background: transparent url("images/box/box-br.png") bottom right no-repeat;
}

/* derniers medias postés */	



div#derniersMediasPostes p.miniatures {
	margin: 0 0 0 2px;
	width: 320px;
	overflow: hidden;
}
div#derniersMediasPostes p.miniatures img{	
	margin: 5px !important;
	border: 1px solid #98aaae;
	padding: 1px;
}


div#derniersMediasPostes p.miniatures a span{	
		display: none;
}


div#derniersMediasPostes  div.player {
	margin: 0 0 10px 0;
}


div#derniersMediasPostes p.more {
	background: none;
	border-top: none;
	padding: 4px 10px !important;
}
div#derniersMediasPostes p.more a{
	color: #000;
	text-decoration: underline;
}





/*
*	MON ESPACE
*/


div.map-espace {
	height: 300px !important;
	overflow: hidden;
	margin-top: 16px;
	position: relative;
}


	div#newsFeed {
		margin-bottom: 10px;
	}

	div#newsFeed p, div#requetes p {
		padding: 4px 10px 4px 30px;
		font-size: 11px;
	}

	div#newsFeed p.date, div#requetes p.date  {
		padding: 4px 10px 4px 10px;
		border-bottom: 1px solid #ccc;
	}
	div#newsFeed p.date span.titre, div#requetes p.date span.titre {
		color: #f9872b !important;
	}

	div#newsFeed p span, div#requetes p span {
		display: block;
		padding: 2px 0;
	}

	div#newsFeed p span.titre, div#requetes p span.titre {
		color: #000;
		font-weight: bold;
	}

	div#newsFeed p span.info, div#requetes p span.info {
		color: #999;
	}

	div#newsFeed p.blanc, div#requetes p.blanc, div.event.blanc {
		background-color: #fff !important;
	}
	
	div#newsFeed p.wallmessage, div#requetes p.wallmessage {
		background: transparent url("../images/icones/picto_monespace_commentaire.png") 4px 3px no-repeat;
	}
	div#newsFeed p.event, div#requetes p.event {
		background: transparent url("../images/icones/picto_monespace_agenda.png") 4px 5px no-repeat;
	}
	div#newsFeed p.place, div#requetes p.place {
		background: transparent url("../images/icones/picto_monespace_lieu.png") 4px 5px no-repeat;
	}
	div#newsFeed p.favorite, div#requetes p.fvorite {
		background: transparent url("../images/icones/picto_monespace_lieufavori.png") 4px 5px no-repeat;
	}
	div#newsFeed p.file, div#requetes p.file {
		background: transparent url("../images/icones/ico_wall_image.png") 4px 5px no-repeat;
	}
	div#newsFeed p.groups, div#requetes p.groups {
		background: transparent url("../images/icones/picto_monespace_groupe.png") 4px 3px no-repeat;
	}
	div#newsFeed p.grouplist, div#requetes p.grouplist {
		background: transparent url("../images/icones/picto_monespace_ajoutami.png") 4px 2px no-repeat;
	}
	div#newsFeed p.carpooling, div#requetes p.carpooling {
		background: transparent url("../images/icones/ico_wall_car.png") 8px 5px no-repeat;
	}
	div#newsFeed p.tag, div#requetes p.tag {
		background: transparent url("../images/icones/ico_wall_image.png") 5px 3px no-repeat;
	}



	div#wall {}
	
	div#wall div.blanc {
		background-color: white;
	}
	div#wall h4 {
		font-size: 16px;
		font-weight: bold;
	}
	div#wall div.infos {
		width: 525px;
		float: right;
		padding: 10px;
	}
	div#wall p.date {
		font-size: 11px;
		color: #949284;
		padding: 2px 0 6px 0;
		position: relative;
	}
	
	div#wall p.texte {
		padding: 6px 0 0 0;
		font-size: 11px;
		line-height: 1.2em;
		color: #6e6c60;
		border-top: 1px solid #ccc;
	}
	
	div#wall p.avatar {
		float: left;
		padding: 10px 0 10px 13px;
	}
	div#wall p.avatar IMG {
		padding: 1px;
		border: 1px solid #94abb7;
		height: 32px;
		width: 32px;
	}
	div#wall span.actions {
		position: absolute;
		right: 0;
	}


/*--------------	TIPS 	------------------*/
/* Tooltips */
	
p.miniatures a {
	position: relative;
	z-index: 10;
	display: block;
	width: 74px;
	float: left;
}

.tool-tip {
	background: #000;
	color: #ffcc00;
	padding: 5px 0;
	background: transparent url("images/infobulle-bg.png") top left no-repeat;
	height: 27px;
	width: 156px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.toolTipMedias {
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 20;
	-moz-opacity: 1;
	border: none !important;
}
.toolTipMedias:hover {
	-moz-opacity: 0;
}





/*
*	MON PROFIL
*/




#fiche-profil {
	color: #616161;
	margin-bottom: 15px;
	min-height: 298px;
}

	#fiche-profil a {
		color: #616161;
		text-decoration: none;
	}


	#fiche-profil p.actions {
		position: absolute;
		top: 32px;
		right: 10px;
		width: 200px;
		text-align: right;
	}
	
	#fiche-profil p.actions a.edit {
		color: #f57914 !important;
		text-decoration: none;
		background: url("../images/icones/ico_edit_profil.png") center left no-repeat;
		padding: 4px 0 0 18px;
	}
	#fiche-profil p.actions a.add {
		color: #f57914 !important;
		text-decoration: none;
		background: url("../images/icones/ico_more_orange.png") center left no-repeat;
		padding-left: 18px;
	}


	#fiche-profil p.image {
		float: left;
		margin: 0 10px 10px 0;
		width: 125px;
		height: 165px;
		overflow: hidden;
	}
	
	#fiche-profil p.image IMG {
		border: 2px solid #d5d5d5;
		padding: 1px;
		max-width: 120px;
		max-width: 120px;
	}
	
	
	#fiche-profil h4 {
		color: #222118;
		padding-top: 4px;
		font-size: 18px;	
	}
	p.note {
		margin-top: 4px;
	}
	p.personne { 
		font-size: 14px; 
		margin-top: 15px;
	}
	p.details {
		width: 210px;
		float: left;
		font-size: 11px;
		padding: 0 !important;
	}
	p.details span{
		display: block;
		margin-top: 10px;
	}
	p.details strong{
		font-weight: bold;
	}
	
	#fiche-profil div.description {
		padding: 0 10px 10px 10px;
		font-size: 11px;
	}
	#fiche-profil div.description h4 {
		margin-bottom: 7px;
		border-bottom: 1px solid #d5d5d5;	
	}
	
	div#last_infos p a {
		color: #f57914;
	}
	
	h3.onglets {
		background: transparent url("/images/icones/bg_onglets.png") repeat-x !important;	
		padding: 0 !important;
		height: 27px !important;
	}
	h3.onglets span, h3.onglets a.actif{
		background: transparent url("/images/icones/bg_onglets_actif.png") repeat-x !important;
	}
	h3.onglets a{
		background: transparent url("/images/icones/bg_onglets_separateur.png") center left no-repeat !important;
	}
	
	div.map-profil {
		margin-top: 0 !important;
	}
	h3.onglets a, h3.onglets span{
		color: #fff  !important;
		margin: 0;
		padding: 7px 0 !important;
		font-size: 12px;
		display: block;
		float: left;
		width: 120px;
		text-align: center;
	}



	div#derniersMediasPostes.derniersMediasProfil {
		width: 616px;
		margin: 0px 0 5px 0 !important;
		min-height: 240px;
		height: auto;
	}

	div#wall h4 a {
		color: #000;
		text-decoration: none;
	}
/*	Formulaire communaute	*/

.form_communaute {
	padding:10px;
}
.form_label {
  display: inline;
  float: left;
  width: 150px;
		color: #999;
		font-size: 11px;
		line-height: 1.3em;	
}
.champForm{
	font-size:0.9em;
	height:14px;
	padding-top: 3px;
	vertical-align:middle;
	border:1px #a2bbc8 solid;
	color:#969696;
	background-color:#f8fafc;
}
.textForm{
	font-size:0.9em;
	vertical-align:middle;
	border:1px #a2bbc8 solid;
	color:#969696;
	background-color:#f8fafc;
	font-family: "Trebuchet MS";
}
.boutonValider{
  	font-size:0.9em;
	height:17px;
	vertical-align:middle;
	border:1px #ccc solid;
	color:#fffefe;
	background-color:#a4bcc9;
}
.edit_comm{
	cursor:pointer;
	color:#f37612;
}



/* customisation formulaire edition */

 form.form_communaute p {
 	clear: both;
 	height: 18px;
 	margin: 0;
 }

 form.form_communaute label {
 	width: 150px;
 	font-weight: bold;
 	float: left; 
 }
 form.form_communaute input, form.form_communaute textarea {
	float: left;
	width: 200px;
 }
 form.form_communaute input.check {
	width: auto;
 }