/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Slideo
Version:	2.0
Author:		JC Pagnon
Copyright:	Brainsonic (www.brainsonic.com)
-------------------------------------------------------------------*/
/* Import rules */

@import url(reset.css);

/* ------------ */

/* ---BASICS--- */

* {outline:none;}

#global {
	left:50%;
	margin-left:-475px;
	padding:18px 0 0;
	position:absolute;
	width:935px;
	overflow:hidden;
}
#header {
	width: 100%;
	/* height: 210px; */
	height: auto;
}
#headerNoSecure
{
	margin-left: 140px;
}
#content {
	width: 100%;
}
#footer {
	width: 100%;
	text-align: right;
}
input.button {
	border-width: 1px;
	border-style: solid;
	width: auto;
	cursor: pointer;
}

/****************** Header ***********************/
#logo {
	display: inline;
	float: left;
}

#advertise {
	float: left;
	display: inline;
	margin: 32px 0 0 22px;	
}
#memberBox {
	float: right;
	width: 193px;
	text-align: right;
	margin-top: 0;
	/* top:40px;
	position: absolute; */
	left: 740px;
	
}

* html #tools_connec {width:100px;clear:both;margin-right:80px;margin-top:-60px} 

*+html #tools_connec {width:100px;clear:both;margin-right:80px;margin-top:-60px} 

#memberBox p {
	margin: 5px 0;
}
#memberBox img {
	vertical-align: middle;
}
#memberBox #remember {
	vertical-align: middle;
	width: auto;
	border: none;
}
#memberBox #inputLoginSubmit {
	margin-left: 10px;
}
#memberBox .avatar {
	display: inline;
	float: right;
	margin: 0 0 0 10px;
}
#subtitle {
	clear: both;
	position: absolute;
	top:150px; 
	

	
	
}
/********************* Header menu ***********************/
#logo
{
	margin-bottom: 10px;
}

#headerMenu {
	/* width: 830px; */
	background-color:#ededed;
	clear: both;
	/*text-align: right;*/
	/*margin: 10px 0 18px;*/
	height: 30px;
	 position: relative;
	 /*left: 105px;*/
	 /* top:36px; */
	
	margin-bottom: 10px;
	/*padding: 3px 0 0;*/
}

#explorerLink, #publishLink {
	/*margin:0 0 0 5px;*/
}
/* Rollover CSS */ 

.lien_home a
	{
		
	display: inline;
	font-size: 10px;
	
	}


#headerMenu .contenu_menu
{

	/*width: 700px;*/
	height: 23px;
	position:absolute;
	top: 3px;
	left: 4px;
}

#headerMenu li 
{
	
	float: left; 
	height: 23px;
	margin-right: 7px;
	
}
#headerMenu li a
{
	/* display:block; */
	height: 23px;
	text-decoration: none;
}


#headerMenu .explorer 
{
	background: url(../images/explorer.jpg);
	display:block;
	float: left;
 width: 95px;

}
#headerMenu .explorer:hover
{
background: url(../images/explorer-hover.jpg);
display:block;

	
}

#headerMenu .publier 
{
	background: url(../images/publier.jpg);
	display:block;
    width: 95px;

}
#headerMenu .publier:hover
{
background: url(../images/publier-hover.jpg);
display:block;
width: 95px;
}



#headerMenu .grouper 
{
	background: url(../images/grouper.jpg);
	display:block;
    width: 95px;

}
#headerMenu .grouper:hover
{
background: url(../images/groupe-hover.jpg);
display:block;
width: 95px;

	
}



#headerMenu .evenement
{
	background: url(../images/evenement.jpg);
	display:block;
    width: 102px;

}
#headerMenu .evenement:hover
{
background: url(../images/evenement-hover.jpg);
display:block;
width: 102px;

	
}



#headerMenu .profil
{
	background: url(../images/profil.jpg);
	display:block;
    width: 97px;

}
#headerMenu .profil:hover
{
background: url(../images/profil-hover.jpg);
display:block;
width: 97px;

}



#headerMenu .home, #headerMenu .home:hover
{
	background: url(../images/home.jpg);
	display: block;
	width: 95px;
}

#headerMenu .home:hover
{
	background: url(../images/home-hover.jpg);
}		

