body,td,th {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #535353;

	margin:0;

	padding:0;

}

body {

	background-color: #bfbfbf;

	margin:0;

	padding:0;

}

a:link {

	color: #c492bc;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #c492bc;

}

a:hover {

	text-decoration: none;

	color: #c492bc;

}

a:active {

	text-decoration: none;

	color: #c492bc;

}

h2 {
	color:#000;
}



.title {

	font-size:24px;

	text-align:left;

}



.title2 {

	font-size:16px;

	color:#FFF;

}



.title3 {

	font-size:24px;

	color:#c492bc;

}



.logo {

	position:absolute;

	margin:auto 0 auto 0;

	padding:25px 0 0 50px;

}





/* BLOC */



#content {

	margin:0 auto 0 auto;

}



#contenu {

	width:960px;

	background-repeat:no-repeat;

	padding-bottom:15px;



}



.contenu {

	padding:15px 5px 0 15px;

	font-size:1.2em;

	color:#000;

}





#inscription {

	height:auto;

	width:auto;
	
	float:right;

	text-align:right;

	position:relative;

	top:-200px;

	left:-20px;

}

#twitter {

	height:auto;

	width:auto;

	float:left;

	position:relative;

	top:-190px;

	left:20px;

}

.twitters {
  padding: 5px;
  overflow: auto;
}

.twitters ul {
  list-style: none;
  padding: 0;
  white-space: nowrap;
}

.twitters span.prefix {
  font-weight: bold;
}

.twitters span.time {
  font-style: italic;
  color: #c5c5c5;
}

.twitters span.status {
  font-style: italic;
}

#presentation {

	width:908px;

	height:295px;

	background-image:url(images/presentation.png);

	background-repeat:no-repeat;

	padding-bottom:12px;

}



.presentation {

	padding:220px 25px 0 25px;

	font-size:0.8em;

	color:#FFF;

}



#bloc1 {

	background-image:url(images/bloc1.png);

	position:absolute;

	width:550px;

	height:290px;

}



.bloc1 {

	padding:5px 15px 15px 15px;

	font-size:12px;

	width:260px;

	text-align:justify;

}



#bloc2 {

	b/ackground-image:url(images/bloc2.png);

	background-repeat:no-repeat;

	background-position:right;

	position:relative;

	width:908px;

	height:288px;
	
	color:#333;

}



.bloc2 {

	position:relative;

	top:15px;

	left:580px;

	font-size:14px;

	height:265px;

	width:320px;

	text-align:left;
	
	color:#333;
	
	font-size:10px;

}

ul {
	color:#000;
}



#bloc3 {

	b/ackground-image:url(images/bloc3.png);

	background-color:#FFF;

	background-position:right;

	position:relative;

	width:900px;

}



.bloc3 {

	padding:30px 20px 10px 30px;

	font-size:12px;

}



input.button_login {

	width: 150px;

	height: 29px;

	cursor: pointer;

	border: none;

	background: transparent url(images/buttons/enregistrer.png) no-repeat 0 0;

	background-position:bottom;

}



input.button_login2 {

	width: 150px;

	height: 29px;

	cursor: pointer;

	border: none;

	background: transparent url(panel/images/button_login.png) no-repeat 0 0;

	background-position:bottom;

}

input.button_valid {

	width: 150px;

	height: 29px;

	cursor: pointer;

	border: none;

	background: transparent url(images/buttons/envoyer.png) no-repeat 0 0;

	background-position:bottom;

}




/* Footer */



#footer {

	margin:0 auto 0 auto;

	width:900px;

	height:159px;

	background-image:url(images/footer.png);

	background-repeat:no-repeat;



}



#copyright {

	font-size:10px;

	margin:0 auto 0 auto;

	width:880px;

	padding-top:24px;

	text-align:right;

	

}



#bandeau {

	position:absolute;

	left:-15px;

	top:-20px;

	width:152px;

	height:141px;

	z-index:1;

}



li {

	list-style-type:none;

	color:#FFF;

}



#footercolumns {padding:20px 0 0 10px;}

#footercolumns .block {float:left; width:200px; height:100px; margin:0 0 0 20px; border-right:1px #c492bc solid;}

#footercolumns .first, * html #footercolumns .first{clear:both; margin:0; }



#join {

	padding-top:20px;

	text-align:center;

}



.wall {

	padding: 12px;

	float: left;

}

.exemples {
	font-size:9px;
	color:#333;
}