html, body {margin : 0; padding:0;}

body{
	/*(arrière plan)  couleur de fond + pas de répétition + haut + centrer*/
	background: #1F192E url(images/xfond.png) repeat-x center top  ;
	xbackground-attachment:fixed;
	/*marges extérieurs*/
	margin:0;
	/*marges intérieurs*/
	padding:0;
	/*police par défaut verdana, si il n'y a pas, Geneva, etc*/
	font-family:arial, Geneva, sans-serif;
	/*police par défaut pour tout le reste*/
	font-size:12px;
}

  a   {     color:#5B547B;     text-decoration:none;   }   
  a:hover   {     color:#8e7dbd;     text-decoration:none;   } 


/*/////////////////////////////////////
		    Le Header
/////////////////////////////////////*/
#top{
	/*image répétée sur x*/
	font-weight : bold;
	xfont-family: Trebuchet MS, arial, Geneva, sans-serif;
	background: url(images/tete3.png) repeat top center;
	overflow:auto;
	xmargin:0 0 10px 0;
	xheight:35px;
	xline-height:35px;
	xfont-size:24px;
	color:#FFF;
	padding : 0 0 0 30px;

}
#top .petit{
background:transparent url(images/menu.png) no-repeat scroll left top;
float:right;
font-size:1.2em;
margin:30px 0 0;
padding:7px 30px 2px 10px;
}

#top img {
padding : 0px;
float : left;
}

#barre {
	background: #000  ;
	line-height:3px;
	display:block;
}

/*/////////////////////////////////////
		    EN PLUS
/////////////////////////////////////*/

#chemine{
	ybackground:url(images/chemine.png) repeat transparent top center;
	padding:0;
	display:block;
	float : left;
}

#para{
	padding:0;
	display:block;
	float : right;
}

/*/////////////////////////////////////
		    Le Menu
/////////////////////////////////////*/
#topla{
	background:url(images/tete2.png) repeat transparent top center;
	margin:5px 0 5px 0;
	font-size:15px;
	height:35px;
	color:#A1A1A1;
	padding : 0;
}

#conteneurMenu{
	width:800px;
	text-align:left;
	color:#FFF;
	margin:20px 200px 10px 200px;
	padding : 10px 10px 10px 10px;
	}
	
	#fond2{
	margin:0;
	padding : 0;
xbackground:url(images/ban.jpg) no-repeat transparent bottom center;
}
#banniere{
	width:820px;
	background:url(images/background2.jpg) repeat transparent top center;
	color:#FFF;
	margin:10px 200px 0 200px;
	padding :0;
	overflow:auto;
	}
/*/////////////////////////////////////
		    Le conteneur
/////////////////////////////////////*/

#fond {
	margin:0 auto 0;
	padding : 0;
		width:1024px;
	background:url(images/mur.png) no-repeat transparent top center;
xbackground:url(images/pied.jpg) no-repeat transparent bottom center;
}
#ville {
	background:url(images/ville.png) repeat-x transparent bottom center;
}
	
	#haut_conteneur{
	width:1024px;
	background:url(images/fond1.png) no-repeat transparent top center;
	color:#FFF;
	margin:5px auto 0;
	padding : 0;


	}
		#bas_conteneur{
	background:url(images/xmurbas.png) no-repeat transparent top center;
color:#000;
line-height:40px;
margin:0 130px;
width:730px;
display:block;
	}
	
	#haut_conteneur h2{ 
font-family: Trebuchet MS, arial, Geneva, sans-serif;
font-style : none;
xbackground : #EDEDED;
margin:0 0 10px 0;
color:#000;
font-size : 22px;
padding : 10px 10px 0 10px;
text-align:center;
}
	
#conteneur{
color:#000000;
margin:0 100px 0 142px;
overflow:auto;
width:710px;
	}
	
#conteneur h2 { 
background:transparent url(images/tete2d.png) repeat scroll 0 0;
margin:0 0 10px;
padding:10px;
display:block;
text-align : center;
}	
	
#gauche{
	float:left;
	width:520px;
	text-align:left;
	color:#000;
	 xbackground : #FFF; 
	xmargin:0 20px 10px 0;
	xpadding : 0 10px 0 10px;
}



#fond p { 
background:transparent url(images/tete2d.png) repeat scroll 0 0;
margin:0 0 3px 0;
padding : 10px 10px 10px 10px;
}

#fond h3{ 
xfont-family: Trebuchet MS, arial, Geneva, sans-serif;
background:transparent url(images/tete3.png) repeat scroll 0 0;
xbackground:#141414;

xbackground : #EDEDED;
margin:20px 0 0 0;
color:#fff;
font-size:1.1em;
padding:0.4em 1em;
display:block;
}
#comment_add  {
background:transparent url(images/tete2d.png) repeat scroll 0 0;
margin:0 0 10px;
padding:10px;
}

#item_add  {
background:transparent url(images/tete2d.png) repeat scroll 0 0;
margin:0 0 10px;
padding:10px;
}

.comment{
text-align : left;
}



.item_date{
font-size : 0.75em;
color : #767191;
margin : 0 0 0 5px;
}

.comment_name   a   {     color:#fff;     } 
.comment_name     a:hover   {     color:#2f2c6b;   } 
  
.thumb_label { color : #fff; }
  
.comment_date{
font-size : 0.75em;
color : #767191;
margin : 0 0 0 5px;
}

#droite{
	
	overflow:auto;
float:right;
width:15em;
display:block;
margin:0;
padding:0;
}

#droite img { 
text-align : center;
}

#droite p { 
background:transparent url(images/tete2d.png) repeat scroll 0 0;
margin:0 0 3px 0;
padding : 10px 10px 10px 10px;
}

#droite h2 { 
background:transparent url(images/tete2d.png) repeat scroll 0 0;
margin:0 0 10px;
padding:10px;
display:block;
text-align : center;
}

#droite h3{ 
xfont-family: Trebuchet MS, arial, Geneva, sans-serif;
background:transparent url(images/tete3.png) repeat scroll 0 0;
xbackground:#141414;

xbackground : #EDEDED;
margin:20px 0 0 0;
color:#fff;
font-size:1.1em;
padding:0.4em 1em;
display:block;
}
/*/////////////////////////////////////
		    Twitter
/////////////////////////////////////*/

div#twitter {
	width:15em;
	margin-bottom:10px;
	xborder: 1px solid #081235;
	float:right;
	xbackground:#272e47;
		background:  url(images/tete2d.png) repeat  ;
}

/*Titre twitter*/
div#twitter h2 {
	margin: 0;
	padding: 0.4em 1em;
	font-size: 1.1em;
	color: #fff;
	background: url(images/tete3.png) repeat  ;
}
/* prechargement */
p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #fff;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #704f8a;
		
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #00f;
	
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

/* pied */
a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background:  url(images/tete3.png) repeat  ;
}

/*/////////////////////////////////////
		    Le footer
/////////////////////////////////////*/
#pied{
	overflow:auto;
	background:url(images/tete3.png) repeat transparent top center;
	margin:0;
	xline-height:30px;
	color:#fff;
	padding : 0 0 0 0;
	padding-left:30px;
	display:block;
	
}

#pied p{
	background:transparent none repeat scroll 0 0;
border-style:none;
margin:0 30px 0 0;
padding:20px 10px 10px;
text-align:right;
}

#pied img {
float:right;

padding:10px 30px 10px 0;
}