/*

#headerMenu_tools li a 
{
	display:block;
	height:25px;
	overflow:hidden;
	width:98px;
}

#headerMenu_tools li a#exploreLink {text-indent:999999px;background:url(../images/exploreButton.png);width:98px;height:25px;}

#headerMenu_tools li a#publishLink {text-indent:999999px;background:url(../images/publishButton.png);width:98px;height:25px;}

#headerMenu_tools li a#exploreLink:hover {background-position: -98px 0px;}

#headerMenu_tools li a#publishLink:hover {background-position: -98px 0px;}
*/














#searchForm {
  float: right;
  margin: 0 0 0 0;
  display: inline;
  /* position: absolute; */
  position: relative;
  top: 3px;
  /* left: 530px; */
  font-size: 8px;
  font-weight: bolder;
  margin-right: 5px;
}
#searchForm #inputSearch, #searchForm #inputSearchSubmit {
	margin: 2px 0 0 4px;
}
#searchForm #inputSearch, #searchAdvanced #inputSearchAdvanced {
	width: 140px;
	padding: 0;
	float: left;
	color: black;
	border-width: 1px;
	border-style: solid;
}
#searchForm #inputSearchSubmit, #searchAdvanced #inputSearchAdvancedSubmit {
	width: 25px;
	height: 18px;
	padding: 0;
	cursor: pointer;
	float: left;
}
#searchForm label, #searchAdvanced label {
	float: left;
	margin: 5px 10px 0 0;
}
#searchAdvanced label {
	margin-top: 2px;
}
.searchAdvancedControl {
	clear: left;
	padding-top: 10px;
} 
#inputRadioArticle, #inputRadioCommunity, #inputRadioMember, #searchAdvancedArticle select {
	margin-right: 28px;
}
/********************* Content ***********************/

.sideBar {
	width: 30%;
	display: inline;
	margin-bottom: 20px;
	overflow:hidden;
	display:block;
	
}

*+html .sideBar {
	width: 30%;
	display: inline;
	margin-bottom: 20px;
}

.sideContent {width:630px;margin-bottom:20px;position:relative;right:10px;float: right;}

*+html .sideContent {position:relative;left:9px;}

.sideContentLeft {width:67%;overflow:hidden;margin-bottom:20px;}

.sideContent li{
	/*margin-top: 10px;
	margin-bottom: 10px;
	min-height: 126px;
	border-style:dotted;
	border-bottom: 1px #ccc dotted;*/
}

.fullContent {width:933px;clear: both;}

*+html.fullContent {width:932px;}

.right {
	float: right;
	padding: 0 0 0 2%;
}
.left {
	float: left;
	padding: 0 2% 0 0;
}
.bloc h2 {
	padding: 3px 5px 3px 15px;
	background: url(../images/blockHeaderBg.png) repeat-x;
}
.bloc h2, .bloc h3, .intro h4 {
	font-weight: bold;
}
.bloc {
	border-width: 1px;
	border-style: solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
	overflow:hidden;
}

.bloc span.fixe_png_highlight {float:right;margin-right:15px;
margin-top:-19px;color:#454545;font-size: 12px;text-align: right; font-weight: bold; }

* html .bloc span.fixe_png_highlight {margin-top:-20px;}


.bloc span img {
	vertical-align: middle;
}
.blocContent {
	padding: 10px 15px 15px;
}
/*.bloc h3 {
	border-top-width: 1px;
	border-top-style: solid;
}*/
.centerbox {
	width: 70%;
	margin: 0 auto;
}
p.message {
	width: 90%;
	margin: 10px auto 0;
}

.thumbnailBig, .infos img {
	float: left;
	display: inline;
	margin: 0 5px 5px 0;
	border: 1px solid #EDEDED;
}
.infos {
	/*border-bottom-width: 1px;
	border-bottom-style: solid;*/
	padding: 5px 0;
	padding-left: 5px;
	margin: 0 0 5px;
}

.infos img {
	margin-bottom:0;
}

.infos .author a:link, .tags a:link
{
	text-decoration: none;
	font-weight: bold;
}

.infos .author a:hover
{
	text-decoration: underline;
}

.tags {
	margin: 10px 0;
}
dt.tagsDefinition img, .tags img {
	vertical-align: middle;
	float: left;
}
.fullContent #tabs {
	margin: 10px 0 0 0;
}
/********************* Footer ***********************/
#footer p {
	padding: 10px 20px;
}

