/************************DIV LEFT******************************/

/******************fiche metier*******************************/

.view-content-Vue-fiche-metier-eco .item-list {
	position: relative;
	height:auto;
	width:600px;
	margin-bottom:20px;
	margin-top:5px;
}

.view-content-Vue-fiche-metier-com .item-list {
	position: relative;
	height:auto;
	width:600px;
	margin-bottom:20px;
	margin-top:5px;
	
}
.view-content-Vue-fiche-metier-fin .item-list {
	position: relative;
	height:auto;
	width:600px;
	margin-bottom:20px;
	margin-top:5px;
}
.view-content-Vue-fiche-metier-pol .item-list {
	position: relative;
	height:auto;
	width:600px;
	margin-bottom:20px;
	margin-top:5px;
}
.view-content-Vue-fiche-metier-eco .item-list li{
	float:none;
}
.view-content-Vue-fiche-metier-com .item-list li{
	float:none;
}
.view-content-Vue-fiche-metier-fin .item-list li{
	float:none;
}
.view-content-Vue-fiche-metier-pol .item-list li{
	float:none;
}
/*************************************************/
.eve_img img{
		width:150;
}

.eve_img {
	float:left;
	display:block;
	height:120;
	margin-top:5px;
	margin-right:5px;
	
}

#left{
display:none;
}

#node-15{
width:200px; height:auto; float:left;
border:1px solid #ededed;
padding:10px;
margin-bottom:10px;

}

#node-15 .signature{
text-align:right;

}

#left .node .content{
width:200px; height:auto;
font-size:11px; text-align:justify;
}



/************************DIV CENTRALE******************************/

#div-center {
float:left;
padding:20px 50px 0;
text-align:justify;
width:610px;
}

#left-corner{
}

.node {
overflow:hidden;
margin-top:10px;

font-size:11px; text-align:justify;
display:block; position:relative; float:left;
}

.presentation-club-membre {
float:left;
padding:10px;
text-align:center;
width:170px;
height:170px;
}
/******************CLUB*******************************/






.form-item #content-illustration{
border:1px solid #ccc;
padding: 10px 10px 10px 0;
float:left;
}

.form-item img{
border:1px solid #ccc;
padding-bottom: 15px;
}

.form-item .last{
border:1px solid #ccc;
padding-top:20px;
float:left;
width:475px;
}

.content .last{
padding-top:20px;
float:left;
width:495px;
}

/*******************CONNEXION INTRANET*********************************/

#connexion form{
	padding-left:20px;
	width:320px;
	border:1px solid #ededed;
}

#connexion .submit{
	margin-right:5px;
	margin-top:5px;
}

#connexion a{
	float:none;
	display:inline;
	padding-left:3px;
	padding-right:3px;
}

#connexion input{
	position:relative;
	border:1px solid #ccc;
	margin:none;
	padding:none;
	}

#loginRememberMe{
	border:none;
	}
	
#loginUsernameDiv {
	float:left;
	width:140px
}
#loginPasswordDiv {
}
/*******************DIV RIGHT*********************************/

#right{
font-size: 10px;
width:169px;
float:left;
}


#agenda{
margin-bottom:20px;
border:1px solid #ededed;
background:url("../img/carre.jpg") no-repeat; background-position:bottom right;
}

#agenda ul{
padding:10px;
font-weight:bold;
}

#agenda h2{
text-indent:-9000px;
background:url("../img/carre_agenda.jpg") no-repeat; background-position:top left;
border:1px solid #ededed;
}

		/***Block Event***/
		caption{
		padding-top:5px;
		margin:0px;
		text-align:center;
		color:#aaa;
		}

		.block-event a{
		width:15px;
		color:#fff;
		background-color:#02b4d2;
		}

		.block-event span a{
		width:5px;
		color:#02b4d2;
		background-color:#fff;
		}

		th{
		color:#02b4d2
		}

		tr, td{
		width:20px;
		height:4px;
		text-align:center;
		line-height:20px;
		}

		.block-event{
		margin-bottom:20px;
		border:1px solid #ededed;
		background:url("../img/carre.jpg") no-repeat; background-position:bottom right;
		}

		.block-event h2{
		text-indent:-9000px;
		background:url("../img/carre_calendrier.jpg") no-repeat; background-position:top left;
		border:1px solid #ededed;
		}

		.selected{
		background-color:#ededed}

		.pad{
		border:none;
		}


		/***Newsletter***/
		#newsletter{
		margin-bottom:20px;
		border:1px solid #ededed;
		background:url("../img/carre.jpg") no-repeat; background-position:bottom right;
		}

		form{
		padding:10px;
		}

		#newsletter h2{
		text-indent:-9000px;
		background:url("../img/carre_newsletter.jpg") no-repeat; background-position:top left;
		border:1px solid #ededed;
		}

		#newsletter input{
		width:145px;
		margin-bottom:10px;
		border:1px solid #ededed;
		font-size:12px;
		}

		#newsletter select {
		padding-left:0px;
		}
		
		#newsletter .submit-form input{
		float:left;
		border:none;
		width:71px;
		height:25px;
		background-image: url=("../img/btn_valider.png") no-repeat;
		}
		
		form a{
		display:block;
		position:relative;
		vertical-align:center;
		line-height:25px;
		text-decoration:underline;
		color:#8a8a8c;
		font-size:10px;
		}
		
		form a:hover{
		text-decoration:none;
		color:#02b4d2;
		}



	/****Partenaires/sponsors****/

	#right a{
	cursor:pointer;
	}
	
		#logo_facebook{
		position:relative;
		margin-bottom:20px;
		width:169px;
		height:63px;
		background:url("../img/lien_facebook.jpg") no-repeat; background-position:top left;
		}

		#logo_linkedin{
		position:relative;
		margin-bottom:20px;
		width:169px;
		height:63px;
		background:url("../img/lien_linkedin.jpg") no-repeat; background-position:top left;
		}

		#logo_ge{
		position:relative;
		width:169px;
		height:90px;
		background:url("../img/lien_ge.jpg") no-repeat; background-position:top left;
		}
		
	/****Page_contact****/
	.form form{
	width:400px;
	border:1px solid #ededed;
	}
	 .form form input{
   width:auto;
   border:1px solid #d5d5d5;
   }

   .form form p{
   font-style:italic;
   }

   .form form .select-contact{
   width:auto;
   margin-left:10px;
   margin-right:5px;
   padding-top:10px;
   border:none;
   }

   .form .input, #contact .input-select-contact{
   margin-bottom:5px;
   }

   .form .submit-form input{
   width: auto;
   padding-top:10px;
   padding-left:150px;
   border:none;
   padding:auto;
   }

   .form .input-area textarea{
   width:250px;
   color:#8a8a8c;
   border:1px solid #d5d5d5;
   }
   .form .input label, .input-area label{
	float: left;
	width:130px;
	}
	
	#capcha{
height:60px;
width:180px;
float:left;
	}

	#capcha img{
	margin-top:10px;
	float: left;
	padding-bottom:5px;
	margin-right:10px;
	}
	.form #obli {
	padding-top : 10px;
	padding-right:10px;
	margin-bottom:10px;
	}
	.msg {
		color:#FF0000;
	}

	/****DesNewsletter****/
	
	#des-newsletter .form{
	height:115px;
	width:400px;
	border:1px solid red;
	}
	
	#des-newsletter  .form input{
	width:145px;
	border:1px solid #d5d5d5;
   }
   
#form1 form{
width:500px;
}