/********************** Home *******************************/
#home {
	height: 200px;
	margin-bottom: 0;
	padding-bottom: 0;
}

 #news { 
 	margin-bottom: 0;
	padding-bottom: 0;
 }


#home #news .blocContent {
	/*height: 161px;*/
	overflow: hidden;
}

#home #news li {
	margin-bottom: 10px;
}


#home .intro {
	border-width: 1px;
	border-style: solid;
	margin: 20px 0 0;
	padding: 5px;
	color:#000;
}

*+html #home .intro {
	width:269px;
}

#home .intro p {
	text-align:justify;
}



/********************** Profile details *********************/
#menu {
	margin: 0 0 20px; 
}
#menu li {
	float: left;
	display: inline;
	margin: 0 10px 0;
}
.infos {
	line-height: 1.3em;
}

.otherInfos,
.manage {
	clear: left;
	padding: 5px;
	margin: 5px 0;
	line-height: 20px;
}

.bloc span.fixe_png_profile {margin-left:5px;margin-top:-18px;position:absolute;}

h2#highlight_profile {padding-left:26px;position:relative;}

* html .bloc span.fixe_png_profile {margin-top:-22px;}

/*********************** Article details ********************/
#article h3.articleTitle {
	margin: 10px;
}

#article #objectContainer {
	min-height:532px;
	/*overflow-y:auto;*/
	width:640px; 
}
#article #container
{
	width: 600px;
	margin: auto;
}
ul#articleMenu {
	padding: 10px 0;
}
ul#articleMenu li {
	width: 40%;
	margin: 5px 5%;
	float: left;
	display: inline;
}

ul#articleMenu li img {
	vertical-align: bottom;
}

#articleContextualInfos {
	padding: 10px;
}

#articleContextualInfos dt {
	float:left;
	margin-bottom: 5px;
}

#articleContextualInfos dd {
	min-height:  10px;
}
#articleContextualInfos dd .tagsDefinition
{
	float: left;
}
#articleContextualInfos dt.resourceFile, #articleContextualInfos dt.attachedFiles,#articleContextualInfos dt.tagsDefinition, #articleContextualInfos dt.descriptionDefinition, #articleContextualInfos dd.descriptionDefinition {
	float:none;
	display: block;
	clear: left;
}

#articleContextualInfos dt.tagsDefinition
{
	margin: 5px 0;
	float: left;
}
#articleContextualInfos li
{
	padding: 5px 0;
}
.saveButton
{
	vertical-align:middle;
}

ul.tags-list li {
	margin-left: 3px;
}

#riaApplication {
	background: url(../images/preview-ria.png) center center no-repeat;
}

#commentForm textarea {
	width: 390px;
	height: 125px;
}

#commentForm {
	padding: 5px;
}

.bloc span.fixe_png_voteDetails {
	float:right;

	margin-top:-19px;
margin-right:10px;
color:#454545;

	font-weight:bold;
}

*html .bloc span.fixe_png_voteDetails {margin-top:-22px;}


/****************** Article navigator ******************/

ul.navigator li {
	padding: 0;
	line-height: 20px;
	float: left;
	width: 100%;
	height: 100%;
	margin: 5px 0;
	overflow: hidden;	
}



ul.navigator {
  display: block;
  height: 100%;
}


#home ul.navigator {
  display: block;
}

#explorer ul.navigator {
  display: block;
  overflow: hidden;
}

ul.navigator_community li {
	padding: 3px;
	padding-bottom: 10px;
	min-height: 150px;
}

ul.navigator li h4 {
	margin-bottom: 12px;
	font-size: 1.2em;
}

#home ul.navigator li h4 {
	margin-bottom: -5px;
	font-size: 1.2em;
}

#explorer ul.navigator li h4 {
	margin-bottom: -5px;
	font-size: 1.2em;
}

ul.navigator li a.thumbLink {
	float: left;
	margin-right: 3px;
}

ul.navigator div.clearfix {
	margin: 8px 0 5px;
	position: relative;
}

ul.navigator li span.votes,
ul.navigator li span.views,
ul.navigator li span.stats {
	float: left;
	margin-right: 10px;
}

ul.navigator li span.stats {
	clear: right;
}

ul.navigator li span img {
	float: none;
	margin-right: 0;
	vertical-align: middle;
}
.navigator_content {
  height: 100%;
  widht: 100%;
  overflow: visible;
}

.pager {
  padding-top:44px;
  position:relative;
  text-align: center;
  height:30px;
  left: 25%;
  width: 100%
}

#home .pager{
	left: 39%;
}

#profile ul.actions {
	clear: left;
}

/****************** Article navigator Home & Explore ******************/
#home ul.navigator li{
	width: 169px;
	float: left;
	display: inline;
	height: 236px;
    margin: 5px 1px 30px 2px
}
#explorer ul.navigator li {
	/* display:inline; */
	float:left;
	height:285px;
	margin-left:17px;
	/* margin-top:-3px; */
	width:170px;
	overflow: hidden;
}

.row {
  margin: 15px 0;
}

.navigator a.thumbLink {
	display: block;
	width: 150px;
	height: 123px;
}
.navigator a.thumbLink.small {
	width: 60px;
	height: 60px;
}
#community .navigator a.thumbLink {
	float: left;
}
#home ul.navigator li a.thumbLink img,
#explorer ul.navigator li a.thumbLink img,
table.navigator td a.thumbLink img {
	float: none;
	margin: 0;
}
#home .pager,
#explorer .pager {
	clear: both;
}

#home #tabs {
	min-height: 560px;	/* TODO : mettre une vraie taille !!! */
}

#home #tabs ul.navigator .votes,
#home #tabs ul.navigator .views,
#explorer ul.navigator .votes,
#explorer ul.navigator .views {
	float: left;
}

#home #tabs ul.navigator .views,
#explorer ul.navigator .views {
	margin: 0 0 0 25px;

}

#home #tabs ul.navigator .votes img,
#explorer ul.navigator .votes img,
#searchResult table.navigator .votes img {
	width: 12px;
	height: 12px;
}
#home #communityTab ul.navigator .views {
	margin: 0;
	float: none;
}

#explorer #breadcrumbs
{
	padding: 10px;
}

#explorer ul.subChild
{
	margin: 0 0 0 10px;
}

#explorer #articleNavigatorBar a
{
	font-size: 12px;
}

.bloc span.fixe_png_explorer {float:right;margin-left:690px;margin-top:-19px;position:absolute;}

* html .bloc span.fixe_png_explorer {margin-top:-22px;}

#groupe, .groupe
	{
	margin-bottom: 20px;
	}

/***************** Search & Members Tab **************************/
#searchTabs {
	margin-top: 30px;

}

#searchResult {
	clear:left;
	padding:  0 10px 15px 10px;
	border-width: 1px;
	border-style: solid;
}

#searchResult table, 
#members table.navigator {
	width: 100%;
}
#searchResult table td, 
#members table.navigator td {
	vertical-align: top;
	padding: 10px 5px;
}
#searchResult td.thumbnail {
	width: 20%;
}
#members table.navigator td.thumbnail {
	width: 10%;
}
#searchResult td.description  {
	width: 40%;
}
#members table.navigator td.personal_infos{
	width: 35%;
}
#members table.navigator td.place_infos {
	width: 30%;
}
#members table.navigator td.stat_infos {
	width: 25%;
}
#members table.navigator td.place_infos
#searchResult td.infos {
	width: 40%;
	border: none;
}
#searchResult td.infos div {
	line-height: 23px;
}
#searchResult td.infos img,
#members table.navigator td img {
	vertical-align: middle;
	float: none;
	margin: 0 1px;
}
#members table.navigator td p.status,
#members table.navigator td p.contact {
	margin: 10px 0 0;
}

/*****************  ***********************/
#navigator_member img,
.details_evenement img
{
border: 1px solid #babfc1 ;

}	

#global_container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
	

.details_evenement ul
	{
	overflow:hidden;

	
	margin: 20px 0 10px 10px;
	
	}

.details_evenement li
	{
	font-family:arial;
	font-size:12px;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	float: left;
	margin-right: 10px;
	}


.details_evenement span
	{
	text-transform: capitalize;
	font-weight: normal;
	margin-right: 5px;	
	
	}

#navigator_member

	{
	overflow:hidden;

	
	margin: 20px 0 10px 0;
	
	}








#navigator_member li
	{
	
	float: left;
	color: #000;
	text-transform: capitalize;
	margin-left: 10px;
	font-size: 11px;

	
	}
#navigator_member li span
	{
	font-weight:bolder;
	
	
	
	}	








/***************** Tags cloud ***********************/
#tags {
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 0 0 40px 0px;
	float: right;
	display: inline;
	width: 360px;
	height: 210px;
	overflow: hidden;
}
.tag-cloud li {
	float: left;
	display: inline;
	margin: 5px;
}
ul.actions {
	overflow:hidden;
	margin-top: 10px;
	
}

ul.actions li {
	display: inline;
	width:auto;
	height:auto;
	margin-left: 10px;
}
	
.thickbox {
	width:auto;
}

ul.actions li a{
	width:auto;
	font-size: 10px;
	letter-spacing: -1px;	
}

/******************* Forms ******************************/
fieldset {
	display: block;
	width: 90%;
	margin: 20px auto;
}

p.form-row {
	margin: 5px 0;
	line-height: 25px;
	clear: both;
}

p.form-row label {
	float: left;
	width: 35%;
	text-align: right;
	margin-right: 5px;
}

p.form-row label.error, p.form-row div.error {
	float: left;
	text-align: right;
	width: auto;
}

p.form-row input, p.form-row select {
	width: 35%;
	float: left;
}
p.form-row img.avatar {
	float: left;
	position: relative;
	top:-24px;
	margin-right: 6px;
}
p.form-row img.captcha {
	float: left;
	vertical-align: top;
	height: 22px;
}

p.form-row input.captcha {
	width: 25%;
	margin-left: 3px;
}
#sf_fieldset_picture_video {
	padding-top: 25px
}
#updateAccountInformation p.help {
	padding-top: 10px;
}
#subscribe input.button,
#updateAccountInformation input.button,
#updatePersonalInformation input.button {
	margin-left: 45%;
	cursor: pointer;
}
/******************* Common colors **********************/
label.error {
	color: red;
}
/******************* Search Navigator Page **********************/
.searchAdvancedCommunity {
	margin-top: 13px;	
}

.searchAdvancedArticle {
	margin-top: 13px;	
}

.searchAdvancedControl {
	margin-top: 13px;
}

/******************* Message Manager **********************/
.commands {
	text-align: right;
	margin: 0 0 10px 0;
}
.disclaimer {
	margin: 10px 0;
	padding: 0 0 0 15px; 
}
#message .sideContent {
	margin: 0 auto 20px;
}
.messageTable {
	width: 100%;
	margin-bottom: 10px;
}
.messageTable td {
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	border-left: none;
}
.messageTable th {
	border-width: 1px;
	border-style: solid;
	border-left: none;
	border-top: none;
	border-bottom: none;
}
.messageTable td, .messageTable th {
	padding: 2px 3px;
}
#message input.submit {
	margin: 10px 0 0 0;
	cursor: pointer;
}
.avatar img {
	float: left;
	margin-right:3px;
}
.label {
	font-weight:bold;
}
#messageContent {
	width: 90%;
	margin: 10px auto;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
}
/******************* News Listing **********************/
.listingNews  {
    padding: 30px 20px 0 20px ;	
}

.listingNews h3 img {
    vertical-align: top;
}

.listingNews div {
	padding-top: 10px;
}
/******************* Wizard Publication **********************/
/*----Welcome page----*/
table.publicationList {
	border-collapse: collapse;
	width: 80%;
	margin: 10px 0;
}
table.publicationList td {
	padding: 5px 10px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	vertical-align: middle;
}
/*----Menu----*/
.menu_wizard ul {
	padding: 10px 0 0 10px;
}
.menu_wizard input {
	display: block;
	border: none;
	padding: 0;
	cursor: pointer;
}
.menu_wizard input.disabled {
	cursor: default;
}
.fieldlabel {
	margin: 0 0 10px;
}
#edit fieldset  {
	padding: 10px;
}
#edit {
	position: relative;
}
.help {
	margin: 10px 0 10px;
}
.publicationTypeHelper
{
	margin-left:	50px;
	padding:		0 0 10px;
}
.form-row {
	margin: 20px 0;
}
.form-row .content {
	display: inline;
}
.form-row input, .form-row select {
	width: 50%;
}
.form-row .simpleTree input,
	.form-row input.checkbox {
	width: auto;
}
.wizard_content .actions {
	text-align: right;
	clear: left;
	margin: 20px 10px 0 0;
}
.actions input {
	width: auto;
}
.community_detail {
	margin: 20px 0 0;
}
.community_detail h3 {
	border: none;
}
.community_detail_avatar {
	float: left;
	display: inline;
	margin: 3px 5px 0 0;
}
.community_detail_information {
	margin: 0 0 10px;	
}

#fieldset_upload {
	position: absolute;
	top: 10px;
}

.uploadContent {
	left:10px;
	position: relative;
	margin-top:60px;
}
#uploadComponent {
	float: left;
	width: 350px;
	margin-top: 20px;
}
.uploadActions {
	margin-top: 7px;
}
#attachedFiles {
	margin-left: 350px;
}

#attachedFiles ul li {
	margin: 3px 0 3px 10px;
	list-style-type: disc;
}

#validationForm .thumbnail {
	float: left;
	margin-right: 5px;
	max-width: 200px;
}
#validationForm h3 {
	margin-bottom: 3px;
	font-weight: bold;
}
#validationForm .tags,
#validationForm .categories {
	margin-top: 10px;
}

div.userListContainer
{
	height: 150px;
	overflow-y: scroll; 
}

/****************** Article navigator COMMUNITY ******************/
.navigatorarticlecommunity .photo img {	
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
	
}

.navigatorarticlecommunity li{	
	margin: 20px 0 0 20px;
	clear: both;
}
/********************** community details *********************/
.detailsCommunity .infos img{
	width: 164px;
	height: 123px;
}
	
.otherDetail {
	clear: left;
	padding: 5px;
	margin: 5px 0;
	line-height: 20px;
}
.membersCommunity img{
	width: 50px;
	height: 50px;
}

#joinCommunity{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
}
.membersCommunity li {
	margin-left: 10px;
	margin-top: 20px;
}

#community .navigator span {
	line-height: 20px;
}
#community .navigator .stats {
	float: none;
}
#community .navigator h3 {
	margin: 5px 0;
}

/*************************** Explorer ******************/
#articleNavigatorContent /*div.sideContent.explorer*/ {
	width: 75	%;
	padding-top: 10px;
	min-height: 300px;
}
#articleNavigatorBar /*div.sideBar.explorer*/ {
	padding-left: 10px;
	width: 27%;
}
.sideBar.explorer h3 {
    margin: 15px 0 5px;
}

.sideBar.explorer ul li {
    padding: 3px 0;
}

.sideBar.explorer ul.subcategories ul.subcategories,
.sideBar.explorer ul.subcategories {
    margin-left: 10px;
}

/*********************** Comments **********************************/
#commentNavigator ul.navigator li, 
#myComments ul.navigator li {
	clear: both;
}

#commentNavigator p.content,
#myComments p.content {
	margin: 10px 0;
}
/*********************** Login **********************************/

.login  {
    width: 30% ; 
    margin:auto;
	
}
.login .content {
     padding: 30px 0 0 70px ; 	
}  
.login p {
     padding-bottom: 10px;
}
.login .links {
     padding-top: 30px ;  	
}
.login label {
      font-weight: bold;
      clear: both;
      padding-bottom: 10px ; 	
	
}
/**********************Community Manager*******************************/
#legende {	
	margin-top: 30px;
	margin-left: 50px;
	margin-right: 50px;
}

#communityMember, #communityRessource {
	width: 420px;
	height: auto;
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 15px;
	float: left;
}
#communityRessource {
	margin-left: 10px;
}
	
.elementunactive{
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #f29393;
}

	
.elementactive{
	margin-top: 5px;
	margin-bottom: 5px;
}
	
.memberAvart img{
	width: 50px;
	height: 50px;
}

#communityMember table{
	clear: both;
	padding: 0px 5px;
}

#communityMember td {
	vertical-align: top;
	padding: 5px 10px;
}

#communityRessource table{	
	clear: both;
	padding: 0px 5px;
}

#communityRessource td{
	vertical-align: top;
	padding: 5px 10px;	
}
#insideTable table{	
	clear:				both;
	padding:			0px 5px;
	border-left:		1px solid #ccc;
	border-right:		1px solid #ccc;
}

#insideTable td {
	vertical-align: top;
	padding: 5px 10px;
	border: 1px solid #666;
}
.insideTable{
	background: #EDEDED;
}

/********************** Edit forms *********************/
.editForm input,
.editForm textarea {
	width: 60%;
}
	
.editForm h3 {
  width: 92%;
  margin: 0 auto;
}
.editForm h4 {
  width: 97% ;
  padding-top: 10px ; 
}
.editForm p {
  margin-bottom: 5px;
}
.editForm label {
  float: left;
  width: 30%;
  text-align: right;
  margin-right: 15px;
}

.editForm label.error   {
  margin-right: 200px ;
  margin-left: 235px;
  font-weight:bold; 
}

.bloc.createCommunity textarea  {
  margin-left:233px;
}

.editForm .buttons {
	margin-top: 20px;
	text-align: center;
}
.editForm .buttons input {
	width: auto;
}
.editForm fieldset {
	width: 90%;
	margin: 10px auto;
	padding: 10px;
}

/********************** community create *********************/
#communityEdit {
	margin: 10px 0;
}

#communityEdit .tags p {
   margin-left:25%;
   padding-top:10px;
   width:65%;
}

#communityEdit .rights {
	width:90% ;
	margin: 0 auto;
	padding: 20px 0 0 20px ;
}

#communityEdit .rights p {
	clear: left;
	margin-left: 25%;
}

#communityEdit .rights input {
	width: auto;
	margin-left: 20%;
}
#communityEdit .rights label {
	float: none;
}

/********************** community invite *********************/
#inviteContact #listContact, 
#inviteContact #message {
	width: 45%;
	float: left;
	display: inline;
}

#inviteContact h3 {
	padding-left: 50px;
	margin: 20px 0;
}
.membersCommunity,#contacts_label.error {
	padding-left: 20px;
}
.membersCommunity li {
	width: 90%;
	border-bottom: 1px solid #ededed;
}
.membersCommunity .checkbox {
	width: 30px;
	float: left;
	display: inline;
	padding-top: 20px;
}
#message {
	padding-left: 5%;
}
#corps_message, #message #button {
	clear: left;
	padding: 20px 0;
}
#message #corps_message label,
#message #sujet_message label, 
#message #corps_message input, 
#message #sujet_message input,
#message #corps_message textarea {
	float: left;
	display: inline;
}
#message #corps_message label,
#message #sujet_message label {
	width: 20%;
}

#message #corps_message input, 
#message #sujet_message input,
#message #corps_message textarea {
	width: 60%;	
}
#message #button {
	padding-left: 20%;
}
#message #button input {
	width: auto;	
}

/********************** favoris template *********************/
#addToFavorites
{
	text-align:center;
}

/********************** sendMessage template *********************/
#sendArticleMessage
{
	text-align:center;
}

/********************** abuse template *********************/
#addAbuse
{
	text-align:center;
}

#addAbuse textarea
{
	width: 300px;
	height: 200px;
}

#affiliated_article_id
{
	width:200px;
}



#pics {  
    height:  402px;  
    width:   505px;  
    padding: 0;  
    margin:  auto;  
} 
 
#pics img {  
    padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  493px; 
    height: 370px; 
    top:  0; 
    left: 0 
} 

#controls
{
	padding-left:246px;
}

#controls_pics
{  
    width: 434px;  
    padding: 0;  
    margin:  auto; 
	padding-top:3px;
}
/**** css Zied for display community purpose to be modified after *********/

.lien_joint a {
background:#EDEDED none repeat scroll 0 0;
bottom:10px;
display:block;
float:right;
height:20px;
line-height:20px;
position:relative;
text-align:center;
width:100px;
}


.lien_ajout  {
background:#EDEDED none repeat scroll 0 0;
bottom:30px;
display:block;
float:right;
height:20px;
line-height:20px;
position:relative;
text-align:center;
width:180px;
cursor: pointer;
font-weight:bold;
}

.conteneur_commt .text_comment {
border-left:2px solid #21cd47;
margin-top:20px;
padding-left:10px;
}

.pub_home {
margin:0 auto;
width:250px;
}

#validationForm #thumbnail img
{
	border: 2px solid #648aee;
	margin-right: 5px;
}

#articleDetailsRelated .pager
{
	left: 0%;
	height: auto;
}

#breadcrumbs .button
{
	vertical-align: top;
}

.right
{
	float: right;
}

.inline
{
	display: inline;
}

.conteneur_titre
{
	overflow:hidden;
	padding-top: 2px;
	padding-bottom: 2px;
}

input[class="normal"]{
	width: 1px;
}


.tags-list li{
	display: inline
}