/*
	1.0 Import
	2.0 Content Redefinition
	3.0 General Classes
	4.0 Shell
	5.0 Nav
		5.1 Submenu
	6.0 Home
	7.0 Sliders
	8.0 Blog
		8.1 Blog Articles
	9.0 Magazine
		9.1 Magazine Archive
	10.0 Communaute
		10.1 Communaute - profil
		10.2 Communaute - profil privé / modifier
		10.3 Communaute - profil privé / commentaires
		10.4 Communaute - profil privé / Favoris
	11.0 Reportage
		11.1 Reportage All
		11.2 Reportage View
	12.0 Chiffres
	13.0 Appel à tous
	14.0 Sidebar
		14.1 Plus commentés / Plus appréciés
		14.2 categories & archives
	15.0 Comments listing
	16.0 Paging
	17.0 Sitemap
	18.0 Footer
	19.0 Maintenance
	20.0 Magazine Navigator
	21.0 Paperbox
	22.0 Register
	23.0 Login
	24.0 RSS
	25.0 DOCK
	26.0 Reportage Video
	27.0 Search
	28.0 Vox Pop
	29.0 Static Pages
	30.0 Misc
	31.0 Points System
*/


/* ------------------------------------------------------------------------
	1.0 Import
------------------------------------------------------------------------- */

	@import url('titles.css');
	@import url('buttons.css');
	@import url('menus.css');

/* ------------------------------------------------------------------------
	2.0 Content Redefinition
------------------------------------------------------------------------- */

	* { margin: 0; padding: 0; border: 0; }
	
	body{
		font: 62.5%/1.2 Georgia, Tahoma, Times, Serif;
		color: #fff;
		background: #1c1a1a;
		text-align: center;
	}

		#backgroundline {
			position: absolute; z-index: 0;
			top: 163px; left: 60%;
			height: 31px;
			width: 40%;
		}

	a:focus { outline: none; }
	
	textarea { font-family: Helvetica, Arial, Sans-serif; font-size: 1.2em; line-height:1.4em; }


/* ------------------------------------------------------------------------
	3.0 General Classes
------------------------------------------------------------------------- */
 
 .wrapper{
  position:relative;
  overflow:hidden;
  height:auto;
 }
 
 .floatLeft{float:left;}
 .floatRight{float:right;}
 
	.allContent {
		width: 930px !important;
		padding-top: 70px;
	}
	
		.allContent h2 {
			margin: 25px 0 0 20px !important;
			line-height: 0.8em;
			font-size: 3.2em;
			text-transform: uppercase;
		}
	
		.allContent h2,
		.allContent .subtitle { float: left; }

	.genericButton {
		cursor: pointer;
		display: block; float: left;
		padding: 4px 7px 6px 7px;
	}

	.img_left { margin: 0 15px 15px 0; }
	.img_right { margin: 0 0 15px 15px; }

	#errors ul { color: #fe0000; margin: 0 0 0 15px; }

	.rss {
		display: block;
		width: 17px; height: 16px;
		background: url(/urbania/static/images/all/icons/rss.png) top left no-repeat;
		text-indent: -10000px;
	}
  .bt_facebook{
    display: block;
  	width: 17px; height: 16px;
    background: url(/urbania/static/images/all/buttons/bt_facebook.png) top left no-repeat;
    text-indent: -10000px;
    overflow: hidden;
  }
  .bt_twitter{
  display: block;
	width: 17px; height: 16px;
  background: url(/urbania/static/images/all/buttons/bt_twitter.png) top left no-repeat;
  text-indent:-10000px;
  overflow: hidden;
  }	
  .bt_switchColor{
  display: block;
	width: 18px; height: 18px;
  background: url(/urbania/static/images/all/buttons/bt_switchColor.png) top center no-repeat;
  text-indent:-10000px;
  overflow: hidden;
  position:relative;
  top: -4px;
  }	
	.rss:hover { background-position: 0 -17px; }
  .bt_twitter:hover { background-position: 0 -17px; }
  .bt_facebook:hover { background-position: 0 -17px; }
  .bt_switchColor:hover { background-position: 0 -19px; }
  
	.cboth { clear: both; }

	.highlight { background-color: #464338; }

	.hr {
		background: url(/urbania/static/images/all/backgrounds/dotted_line.gif) bottom left repeat-x;
		clear: both;
		height: 1px;
		margin: 0 0 15px 0;
		overflow: hidden;
		width: 100%;
	}

	.noBorder		{ border: 0 !important; }
	.borderLdotted	{ border-left: 1px dotted #000 !important; margin-left: -1px; }
	
	.noMarginTop	{ margin-top: 0 !important; }
	.marginTop		{ margin-top: 22px; }
	
	.padding		{ padding: 5px 10px 10px 10px !important; }
	.padLeft		{ padding-left: 20px; }
	.padTop			{ padding-top: 10px; }
	.noPadTop		{ padding-top: 0 !important; }
	
	.indent			{ text-indent: 20px; }
	
	.noFeatures		{ padding-top: 31px; }
	
	.noTop			{ top: 0 !important; }
	
	.generic .author {
		color: #e9e9e9;
		position: relative; top: -1px; /* Bring it over the white line */
		float: left;
		font-size: 1.4em;
		padding: 28px 5px 0  0;
		min-width: 130px;
		background: url(/urbania/static/images/all/backgrounds/white_speechbubble_arrow.gif) top left no-repeat;
	}
		.generic .author a , #content .media.author a{ text-decoration: none; color: #e9e9e9!important; }
    .author a {text-decoration:none;}
		.author a:hover , #content .media.author a:hover{ text-decoration: underline; }
		
		.light .media.author, .light #content .media.author a {color: #404040!important;}
		
		.light .generic .author,
		.light .generic .author a { color: #404040!important; }
		
		.generic { position: relative; }
	  .generic .container { position: relative; border-bottom: 1px #fff solid; padding-bottom: 1px; }

		.generic .content h2 { margin: 0 0 -5px 0; color: #fff; }

		.generic .content p { font-size: 1.3em; line-height:1.3em; letter-spacing: 0.006em; margin:0 0 6px; }

	.trophy { background: url(/urbania/static/images/all/icons/trophy.gif) top left no-repeat; }
	.discuss { background: url(/urbania/static/images/all/icons/discuss.gif) top left no-repeat; }
	.printer { background: url(/urbania/static/images/all/icons/print.png) top left no-repeat; }
	.social { background:none; }


	.date { font-family: Helvetica, Arial, Sans-serif; text-transform: uppercase; }

	.tools {
		position: absolute;
		bottom: 0px; 
    right: 0;
		list-style: none;
	}
		.tools li{
			text-align: right;
			float: left;
			padding: 0px;
		}
		ul.categories li ul.tools li{
			padding: 0px;
		}
		.tools li a{
			color: #fff;
			text-decoration: none;
			height: 18px;
			padding-top: 6px;
			float: left;
			display:block;
			position:relative;
			font-family: Helvetica, Arial, Sans-serif;
		}
		.tools li span a{
		  
    }		

		.tools .trophy{
			width: 41px;
			padding-right: 5px;
			background: url(/urbania/static/images/all/icons/mask_trophy.png) no-repeat right -29px;
		}
		
		.light .tools .trophy, .light .tools .trophy:hover{
				background-color:#33;
		}

		.tools .discuss{
			background: url(/urbania/static/images/all/icons/mask_discuss.png) no-repeat right -29px;
			width: 41px;
			padding-right: 5px;
		}
		
		.light .tools .discuss, .light .tools .discuss:hover{
			background-color:#333;
			/*color:#00aeef;*/
		}
		
		
		.tools .printer{
			background: url(/urbania/static/images/all/icons/mask_print.png) no-repeat right top;
			width: 20px;
			padding-right: 5px;
		}
		
		.light .tools .printer, .light .tools .printer:hover{
			background-color:#333;
		}
		
		.tools .social{
			background:none;
			width: 20px;
			padding:3px 5px;
		}
		
		.tools .trophy:hover, .tools .discuss:hover, .tools .printer:hover {
        background-color: #FFFFFF;
        color: #FFFFFF;
    }
		
		.tools li.shareThis{
      background: #1C1A1A !important;
      float: right;
    }
    .tools li.shareThis.facebook{
      float: left;
    }
    .light .tools li.shareThis{
      background: #FFFFFF !important;
    }
		
	.light .tools .whitte, .light .tools .whitte:hover{
			background-color:#FFF;
		}
		
	.link {
		text-align: left;
		background: url(/urbania/static/images/all/icons/link_dark.gif) no-repeat left 3px !important;
		width: 28px; height: 18px;
		padding-right: 0;
		text-indent: -100000px;
		cursor: pointer;
	}
	.light .link { background: url(/urbania/static/images/all/icons/link.gif) no-repeat left 3px !important; }
	
	.linkBleu {color:#404040;}
	.linkBleu:hover {color:#00aeef;}
	
	.hidden {display:none;}


/* ------------------------------------------------------------------------
	4.0 Shell
------------------------------------------------------------------------- */

	#page {
		position:relative; z-index: 1;
		width: 930px;
		margin: 0 auto;
		padding: 137px 0 0 0;
		text-align: left;
	}
	
	#header {
		position: absolute; top: 0; left: 0;
		width: 930px; height: 194px;
		z-index: 30000;
	}
	
	#content { float: left; width: 612px; margin: 0 0 10px; position: relative; }
	
	#sidebar {
		float: right;
		width: 299px;
		margin: 78px 0 50px 19px;
	}
	
	#footer_add { margin:40px 0 50px 0; width: 730px; margin-left: auto; margin-right: auto;}

/* ------------------------------------------------------------------------
	5.0 Nav
------------------------------------------------------------------------- */

	.paranav {
		position: absolute;
		top: 10px; right: 0;
		font-family: Helvetica, Arial, Sans-serif;
		list-style: none;
	}
	
		.paranav li {
			display: block;
			float: left;
			padding: 0 7px 0 0;
			margin: 0 7px 0 0;
			line-height: 1;
			font-size: 1.1em;
			border-right: 1px #8e8d8d solid;
			height: 12px;
		}
			.paranav li.last { padding: 0; margin: 0; border: 0; }
			.paranav li.last a, .paranav li a.rss, .paranav li a.bt_facebook, .paranav li a.bt_twitter { position: relative; top: -3px; }
		
			.paranav li a { color: #999; text-decoration: none; }
			.paranav li a:hover,
			.paranav li.selected a { color: #fff; }

	.menu {
		bottom: 10px;
		left: 0;
		list-style: none;
		position: absolute;
		width: 612px;
		z-index: 30000;
		background-color: #000000;
	}

		.menu li { display: block; float: left; height: 31px; }
		.complete{ width: 236px; }
			.menu li a { display: block; }

			.menu li a span {
				display: block;
				text-indent: -10000px;
				height: 31px;
			}
			.menu li a:hover,
			.menu li.selected a { background: url(/urbania/static/images/all/backgrounds/menu_hover.png) top left repeat; }

			.menu li ul {
				border-top: 2px #000 solid;
				display: none;
				list-style: none;
				width: 185px;
				position: absolute;
				z-index: 30000;
			}
			
				.menu li ul li, .light .menu li ul li,
				.light.geolocation #header .menu li ul li{
					background: #1c1a1a !important;
					border-bottom: 1px #333131 solid;
					float: none;
					height: 25px; 
					overflow: hidden;
				}
					.menu li ul li.double { border-bottom: 2px #333131 dotted; }
					
					.menu li ul li:hover { background-color: #1c1a1a; }
				
				.menu li ul li a,
				.menu li ul li a:hover,
				.menu li.selected ul li a {
					/*background: url(/urbania/static/images/all/backgrounds/yellow_dotted_line.gif) 135px 7px no-repeat;*/
					font-size: 1.2em;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;
					float: left;
					padding: 6px 0 7px 0;
					position: relative;
					text-decoration: none;
					text-indent: 23px;
					color: #fff !important;
					width: 185px;
					display: block;
				}
				
				.menu li ul li a:hover { color: #FFF100 !important; }
				
				.menu li ul li a.tv,
				.menu li ul li a.tv:hover,
				.menu li.selected ul li a.tv span {
					display: block;
					text-indent: -10000px;
					overflow: hidden;
					float: left;
					background: url(/urbania/static/images/all/icons/dropdown_tv.gif) top left no-repeat !important;
					height: 16px;
					width: 16px;
					padding: 0;
					margin: 5px 0 0 6px;
				}
				
					.menu li ul li a.tv:hover { background: url(/urbania/static/images/all/icons/dropdown_tv.gif) bottom left no-repeat !important; }

	.chien {
		left: -23px; bottom: 2px;
		width: 23px; height: 31px;
		background-image: url(/urbania/static/images/all/backgrounds/chien.png);
		background-repeat: no-repeat;
		background-position: left top;
		position: absolute;
	}

	.log {
		font: 1.2em Georgia, sans-serif;
		text-transform: none !important;
	}
		.log em {
			display:block;
			font-size:1.1em;
			position: relative;
			top: -2px;
		}

	#sitesearch, #header .form {
		position: absolute;
		bottom: 0; right: 0;
		width: 150px; height: 31px;
		width: 318px;
		background: transparent url(/urbania/static/images/all/backgrounds/searchfade.png) top left no-repeat;
		z-index: 10000;
	}
	
		#sitesearch fieldset { padding: 5px 0 0 19px; }

		#sitesearch input {
			float: left;
			width: 178px;
			padding: 4px;
			background: url(/urbania/static/images/all/backgrounds/searchinput.png) top left no-repeat;
		}
			.light #sitesearch input { color: #fff; }
		
		#sitesearch input.submit { float: left; width: auto; padding: 0; background: none; margin: 2px 0 0 4px; }

		/* ----------------------------------
			5.1 Submenu
		----------------------------------- */

		.submenu {
			position: absolute; z-index: 20000;
			top: 47px; left: 0;
			width: 612px;
		}
	
			.submenu h3 {
				float: left;
				height: 28px;
				text-indent: -10000px;
				width: 117px;
			}

			.submenu .see_all {
				float: left;
				margin: 16px 0 0 6px;
				font-family: Helvetica, Arial, Sans-serif;
			}
			
			.submenu .filters {
				float: left;
				width: 350px;
				list-style: none;
				margin: 15px 0 0 25px;
			}
			
				.submenu .filters li {
					display: block; float: left;
					padding: 0 10px 0 0;
					margin: 0 8px 0 0;
					background: url(/urbania/static/images/all/backgrounds/filter_separator.gif) 100% 3px no-repeat;
				}
				
					.submenu .filters li.last { background: none; }
				
					.submenu .filters a { font-family: Helvetica, Arial, Sans-serif; color: #fff; font-size: 0.9em; text-decoration: none; }
					.submenu .filters li.selected a { text-decoration: underline; color: #ffff00; }
					
			
			.submenu .paging {
				float: right;
				margin: 15px 0 0 0;
			}
			
			.submenu .filter {
				clear: both;
				padding: 30px 0 30px 20px;
				background: #0e0d0d;
			}
			
				.submenu .filter form {
					float: left;
					width: 195px;
					margin: 0 5px 0 0;
				}
				
					.submenu .filter form label {
						float: left;
						font-size: 1.2em;
						margin: 0 0 5px 0;
					}
					
					.submenu .filter form input {
						float: left;
						width: 160px; height: 15px;
						padding: 2px 2px 0 2px;
						margin: 0 5px 0 0;
						background: url(/urbania/static/images/all/backgrounds/filter_search_background.gif) top left no-repeat;
					}
					
						.submenu .filter form input.submit {
							width: auto; height: auto;
							background: none;
							padding: 0;
						}
			
			.submenu .col_2 { margin: 0 15px 0 0; }
			
			.submenu .col_2 { float: left; width: 180px; }
			.submenu .col_3 { float: left; width: 185px; }
			
			.submenu .col_2 h4,
			.submenu .col_3 h4 {
				font-size: 1.4em;
				color: #959595;
				margin: 0 0 5px 0;
			}
			
			.submenu .col_2 ul,
			.submenu .col_3 ul {
				list-style: none;
				height: 185px;
				overflow: auto;
			}
			
			.submenu .col_2 ul li,
			.submenu .col_3 ul li { margin: 0 0 5px 0; }
			
			.submenu .col_2 ul a,
			.submenu .col_3 ul a { color: #fff; }
			
			.submenu .col_2 .date,
			.submenu .col_3 .date { color: #898989; }
			
			



/* ------------------------------------------------------------------------
	6.0 Home
------------------------------------------------------------------------- */

	.feature h2 {
		color: #fff;
		margin: 5px 0 0 0 !important;
		/*line-height: 0.8em;*/
		line-height: 1.1em;
		font-size: 3.2em;
		text-transform: uppercase;
		font-weight: normal;
	}

		.feature .container { position: relative; height: 396px; }

		.feature .details {
			position: absolute;
			bottom: 0; left: 0;
			padding: 0 0 1px 0;
		}

		.feature .details .content {
			position: relative;
			clear: both;
			cursor: pointer;
			width: 574px;
			padding: 10px 20px 10px 18px;
			background: url(/urbania/static/images/all/backgrounds/75_black.png) top left repeat;
		}

		.details .tools { bottom: 0;}

		.feature .details h3 {
			bottom: -4px;
			float: left;
			height: 20px;
			position: relative;
			text-indent: -10000px;
			z-index: 20000;
		}
		
		.feature .details .date {
			background: url(/urbania/static/images/all/backgrounds/75_black.png) top left repeat;
			color: #ffffff;
			float: left;
			font-size: 1.1em;
			height: 13px;
			margin: 1px 0 0 0;
			padding: 2px 6px 1px 6px;
			position: relative;
			top: 3px;
		}
	
	.feature .nav {
		float: right;
		clear: right;
		list-style: none;
		margin: 5px 0 0 0;
	}
	
		.feature .nav li { display: block; float: left; margin: 0 2px 0 0; }
		.feature .nav li.last { margin: 0; }
		
			.feature .nav li a {
				display: block;
				padding: 0 0 1px 0;
				opacity: 0.8;
				height: 41px;
				overflow: hidden;
				cursor: pointer;
			}
			
			.feature .nav li.selected a { border-bottom: 1px #fff solid; opacity: 1; }

.feature .nav li a * .legend, .feature .nav li a * .caption {
  display: none;
}

.credits{
  border: none;
  color: #9A9A9A;
  float: right;
  margin: 3px 2px;
}

.video .credits{
  bottom: -18px;
}

.feature .container .credits{
  /*background:transparent url(/urbania/static/images/all/backgrounds/75_black.png) repeat scroll left top;*/
  float: left;
  height:13px;
  margin:1px 0 0;
  padding: 2px 6px 1px;
  position:relative;
}

.home .feature .credits{
  margin: -15px 2px 0 16px;
  color: #ACACAC;
  position: relative;
  float: left;
}

/* ------------------------------------------------------------------------
	7.0 Sliders
------------------------------------------------------------------------- */

	ul.categories {
		float: left; clear: both;
		list-style: none;
		margin: 24px 0 0 0;
	}

		ul.categories li {
			display: block; float: left;
			position: relative;
			padding: 0 0 18px 0;
			cursor: pointer;
		}

			ul.categories li h4,
			div.related h4 {
				display: block;
				width: 204px; height: 29px;
				overflow: hidden;
				position: relative;
			}
				div.related h4 { width: 310px; }
				
				ul.categories li h4 span,
				div.related h4 span {
					display: block;
					height: 29px;
					text-indent: -10000px;
				}
				
				ul.categories li h4 span.icon_photo,
				div.related h4 span.icon_photo,
				ul.categories li h4 span.icon_video,
				div.related h4 span.icon_video,
				ul.categories li h4 span.icon_text,
				div.related h4 span.icon_text,
				ul.categories li h4 span.icon_interactive,
				div.related h4 span.icon_interactive {
					height: 23px;
					position: absolute;
					right: 8px;
					top: 0;
				}
				
				ul.categories li h4 span.icon_photo,
				div.related h4 span.icon_photo {
					width: 21px !important;
					background: url(/urbania/static/images/all/icons/icon_photo.png) center top no-repeat !important;
				}
				
				ul.categories li h4 span.icon_video,
				div.related h4 span.icon_video {
					width: 21px !important;
					background: url(/urbania/static/images/all/icons/icon_video.png) center top no-repeat !important;
				}
				
				ul.categories li h4 span.icon_text,
				div.related h4 span.icon_text {
					width: 15px !important;
					background: url(/urbania/static/images/all/icons/icon_text.png) center top no-repeat !important;
				}
				
				ul.categories li h4 span.icon_interactive,
				div.related h4 span.icon_interactive {
					width: 21px !important;
					background: url(/urbania/static/images/all/icons/icon_interactive.png) center top no-repeat !important;
				}
				
				ul.categories .selected h4 span.icon_photo,
				div.related .selected h4 span.icon_photo,
				ul.categories .selected h4 span.icon_video,
				div.related .selected h4 span.icon_video,
				ul.categories .selected h4 span.icon_text,
				div.related .selected h4 span.icon_text,
				ul.categories .selected h4 span.icon_interactive,
				div.related .selected h4 span.icon_interactive {
					background-position: center bottom !important;
				}
				
			ul.categories li.selected h4 { background-color: #fff100; }

			ul.categories li .thumbnail { display: block; margin: 3px 0 8px 0; opacity: 0.8; border: 1px #1C1A1A solid; width: 180px; overflow: hidden; }
			
			.light ul.categories li .thumbnail { opacity: 1; border: none;}
			ul.categories li.selected .thumbnail { display: block; }

			ul.categories li .content {
				width: 179px;
				padding: 10px 0 5px 3px;
				margin: 0 0 0 20px;
				border-bottom: 1px #fff100 solid;
				position:relative;
			}

			ul.categories li .date {
				color: #898989;
				display: block;
				font-size: 1em;
			}

			ul.categories li h5 {
				color: #fff;
				font-size: 1.4em;
				font-weight: normal;
				margin: 0px 0px 2px 1px; 
			}
			
			ul.categories li .desc { display: none; }
			
			ul.categories li h6.user {
        color:#898989;
        display:block;
        font-size: 0.95em;
        text-transform:none;
        font-family:Helvetica,Arial,Sans-serif;
        margin-bottom: 3px;
        font-weight: normal;
			}

			ul.categories li p { color: #fff; font-family: Helvetica, Arial, Sans-Serif; text-align:left; }

			ul.categories ul.tools {
				display: none;
				background: #404040;
				right: 2px;
			}
			ul.categories ul.tools li { margin: 0; }
			
			.home ul.categories ul.tools a {
				color: #FFF;
				background-color: #FFF;
        /*
        color: #fff100;
				background-color: #fff100;
				*/
			}
			.home ul.categories ul.tools a:hover {
        color: #fff100;
				background-color: #fff100;
			}
			
	.related { float: left; }
			
	.related ul { list-style: none; width: 310px; }
		.related ul li {
			cursor: pointer;
			display: block;
			float:left;
			width: 310px;
		}
			.related ul li .content {
				width: 290;
				padding: 10px 0 12px;
				margin-left: 20px;
				border-bottom: 1px solid #fff;
			}
			
				.related li .thumbnail { margin: 3px 0 8px 0; opacity: 0.8; border: 1px #1C1A1A solid; width: 290px; overflow: hidden; }
				.related li.selected .thumbnail { display: block; overflow: hidden; }
			
				.related ul li .content .date {
					font-size: 1.1em;
					color: #8e8d8d;
				}

				.related ul li h5 {
					font-size: 1.4em;
					color: #fff;
					font-weight: normal;
					margin: 0 0 2px 0;
				}
				.light .related ul li h5 {
					color: #333;;
				}
				
			.related .desc { color: #fff; display: none; font-family: Helvetica, Arial, Sans-Serif; }
			.light .related .desc { color: #333;}

			.related .tools { display: none; width: auto; }
			.related .tools li { width: auto; }
			
		
			
		.related div.paging {
			clear: both;
			width: 290px;
			height: 26px;
			margin: 0 0 0 20px;
			background: #1e1e1e;
		}

			.related ul.paging {
				width: auto;
				margin: 7px 5px 0 0;
			}

			.related ul.paging li { width: auto; }


/* ------------------------------------------------------------------------
	8.0 Blog
------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------
	9.0 Magazine
------------------------------------------------------------------------- */
	
	.magazine h2 { margin: 9px 0 0 0 !important; }
	
	span.titleMag { text-transform: uppercase; }
	
	.magazine .details h3 { left: 165px; }
	.magazine .details .date { left: 165px; }
		.magazine .details .content {
			width: 592px;
			padding: 0 20px 5px 0;
		}

	.cover{
		width: 153px; height: 203px;
		padding: 0 0 6px 6px;
		margin: -98px 15px 0 5px;
		background: url(/urbania/static/images/all/backgrounds/shadow_cover.png) no-repeat left top;
		float: left;
	}

	.numerosprecedent{
		list-style: none;
		padding-top: 5px;
	}
		.numerosprecedent li {
			width: 184px;
			padding-top: 15px;
			margin-left: 20px;
			float: left;
			overflow: hidden;
			position: relative;
			border-bottom:  1px solid #fff;
		}
				.numerosprecedent li span.color {
					margin-right: 6px;
					min-width: 35px;
					display: block;
					float: left;
				}
				
				.numerosprecedent li span.titleMag {
					display: block;
					float: left;
					position: relative;
					top: 16px;
				}
			
				.numerosprecedent li p.date{
					color: #8e8d8d;
					float: left;
					font-family: Georgia;
					position: relative;
					top: -12px;
					width: 95px;
				}
				

	/* ----------------------------------
		9.1 Magazine Archive
	----------------------------------- */

	.underFlash{
		width: 880px;
		float: left;
		position: relative;
		padding-bottom: 10px;
	}
	.underFlash .date {
		font-size: 1.4em;
		color: #9a9a9a;
		position: absolute;
		left: 73px;
		text-decoration: underline;
		top: 7px;
	}

	.underFlash .tags{
		width: 300px;
		margin-left: 70px;
		float: left;
	}

	.abonnezVous{
		font-family: Helvetica, Arial, Sans-serif;
		position: absolute;
		bottom: 10px;
		right: 66px;
		padding: 66px 66px 0 0;
	}
	

	.paginationBar{
		background: #1e1e1e;
		margin-left: 20px;
	}

/* ------------------------------------------------------------------------
	10.0 Communaute
------------------------------------------------------------------------- */

.communaute {
	padding-top: 85px;
}
	.communaute h2{
		color: #fff;
		margin: 0 0 0 18px;
		font-size: 3.2em;
		text-transform: uppercase;
	}
	
ul.users {
	float: left; clear: both;
	list-style: none;
	margin: 24px 0 0 0;
	width: 100%;
	position: relative;
}
	.communaute ul.users { margin-top: 10px; }

	.users .content {
		background: #0b0a0a;
		border-bottom: 1px #fff solid !important;
		font-size: 1.1em;
		height: 210px;
		margin: 0 0 0 19px;
		overflow: hidden;
		/* padding: 0 0 5px 8px !important; */
		/* width: 176px; */
	}
	
	.users .notloggeduser {
		padding-bottom: 0 !important;
	}

	.users li, .users .user {
		display: block;
		float: left;
		position: relative;
		margin: 0 0 18px 0;
	}
	.users li .content {
    width: 185px;
  }

		.users .content .thumbnail {
			border-top: 1px #8e8d8d solid;
			border-bottom: 1px #8e8d8d solid;
			cursor: pointer;
			display: block;
			height: 142px;
			/* 
      margin: 0px 0 2px -8px; 
      width: 184px;
      */
			overflow: hidden;
			position: relative;
			
		}
			.users .content .thumbnail img { position: relative; top: -20px; }
			
			.users .notloggeduser .thumbnail {
				border-bottom: 0;
				margin-bottom: 0;
			}

		div.users .content {
			margin: 0;
		}

		.users .content h2,
		.users .content h5 {
			font-weight: normal;
			font-size: 1.1em;
			font-style: italic;
			margin: 0;
			padding: 5px 5px 3px;
		}

		.users .content .desc {
			font-style: italic;
		}
		
		

		.users .content .date {
			display: block;
			color: #acacac;
			font-size: 0.9em;
			text-transform: none;
		}

			.users .content a {
				font-weight: normal;
				color: #ffff00;
				text-decoration: none;
			}

		.users .content p {
			color: #fff;
			margin: 0;
			padding: 0px 5px;
		}

	.filters {
		margin: 8px 0 0 19px;
		float: left;
		width: 415px;
		font-family: Arial;
		font-size: 1.1em;
	}
		.filters input { padding: 3px 0 1px 0; }
		.filters select { padding: 1px; }

		.filters input.submit {
			padding: 0;
			position: relative;
			top: 5px;
		}

/* ------------------------------------------------------------------------
	10.1 Communaute - profil
------------------------------------------------------------------------- */

  h4.name {font:italic 1em Georgia; text-decoration:none;}

	.profile {
		padding-top: 60px;
	}
	
		.profile .content {height: auto; border-bottom: 0; padding-bottom: 0; margin-top:10px;}
		.users .content h4.name{padding:0 5px;}
		.profile div.users {
			float: left;
			margin:0 0 20px 0;
      width:184px;
		}
		
		.profile .tabs {
			width: 428px;
			/* width:100%; */
		}
		
		.profile .left {
			float:left;
			width:184px;
		}
		
		.tabs {
			background: #262422;
			float: left;
			font-family: Helvetica, Arial, Sans-serif;
			font-size: 1.1em;
		}
		
		#dock .tabs {background:none;}
		
		.concours .tabs {
			background: none;
		}
		
			.tabs-menu{
				list-style: none;
				height: 28px;
				background: url(/urbania/static/images/all/backgrounds/tabs_bottom.gif) repeat-x left 23px;
			}
			
				.profile .tabs-menu { height: 24px; background-color:#1C1A1A; }
			
				.tabs-menu li{
					float: left;
					background: #262422;
				}
				
				.tabs-menu .current { background: #262422 url(/urbania/static/images/all/backgrounds/tabs_current.gif) top left no-repeat; padding-bottom: 3px; }
				
				.tabs-menu .current a { background: none; }
				
					.tabs-menu li a{
						padding: 5px 14px 5px 17px;
						color: #898989 !important;
						text-decoration: none;
						text-align: center;
						display:block;
						background: url(/urbania/static/images/all/backgrounds/tabs_right.gif) top left repeat-y;
					}
					
					.tabs-menu li.first.current,
					.tabs-menu li.first a{
						background-image: none;
					}
					
					.tabs-menu li.current a,
					.tabs-menu li a:hover {
						color: #ffff00 !important;
					}
			
			.tabs-content{
				background: #262422;
				float: left;
				list-style: none;
				font-size: 1.1em;
			}
				.marginTop .tabs-content { border-top: 1px #8E8D8D solid; margin-top: 1px; }
			
				.tabs-content li{
					border-bottom:1px solid #52514F;
					padding: 22px 8px 0 17px;
				}
				
				.tabs-content li.last{
					background: none;
					padding-bottom: 0px;
				}
				
					.tabs-content li a.hide-section{
						float: left;
					}
				
					.tabs-content li li{
						background: none;
						padding: 0;
					}
					
				.tabs-content p{
					margin: 0 0 18px 0;
					text-transform:none;

				}
				
				.member {color:#acacac;}
				
				.tabs-content .bio {font-style:italic;}

				.profile .tabs-content { /* width: 428px; */ width: 100%; }

				.profile .tabs-content .custom-message{
					color: #ffff00;
				}

				.profile .tabs-content h3 { margin: 0 0 24px -17px; }
				
				.profile .tabs-content h2 {
					color: #b3b3b3;
					font-weight: normal;
					font-family: Georgia;
					font-size: 1.2em;
				}
				
				.profile .tabs-content p.desc { font-size: 0.9em; }
				
				.profile .tabs-content p.bio {
					font-family: Georgia;
					font-size: 1.2em;
				}

	.profile .profile-info {
		list-style: none;
		float: left;
		width: 366px;
		margin-left: 30px;
	}
	.profile .profile-info.right { 
		width: 390px;
		float: right; 
		margin-left: 0;
	}
	
	.profile .profile-info .sexe {
		float: left;
		width: 244px;
		padding-top: 3px;
		margin-bottom: 2px;
	}
		.profile .profile-info .sexe label { width: 60px; color: #fff; font-size: 10px; }
		.profile .profile-info .sexe input { width: auto; margin-right: 30px; }
		.profile .profile-info textarea.full { width: 100%; }
		
		.profile .profile-info li{
			/*width: 183px;
			float: left;*/
			margin: 0 0 18px 0;
		}
			.profile .profile-info li p{
				width: 145px; float: left;
				margin: 0 0 2px 0;
				color: #898989;
			}
			
			#dock .profile .profile-info li p.profile-name, .profile .profile-info li p.profile-name {
				color: #ffff00;
				font-style: italic;
				font-family: Georgia;
				font-size: 1em;
			}
			#dock .profile .profile-info li .profile-date,
			.profile .profile-info li .profile-date {
				font-size: 11px; color: #7c7b79;
				margin-top:10px;
				display:block;
			}
			.profile .profile-info .profile-clear { clear: both; float: none; margin-bottom: 8px; }
		
		.profile .profile-thumbnail {
			margin-left: -17px;
			float: left;
		}
		
		.profile .profile-info .save { text-align: left; }


	.profile .recent-activity {
		margin: 0 -8px 0 -17px;
		list-style: none;
		/*background: #2d2b29;*/
	}

		.profile .tabs-content .recent-activity li{
			border-top:1px solid #52514f;
			border-bottom:none;
		}
		.profile .tabs-content .recent-activity li.dark {background-color:#262422;}
    .profile .tabs-content .recent-activity li.light {background-color:#2D2B29;}

		.recent-activity li.pair{
			background: #262422;
		}

			.recent-activity .icon{
				float: left;
				width: 40px;
				height: 40px;
				margin-top:10px;
			}

			.recent-activity .voxpop{ background: url(/urbania/static/images/all/icons/voxpop.gif) no-repeat top center;  height: 22px; }
			.recent-activity .discuss.white{ background: url(/urbania/static/images/all/icons/discuss_white.gif) no-repeat top center;  height: 16px; }
			.recent-activity .appreciate{ background: url(/urbania/static/images/all/icons/trophy_white.gif) no-repeat top center; height: 16px; }

			.profile .recent-activity .content{
				float: left;
				width: 90%;
			}
				.profile .recent-activity .content .type{
					display: block;
					margin: 0 0 12px 0;
					padding-top: 1px;
					position: relative;
					left: -3px;
					color: #fff;
				}
					.profile .recent-activity .content .type .separator{
						padding: 0 4px;
					}
					.profile .recent-activity .content .type .date{
						color: #898989;
						text-transform:lowercase;
					}
				.profile .recent-activity .content h6{
					color: #ffff00;
					margin: 0 0 5px 0;
					text-decoration: underline;
					font-style: italic;
					font-weight: normal;
					font-family: Georgia;
					font-size: 1em;
				}
				.profile .recent-activity .content p{
					margin: 0 0 5px 0;
					word-wrap: break-word;
				}

/* ------------------------------------------------------------------------
	10.2 Communaute - profil privé / modifier
------------------------------------------------------------------------- */

	.profile form { clear: both; }

	.profile form #errors { 
    clear:both;
    border-top: 1px solid #545352;
    padding: 10px 0px;
    margin: 10px 0 0 0; 
  }

	.profile fieldset {
		padding: 40px 10px 20px 17px;
		border-bottom: 1px solid #545352;
	}
		.profile fieldset fieldset {
			padding: 30px 0 5px;
			border-bottom: 0;
		}

	.profile legend {
		text-indent: -200000px;
	}

	.profile label,
	.profile input{
		vertical-align: middle;
		margin: 5px;
	}
	
	.profile label {float: left;}
	.profile label.oneline { width:122px;}
	
	.profile label { display: block; color: #fff; font-size: 11px; }
	
	.profile input, .profile textarea{
		padding: 2px 0;
		border-top: 1px solid #bfbfbf;
		border-left: 1px solid #eee;
	}
	
	.profile input.oneline, .profile textarea {width:258px;}
	
	.profile textarea{
		height: 100px;
		margin: 5px;
	}
  #avatar_form table {
    width: 100%;
  }
	p.save{
		text-align: center;
		margin: 10px 0 0;
		padding: 10px 0 0;
		clear: both;
	}
	.gravatar {
    border-right: 1px solid #545352;
    padding: 0 0 10px 0;
    text-align:center;
    font-size: 11px;
    width:39%;
  }
  .avatar {
    text-align: left;
    font-size: 11px;
    width: 10px;
    padding: 0px 10px;
  }
  .avatar div { margin:0 auto; width:220px; text-align:left; }
	.profile input.file-browse {width:70px; background-color:#000; color:#fff; font-size:8pt; border:none;} 
	.profile input.file-browse:hover {cursor:pointer;}
  .gravatar a {
    /* color: #FFFFFF; */
  }
  .gravatar img {
    border: #D7CBC0 solid 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0px 3px 0 0 ;
    vertical-align:middle;
  }
  
  #avatar_file{
    background: #FFFFFF;
    width: 220px;
  }
	#avatar {margin:0 0 0 5px;}
/*---- informations personnelles ----*/

	.profile fieldset#t_infosPerso fieldset {
		padding: 0 0 10px;
		margin: -15px 0 0;
	}
		.profile fieldset#t_infosPerso fieldset label {
			width: auto;
			padding-right: 10px;
		}
		.profile fieldset#t_infosPerso fieldset input {
			border: 0;
			margin-right: 20px;
			padding: 0;
			width: auto;
		}

		#t_infosPerso p.save {
			padding-top: 20px;
		}

	.profile .relatedRadio {
		margin-left: 128px;
		clear: both;
		float: left;
		width: 275px;
	}
	.profile .profile-info .relatedRadio { width: 100%; margin: 0; }
	.profile .profile-info .relatedRadio label { color: #fff; font-size: 10px; }
	.profile .relatedRadio input { width: auto; border: 0; padding: 0; float:left; margin:5px 0 5px 5px;}
	
	.relatedRadio label {
		width: 240px;
	}
	
	.profile input.radio {border:none;}


/* ------------------------------------------------------------------------
	10.3 Communaute - profil privé / commentaires
------------------------------------------------------------------------- */

		.tabs_content #t_mesCommentaires,
		.tabs_content #t_mesFavoris,
		.tabs_content #t_mesContributions { float: left; clear:left; }

		.tabs_content .howMany {
			color: #ffff00;
			padding: 2px 0 0 10px;
			float: left;
		}

		.tabs_content .commentsclasse {
			float: left;
			width: 408px;
			padding: 15px 0 5px 20px;
		}
		.tabs_content ul.paging {
			margin: 60px 15px 10px !important;
			clear: both;
		}
		.tabs_content .commentsclasse ul.paging {
			margin: -15px 15px 0 !important;
		}
			.tabs_content .commentsclasse ul.paging li.selected a{
				font-weight: normal;
				color: #ffff00;
			}
				.tabs_content ul.paging li.next a { background: transparent url(/urbania/static/images/all/buttons/b_next.gif) no-repeat 0 0 !important; }
				.tabs_content ul.paging li.prev a { background: transparent url(/urbania/static/images/all/buttons/b_previous.gif) no-repeat 0 0 !important; }
				
				
        .tabs_content ul.paging li.next a:hover,
				.tabs_content ul.paging li.prev a:hover { background-position: 0px -17px !important; }
				
				.tabs_content ul {
					list-style: none;
					margin: 10px 0 0 !important;
				}
			.tabs_content ul.recent-activity li {
				/*padding-top: 10px;
				border-bottom: 1px solid #545352;*/
			}

				.profile .recent-activity .content h4 a{
					font: italic normal 1em Georgia;
					color: #ffff00 !important;
					text-decoration: underline;
					padding: 0 0 5px 0;
					display: block;
				}



/* ------------------------------------------------------------------------
	10.4 Communaute - profil privé / Favoris
------------------------------------------------------------------------- */

	.listTheme li {
		width: 100%;
		margin-bottom: 20px;
		border-bottom: 1px solid #ffff00;
		position: relative;
		float: left;
	}

		.listTheme li h4 {
			background:#404040 url(/urbania/static/images/all/backgrounds/medium_title_mask.png) no-repeat left top;
			height: 29px;
		}
		
			.listTheme li h4 span {
				display: block;
				height: 21px;
				text-indent: -10000px;
			}

		.listTheme li .content {
			float: left;
			padding: 10px 0 35px;
			width: 435px;
		}

			.listTheme li .add {
				font-size: .9em;
				color: #898989;
				position: absolute;
				right: 8px; top: 5px;
			}
				.listTheme li .add a {
					color: #ffff00;
					margin-left: 10px;
				}

			.listTheme li a.thumbnail {
				color: #656359;
				display: block;
				float: left;
				margin: 10px;
			}
				.listTheme li .content p {
					font-size: .9em;
					color: #898989;
				}

				.listTheme li .content h5 {
					font-size: 1.2em;
					font-weight: normal;
				}

				.listTheme li .content a.b_suite {
					background: url(/urbania/static/images/fr/buttons/b_suite_yellow.gif) top left no-repeat;
					color: #ffff00;
				}

				.listTheme li .content ul.tools {
					float: right;
				}

					.listTheme li .content ul.tools li {
						background: #ffff00;
						width: auto;
						margin: 0;
						border: 0;
					}

						.listTheme li .content ul.tools li a {
							color: #ffff00;
						}

/* ------------------------------------------------------------------------
	11.0 Reportage
------------------------------------------------------------------------- */

	.reportage h2 {
		/*line-height: 0.8em;*/
		line-height: 1.1em;
		font-size: 3.2em;
		text-transform: uppercase;
		margin: 5px 0 0 0 !important;
	}

	.reportage .container h3 { position: absolute; top: 47px; left: 0; }
	
	.reportage .details .date { padding-left: 20px; top: 0; }

	.viewAll { font-family: Helvetica, Arial, Sans-serif; padding-left: 20px; margin-top: -8px; float: left; }

	.viewAll a { text-decoration: none; font-size: 1.1em;}
		.viewAll a:hover { text-decoration: underline; }
		
	/* ----------------------------------
		11.1 All
	----------------------------------- */
	
	.reportage_all { padding-top: 61px; } 
	
	
	/* ----------------------------------
		11.2 Detail View
	----------------------------------- */
	
	.generic-content {
		position: relative;
		float: left;clear: both;
		width: 100%;
		margin: 20px 0 0 0;
	}

		.generic-content .excerpt, .excerpt, .generic .content p.excerpt , .generic-content p.excerpt 
    {
			padding: 0 0 10px 0;
			margin: 0 0 20px 0;
			/*background: url(/urbania/static/images/all/backgrounds/dotted_line.gif) bottom left repeat-x;*/
      font-size: 1.6em !important;
			line-height: 1.3em!important;
		}

		.generic .content p.excerpt {
		  background: none;
    }

		.reportage .generic-content h1,
		.reportage .generic-content h2 { font-size: 3.2em; margin: 0 0 10px 0 !important; }
		.reportage .generic-content h3,
		.reportage .generic-content h4,
		.reportage .generic-content h5,
		.reportage .generic-content h6 { font-style: italic; font-size: 1.6em; }
		
		.reportage .generic-content p,
		div.atom-body{ font-size: 13px; line-height: 1.5em;  margin: 0 0 15px 0 !important; }
		
		.metadata {
			clear: both; float: left;
			position:relative;
			overflow:hidden;
			width: 100%;
			font-family: Helvetica, Arial, Sans-serif;
			font-size: 0.9em;
			color: #777676;
			padding: 10px 0 0 0;
			margin: 20px 0 0 0;
			background: url(/urbania/static/images/all/backgrounds/dotted_line.gif) top left repeat-x;
		}
		#content.chiffres{
      margin: 0px 0 0 0;
      border:none;
    }
		
		.metadata p { float: left; padding:0; }
		
		.metadata ul { float: right; list-style: none; }
			
		.metadata ul li { display: block; float: left; margin: 0 0 0 15px; }
				
		.metadata .discuss,
		.metadata .trophy,
		.metadata .printer,
		.metadata .social{ display: block; width: 17px; height: 16px; text-indent: -10000px; }

		.metadata a.stbutton { display: block; width: 16px !important; overflow: hidden; padding: 0; text-indent: 10000px; }		
		
		.concours .outline_no_fade, .chiffres .outline_no_fade, .reportage .outline_no_fade {
			background-color: #404040;
		}
		
		.reportage .comments li { background-color: #fff; }
			
		.reportage .comments li p.author {
			font-size: 1em !important;
			margin-bottom: 0;
		}
		
			
		.reportage .comment-login p { font-size: 1.1em; }
		
		.post_comment {
			float: left; clear: both;
			margin: 5px 0 10px 20px;
			width: 592px;
		}
	
   
    .post_comment.anonymous label { clear: none; margin: 0px; display: block; float:left; width: 40px; margin-right: 25px; text-align: right; }
    .post_comment.anonymous .field_wrapper { margin-bottom: 15px; }

    .post_comment.anonymous input {
       float: left;
       border: 1px solid #000000;
       clear: none;
       font-size: 14px;
     }

	
			.post_comment #errors { margin-bottom: 10px; }
		
			.post_comment .thumbnail {
				float: left;
				border: 3px #2c2c2c solid;
			}
			.post_comment .thumbnail img { display: block; }
				
			.post_comment textarea {
				float: left;
				width: 515px; 
        height: 110px;
				padding: 5px;
				border-top: 1px #404040 solid; 
        border-right: 1px #404040 solid;
			}
			
      .light .post_comment textarea { width: 515px; border: 1px #2c2c2c solid; }
			
			.post_comment input {
				clear: both; float: right;
				margin: 5px 1px 0 0;
			}
			
			.post_comment label {
        float: left;
        clear:left;
        margin: 5px 5px 0 62px;
        line-height: 21px;
        font-size:1em !important;
        font-family: verdana;
      }
      .post_comment input#reaction-document {
        float: left;
        clear: none;
        height: 21px;
        font-size:1em !important;
        border: none;
      }
			
			
			.comment-login {
				clear: both;
				float: left;
				font-family: Helvetica,Arial,Sans-serif;
				margin: 6px 0 0 22px;
			}
			
			.comment-login #login-form {
				float: left;
				position: relative;
				top: -10px;
				width: 350px;
			}
			
			.comment-login p { margin-bottom: 20px; }
			
			.comment-login #login-form label { font-size: 1em !important; }
			
			.comment-login #login-form input { padding: 1px; }
			
			.comment-login #login-form input.submit { margin:15px 0 0 !important; }
			
			.comment-login #login-form p { margin-top: 0 !important; }
			
			.comment-login #login-form p a { color: #898989 !important; }


/* ------------------------------------------------------------------------
	12.0 Chiffres
------------------------------------------------------------------------- */

	.chiffres .subtitle {
		width: 590px;
		font-size: 1.3em;
		line-height: 1.5em;
		margin: 0 0 5px 20px;
	}
	
	.chiffres .author {
		font-size: 1.4em;
		margin: 5px 0 10px 20px;
	}
	
		.chiffres .flashContent { position: relative; left: 0; clear: both; }
		
		.chiffres .relatedContent { 
        clear:both;
        display:block;
        margin:0 0 20px;
        overflow:hidden;
        position:relative;
    }


/* ------------------------------------------------------------------------
	13.0 Appel à tous
------------------------------------------------------------------------- */

	.appel_a_tous {
		padding-top: 85px;
	}

		.appel_a_tous h2 {
			color: #FFFFFF;
			font-size: 3.2em;
			margin: 0 0 15px 0;
			text-transform: uppercase;
		}

		.appel_a_tous .question {
			margin: 0 0 0 20px;
		}
		
		.appel_a_tous .answers {
			clear: both; float: left;
			width: 612px;
			list-style: none;
			margin: 5px 0 0 0;
		}
		
			.appel_a_tous .answers li {
				margin: 0 0 20px 0;
				padding: 0 0 10px 0;
				background: #262424 url(/urbania/static/images/all/backgrounds/appel_a_tous_fade.gif) 404px 0 repeat-y;
			}
			
				.appel_a_tous .answers li .thumbnail {
					display: block; float: left;
					border: 3px #2c2c2c solid;
					margin: 0 5px 8px -20px;
				}
					.appel_a_tous .answers li .thumbnail img { display: block; }
					
		.appel_a_tous .answer {
			float: left;
			width: 368px; overflow: hidden;
			padding: 7px 20px 10px 20px;
			margin: 0 6px 0 0;
		}
		.appel_a_tous .answer-body {
      font-size: 11px;
      line-height: 17px;
    }
		.appel_a_tous .comment {
			float: left;
			width: 191px;
			padding: 16px 0 0 0;
		}
					
		.appel_a_tous .date {
			float: left;
			width: 300px;
			font-family: Helvetica, Arial, Sans-serif;
			color: #898989;
			margin: 13px 0 13px 0;
		}
		
		.appel_a_tous .author {
			float: left;
			font-family: Helvetica, Arial, Sans-serif;
			color: #898989;
		}
		
			.appel_a_tous .author em {
				font-size: 1.1em;
				font-family: Georgia;
			}
			
			.appel_a_tous .author a:hover { text-decoration: none; }
			
		.appel_a_tous p.excerpt {
			color: #fff;
			font-family: Helvetica, Arial, Sans-serif;
			font-size: 1.6em;
			line-height: 1.3em;
			margin: 0 0 10px 0;
		}
		
		.appel_a_tous embed,
		.appel_a_tous object { position: relative; left: -9px; } /* In case someone embed the vimeo player */
		
		.appel_a_tous h4 span { float: left; font-family: Helvetica, Arial, Sans-serif; font-size: 1.1em; font-weight: normal; } 
		
		.appel_a_tous .comment .paging { position: relative; width: 190px; height: 25px; margin: 10px 0 0 0; list-style: none; }
		
			.appel_a_tous .comment .paging li {
				position: absolute; left: 9px;
				display: none;
				width: 155px; height: 25px;
				overflow: hidden;
				clear: both;
			}
		
			.appel_a_tous .comment .paging li.prev,
			.appel_a_tous .comment .paging li.next { position: absolute; top: 6px; display: block; width: auto; padding: 0; }
			
			.appel_a_tous .comment .paging li.prev { left: 0 !important; }
			.appel_a_tous .comment .paging li.next { left: 180px !important; }
			
			.appel_a_tous .comment .paging li p em { font-family: Georgia; font-size: 1.1em; }
			.appel_a_tous .comment .paging li p { font-family: Helvetica, Arial, Sans-serif; font-size: 1em; width: 155px; top: 0; }
		
				.appel_a_tous .comment .paging li.prev a { background-image: url(/urbania/static/images/all/buttons/b_comment_previous_empty.png); }
				.appel_a_tous .comment .paging li.next a { background-image: url(/urbania/static/images/all/buttons/b_comment_next_empty.png); }
				
			.appel_a_tous .comment form {
				float: left; clear: both;
				margin: 10px 0 0 0;
				padding: 10px 0 0 0;
				background: url(/urbania/static/images/all/backgrounds/dotted_line.gif) top left repeat-x;
			}
			
				.appel_a_tous .comment form textarea {
					border: 1px #d1d1d1 solid;
					width: 188px; height: 85px;
					margin: 0 0 5px 0;
					font-family: Helvetica, Arial, Sans-serif;
					font-size: 1.1em;
				}
				
				.appel_a_tous .comment form .add-comment {
					float: right;
				}
				
				.appel_a_tous .comment form p {
					float: left;
					font-family: Helvetica, Arial, Sans-serif;
					font-size: 0.9em;
					color: #707070;
					margin: 0 0 0 8px;
				}
				
				.appel_a_tous .comment form p.notLogged {
					margin: 5px 0 5px 0;
					font-size: 1em;
				}
		
		.appel_a_tous .comments {
			position: relative;
			width: 190px; height: 132px;
			overflow: hidden;
			list-style: none;
		}
		
			.appel_a_tous .comments li {
				width: 180px;
				padding: 5px 5px 11px 5px;
				margin-right: 10px;
				background: #3b3939 url(/urbania/static/images/all/backgrounds/commentlist_bubble.gif) bottom left no-repeat;
			}
			
				.appel_a_tous .comments li p { width: auto; color: #acacac; }
				.appel_a_tous .comments li p.count { position: absolute; bottom: 15px; right: 5px; color: #898989; font-size: 0.9em; }
	
	

/* ------------------------------------------------------------------------
	8.0 Blog
------------------------------------------------------------------------- */

	.blog { padding-top: 45px; }

		 .light .blog .container {
			clear: both;
			border-bottom:1px solid #000;
		}
		
		.blog .container {
			clear: both;
			border-bottom:1px solid #fff;
		}

		.light .author {
			background: #fff url(/urbania/static/images/all/backgrounds/black_speechbubble_arrow.gif) no-repeat left top;
			padding: 28px 5px 0 0;
		}

			.blog .author span{
				font-family: Helvetica, Arial, Sans-serif;
				font-size: .8em;
			}

				.blog .author span a { color: #404040; }

			.blog .content {
				position: relative;
				padding: 20px 0 0px 0;
				clear: both;
				/* border-bottom: 1px dotted #000; */
				width: 100%;
				float: left;
			}

		.ongletDate{
			position: relative;
			width: 100%;
			display: block;
		}
		
		.ongletDate img { display: block; }
		
		.ongletDate div.date {
			color: #fff;
			font-size: 1.3em;
			background: #343434;
			padding: 10px 2px 2px 5px;
			top: 15px; left: 0;
			position: absolute;
		}
		.outoflayout{
			background: #343434 url(/urbania/static/images/all/backgrounds/datefade.png) no-repeat left top;
			width: 23px; height: 32px;
			top: 24px; left: -23px;
			position: absolute;
		}

  .snail{
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
  }
  .blog .snail {
    padding: 7px 0px;
  }
  .snail .tools {
    float: right;
    position: relative;
  }
	.snail .actions.tools { bottom: auto !important; top: auto !important; width: 100%;}
  .snail .tools li {
    margin: 0px;
  }
  .snail .tools li a.discuss, .snail .tools li a.trophy {
    background-position: left -58px;
    width: 41px;
  }
  
  .snail .tools li a.printer  {
    background-position: left -58px;
    width: 22px;
  }
  
  .snail .tools li a.social  {
    width: 16px;
  }
  
  .light .snail .tools li a.discuss, .light .snail .tools li a.trophy, .light .snail .tools li a.printer  {
    background-position: right top;
  }
  .snail .tools li span a.stbutton {
    padding: 3px 5px 1px 5px;
    background-position: center center !important;
  }
  
  .snail .tools .iframe {
	  display: block;
	  float: left;
		margin-top: -1px;
  }

  .light .tools {
    background-color: #FFFFFF;
  }
	.tags{
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 1.1em !important;
		color: #9a9a9a;
		padding: 5px 0;
		clear: none;
		overflow: hidden;
		width: 80%;
		margin-bottom: 4px;
	}
		.tags p{
			text-transform: uppercase;
			float: left;
		}
		.tags ul, .snail.metadata .tags ul{
			list-style: none;
			padding-left: 5px;
			float: left;
			width:90%;
		}
		
			.tags ul li{
				display: inline;
				margin:0;
				padding:0;
			}
				.tags a{
					/* color: #9a9a9a; */
					text-decoration: none;
				}
			.light .tags a{
					/* color: #9a9a9a; */
					text-decoration: underline;
			}
				
	/* ---------------------
		8.1 Blog Article
	----------------------- */

	.blog .content img{
		margin-top: 15px;
    margin-bottom: 5px;
		border-top: 2px solid #343434;
	}



/* ------------------------------------------------------------------------
	14.0 Sidebar
------------------------------------------------------------------------- */

	#sidebar .content { position: relative; margin: 0 0 13px 0; padding-top: 0; cursor: pointer; overflow:hidden; }
  #sidebar .bbox { position: relative; margin: 0 0 13px 0; padding-top: 0; cursor: pointer; overflow:hidden; }
	
	#sidebar img { display: block; } 
	
	#sidebar .overlay {
		position: absolute;
		height: auto;
		width: auto;
		bottom: 0; left: 0;
		padding: 3px 3px 16px 3px;
		width: 293px;
		background: url(/urbania/static/images/all/backgrounds/75_black.png) top left repeat;
	}
	
	#sidebar h5 {
		display: block;
		height: 28px;
		margin: 0 0 5px 0;
		text-indent: -10000px;
	}
	
	#sidebar h6 {
		line-height: 1em;
		font-size: 1.3em;
		text-transform: uppercase;
		margin: 5px 0px 2px 0px;
	}

	#sidebar p.date { font-size: 1em; display: block; }
	
	#sidebar p { clear: both; font-size: 1.4em; display: block; position:relative; }
	#sidebar .toggleView { display: none; }
	
	#sidebar .collaborate p { display: block; }
	
	#sidebar a.thumbnail { display: block; position: relative; }
	#sidebar a.thumbnail span {
		position: absolute;
		top: 0; left: 0;
		display: block;
		text-indent: -10000px;
		width: 100%; height: 226px;
		background: url(/urbania/static/images/all/backgrounds/play.png) 50% 35% no-repeat;
	}


	/* ----------------------------------
		14.1 Plus commentés / Plus appréciés
	----------------------------------- */

	#sidebar .bestrates ul,
	#sidebar .bestcomments ul {
		list-style: none;
	}

		#sidebar .bestrates ul li,
		#sidebar .bestcomments ul li {
			font-size: .8em;
			list-style: none;
			/* background: url(/urbania/static/images/all/backgrounds/bg_sidebar_li.gif) no-repeat left top;
			*/
			background: #F2F2F2;
			width: 299px; 
      height: auto;
			margin: 0 0 1px;
			float: left;
			overflow:hidden;
		}
		
		#sidebar .bestrates ul li p,
		#sidebar .bestcomments ul li p { display: block; }
		
		#sidebar .bestrates ul li:hover,
		#sidebar .bestcomments ul li:hover{
			/* background: url(/urbania/static/images/all/backgrounds/bg_sidebar_li_hover.gif) no-repeat left top;
			*/
			background: #E0E0E0;
      cursor: pointer;
		}
		#sidebar .bestrates ul li:hover em,
		#sidebar .bestcomments ul li:hover em{ color: #00aeef; }

			#sidebar .bestrates ul li.first,
			#sidebar .bestcomments ul li.first{
				/* background: url(/urbania/static/images/all/backgrounds/bg_sidebar_li_first.gif) no-repeat left top;
			   */
      }
				#sidebar .bestrates ul li.first:hover,
				#sidebar .bestcomments ul li.first:hover{
					/* background: url(/urbania/static/images/all/backgrounds/bg_sidebar_li_first_hover.gif) no-repeat left top;
				  */
        }

			#sidebar .bestrates ul li.end,
			#sidebar .bestcomments ul li.end{
				background: url(/urbania/static/images/all/backgrounds/bg_sidebar_li_end.gif) no-repeat left top;
			}
				#sidebar .bestrates ul li.end:hover,
				#sidebar .bestcomments ul li.end:hover{
					background: url(/urbania/static/images/all/backgrounds/bg_sidebar_li_end_hover.gif) no-repeat left top;
				}

			#sidebar .bestrates ul li p a,
			#sidebar .bestcomments ul li p a{ width: 237px; text-decoration: none; padding: 5px 5px 2px 2px; float: left; line-height: 1.5em; }

				#sidebar .bestrates ul li p em,
				#sidebar .bestcomments ul li p em{ font-size: 1.2em; text-decoration: underline; display:block; clear:both; }
			
			#sidebar .bestrates ul li span,
			#sidebar .bestcomments ul li span {
				width: 53px;
			}
			#sidebar .bestrates ul li span.date,
			#sidebar .bestcomments ul li span.date {
				float: left;
			}
			#sidebar .bestrates ul li span.category,
			#sidebar .bestcomments ul li span.category {
        float:left;
        line-height:13px;
        margin-top:2px;
        text-indent:-7px;
        width:170px;
			}
			
			#sidebar .bestrates ul li span a,
			#sidebar .bestcomments ul li span a{
				text-align: center;
				text-decoration: none;
				width: 25px; height: 25px;
				padding: 15px 0 0 28px;
				display: block;
				float: right;
			}
			#sidebar .bestrates ul li span a.discuss,
			#sidebar .bestcomments ul li span a.discuss{
				background: url(/urbania/static/images/all/icons/discuss_grey.gif) no-repeat 8px 12px;
				border-left:1px solid #FFFFFF;
			}
			#sidebar .bestrates ul li span a.trophy,
			#sidebar .bestcomments ul li span a.trophy{
				background: url(/urbania/static/images/all/icons/trophy_grey.gif) no-repeat 8px 12px;
				border-left:1px solid #FFFFFF;
			}

			#sidebar .bestrates ul li a,
			#sidebar .bestcomments ul li a{ color: #404040; }

			#sidebar .bestrates ul li a:hover em,
			#sidebar .bestcomments ul li a:hover em{ color: #00aeef; }

		#sidebar .bestrates ul span,
		#sidebar .bestcomments ul span{ float: right; }


		/* ----------------------------------
			14.2 categories & archives
		----------------------------------- */


		#sidebar .otherChoices{
				background: #f2f2f2 url(/urbania/static/images/all/backgrounds/bg_otherchoices.gif) repeat-x left bottom;
		}

			#sidebar .otherChoices ul{
				list-style: none;
				background: url(/urbania/static/images/all/backgrounds/bg_otherchoices_h5.gif) no-repeat left top;
				padding-bottom: 5px;
			}
				#sidebar .otherChoices ul li{
					font-size: 1em;
					font-family: Helvetica, Arial, Sans-serif;
					width: 145px;
					float: left;
				}
				#sidebar .otherChoices ul li h5{
					font-size: 1.6em;
					padding: 3px 0 2px 10px;
					text-indent: 0;
					text-transform: uppercase;
				}
					#sidebar .otherChoices ul li ul{
						background: none;
						width: 144px;
						border-right: 1px dotted #000;
						float: left;
					}
					#sidebar .otherChoices ul li li{
						width: 80%;
						padding: 0 10px;
						float: left;
					}
						#sidebar .otherChoices ul li li a{
							color: #030303;
							text-decoration: none;
							display: block;
							float: left;
							width: 98%;
							padding: 1px 2px;
						}
							#sidebar .otherChoices ul li li a:hover{
								color: #fff;
								text-decoration: none;
								background-color: #343434;
							}
						#sidebar .otherChoices ul li li a span{
							color: #00AEEF;
						}
			
/* ------------------------------------------------------------------------
	15.0 Comments listing
------------------------------------------------------------------------- */

	.comments {
		float: left; clear: both;
		list-style: none;
		margin: 8px 0 0 0;
		color: ;
	}
	
		.comments li {
			position: relative;
			width: 592px;
			left: 65px;
			width: 527px;
			background: #fff;
			margin: 0 0 20px 20px;
			padding: 5px 0 0 0px;
			min-height:30px;
		}
		
			.comments li .thumbnail {
				float: left;
				position: relative; z-index: 2;
				display: block;
				width: 65px; height: 65px;
				margin: -5px 11px 0 -65px;
			}
		
				.comments li .thumbnail span {
					position: absolute; top: 0; left: 0; z-index: 10;
					display: block;
					width: 65px; height: 65px;
					text-indent: -10000px;
					background: url(/urbania/static/images/all/backgrounds/comment_thumbnail.png) top left no-repeat;
				}
			
				.comments li .thumbnail img { position: absolute; top: 3px; left: 3px; z-index: 5; }
				
			.comments li h6 {
				font-size: 1.1em !important;
				color: #2e2e2e;
				font-weight: normal;
				text-decoration: underline;
				margin: 0 0 4px 0;
			}
				.comments li h6 a { color: #2e2e2e !important; }
			
			.comments li p {
				width: 500px;
				float: left;
				font-family: Helvetica, Arial, Sans-serif;
				font-size: 1.1em !important;
				line-height: 1.4em;
				color: #2a2a2a;
				word-wrap: break-word;
			}

			.comments li p.read_more {
			  width: auto;
			  float: right;
			  margin: 0 5px 20px 0;
			}

			.comments li p.author {
				position: absolute; z-index: 0;
				bottom: -1px; left: 0; top: auto;
				width: 100%;
				padding: 3px 0 0 0;
				color: #fff;
				background: #1c1a1a;
				text-indent: 76px;
				margin-left: -65px !important;
				margin-bottom: 0 !important;
				width:612px;
			}

			.comments li p.author a { color: #fff; }
			.comments li p.author a:hover { text-decoration: none; }
      .comments li p.author span { color: #8D8D8D; text-transform: none; }
      .comments li p.author span.date { text-transform: none; }



/* ------------------------------------------------------------------------
	16.0 Paging
------------------------------------------------------------------------- */

	ul.paging {
		float: right;
		margin: 10px 0 0 0;
	}
	
		ul.paging li {
			display: block; float: left;
			margin: 0 5px 0 0;
		}
		
		ul.paging li a { font-family: Helvetica, Arial, Sans-serif; font-size: 1.1em; color: #8d8d8d; text-decoration: none; }
		.comment ul.paging li a { color: #fff; }
		ul.paging li.selected a,
		.home ul.paging li.selected a { font-weight: bold; color: #FFF100; }
		
		ul.paging li.next a,
		ul.paging li.prev a {
			display: block;
			width: 9px; height: 15px;
			text-indent: -10000px;
		}
		
		ul.paging li.next { margin-right: 0px; }
		ul.paging li.next a { background: transparent url(/urbania/static/images/all/buttons/b_next_empty.png) no-repeat -3px -2px; }
		ul.paging li.prev a { background: transparent url(/urbania/static/images/all/buttons/b_previous_empty.png) no-repeat -2px -2px; }
		
		ul.paging li.prev.disabled a,
		ul.paging li.next.disabled a { background-color: #2b292a !important; }




/* ------------------------------------------------------------------------
	17.0 Sitemap
------------------------------------------------------------------------- */


	#sitemap {
		float: left; clear: both;
		width: 900px;
		position: relative;
		
		padding: 0px 0 25px 30px;
		margin-bottom: 1px;
		background: #282626;
		font-family: Helvetica, Arial, Sans-serif;
		color: #535151;
		list-style: none;
	}
	#sitemap li{
		width: 20%;
		display: block;
		float: left;
	}
		#sitemap li ul{
			list-style: none;
			margin-top: 15px;
		}
			#sitemap li li{
				text-indent: 0;
				width: 100%; height: auto;
				padding: 2px 0; margin: 0;
				float: left;
			}
			#sitemap li a{
				color: #fff;
				text-decoration: none;
			}
			#sitemap li a span{
				color: #00AEEF;
			}



/* ------------------------------------------------------------------------
	18.0 Footer
------------------------------------------------------------------------- */


	#footer {
		background: #282626;
		clear: both;
		color: #535151;
		float: left;
		font-family: Helvetica, Arial, Sans-serif;
		margin: 0px;
		padding: 0;
		position: relative;
		width: 930px;
		min-height: 190px;
	}
	
		#footer .foot_top {
			width: 920px;
			padding-left: 10px;
			position: absolute; top: 0; left: 0;
		}
		
		#footer .foot_bottom {
			width: 920px;
			padding: 0 0 10px 10px;
			position: absolute; bottom: 0; left: 0;
		}
		
	
		#footer a { font-family: Helvetica, Arial, Sans-serif; color: #535151; text-decoration: none; text-transform: uppercase; }
		#footer a:hover { color: #fff; background-position: bottom left; }
		#footer a.toxa {
        background: transparent url(/urbania/static/images/all/logos/toxa.gif) no-repeat scroll right top;
        bottom: 16px;
        font-size:9px;
        height: 15px;
        line-height: 2.5em;
        overflow:hidden;
        position:absolute;
        right: 19px;
        text-transform:none;
        width: 154px;
		}
			#footer a.toxa:hover { background-position: right -15px; }
	
		#footer .leftCol { float: left; list-style: none; padding: 2px 0 52px 0; }
		
			#footer .leftCol li {
				display: block; float: left;
				padding: 6px 10px 0 0;
				margin: 0 11px 0 0;
				background: url(/urbania/static/images/all/backgrounds/footer_line.gif) top right no-repeat;
			}
			#footer .leftCol li.last { background: none; }
			
			#footer .leftCol li a { text-transform: none; }
				
		#footer .rightCol { float: right; list-style: none; background: none; }
		
			#footer .rightCol li {
				display: block; float: left;
				padding: 8px 0 0 11px;
				margin: 0 7px 0 0;
				background: url(/urbania/static/images/all/backgrounds/footer_separator.gif) top left no-repeat;
			}
			#footer .rightCol li.last { margin-right: 0; padding-right: 10px;}
			#footer .rightCol li.first { padding-left: 6px; background: url(/urbania/static/images/all/backgrounds/footer_first_separator.gif) top left no-repeat; }

		#footer .logos {
			list-style: none;
			clear: both; overflow: hidden;
			position: absolute; bottom: 10px; left: 10px;
		}
		
			#footer .logos li { display: block; float: left; }

/* ------------------------------------------------------------------------
	19.0 Maintenance
------------------------------------------------------------------------- */

	.maintenance #page {
		position: absolute;
		top: 50%; left: 50%;
		width: 289px;
		margin: -160px 0 0 -145px;
		padding: 0;
		border: 0;
	}

		.maintenance #page h1 {
			display: block;
			width: 289px; height: 130px;
			margin: 0 0 19px 0;
			text-indent: -10000px;
			background: url(/urbania/static/images/all/logos/logo_urbania_maintenance.jpg) top left no-repeat;
		}

		.maintenance #page p {
			display: block;
			width: 289px; height: 167px;
			font-family: Helvetica, Arial, Sans-serif;
			font-size: 2.1em;
			text-transform: uppercase;
			text-align: center;
		}

			.maintenance #page p span { font-size: 0.6em; }

	


/* ------------------------------------------------------------------------
	20.0 Magazine Navigator
------------------------------------------------------------------------- */

	#jemabonne {
		display: block; float:right;
		position: absolute; top: 5px; right: 20px;
		width:137px; height:70px;
		text-indent: -999em; overflow: hidden;
		background: url(/urbania/static/images/fr/buttons/je_mabonne2.gif) 0 0 no-repeat;
    z-index: 10;
	}
	#jemabonne:hover { background-position: 0 100%; }
	
		
/* ------------------------------------------------------------------------
  20.0 Magazine Navigator
------------------------------------------------------------------------- */

  .magazine_navigator {
    position: absolute;
    top: 36px; right: 0;
    width: 290px; height: 120px;
  }

    .magazine_navigator ul { position: relative; list-style: none; }

      .magazine_navigator ul li {
        position: absolute;
        top: 0; left: -17px;
        width: 320px; height: 120px;
      }

      .magazine_navigator ul a {
        position: absolute;
        display: block;
        top: 0; left: 0;
        padding: 0 0 2px 5px;
        background: url(/urbania/static/images/all/backgrounds/mag_shadow.png) bottom left no-repeat;
      }

      .magazine_navigator ul p {
        position: absolute;
        top: 80px; left: 123px;
        width: 180px;
        font-size: 1.2em;
        text-transform: uppercase;
      }

      .magazine_navigator ul p .grey { color: #acacac; }
      .light .magazine_navigator ul p { color: #343434; }
      .light .magazine_navigator ul p .grey { color: #343434; }

  .magazine_navigator .nav {
    position: absolute; z-index: 0;
    top: 0; left: -20px;
    width: 136px; height: 110px;
  }

    .magazine_navigator .nav li.prev {
      position: absolute; z-index: 0;
      top: 50px; left: 0;
      width: auto; height: auto;
    }

      .magazine_navigator .nav li.prev a {
        display: block;
        width: 16px;
        height: 17px;
        text-indent: -10000px;
        padding: 0;
        background: #fff url(/urbania/static/images/all/buttons/b_previous_empty.png) top left no-repeat;
      }

    .magazine_navigator .nav li.next {
      position: absolute; z-index: 0;
      top: 50px; left: 123px;
      width: auto; height: auto;
    }

      .magazine_navigator .nav li.next a {
        display: block;
        width: 15px;
        height: 17px;
        text-indent: -10000px;
        padding: 0;
        background: #fff url(/urbania/static/images/all/buttons/b_next_empty.png) top left no-repeat;
      }

    .magazine_navigator .nav li a:hover { background-color: #898989; }




/* ------------------------------------------------------------------------
	21.0 Paperbox
------------------------------------------------------------------------- */
	
	.paperbox {
		background: url(/urbania/static/images/all/backgrounds/paper_texture.jpg) no-repeat top left;
		color: #2a2a2a;
		margin: 0 0 13px;
		padding:0;
	}
	
		.paperbox .top {
			background: url(/urbania/static/images/all/backgrounds/paperbox_top.gif) no-repeat top left;
			height: 12px;
			overflow: hidden;
		}
		
		.paperbox .bottom {
			background: url(/urbania/static/images/all/backgrounds/paperbox_bottom.gif) no-repeat bottom left;
			height: 9px;
			overflow: hidden;
		}
		
		.paperbox .content {
			cursor: default !important;
			font-size: 0.8em;
			font-family: Helvetica, Arial, Sans-serif;
			margin: 0 0 0 7px !important;
		}
			.paperbox .content h4 { margin: 0 0 10px 0; }
			#sidebar .paperbox .content p { display: block; }
			
		.paperbox .content #errors {
			font-size: 1.2em;
			margin: 0 0 10px 0;
		}
		
		#sidebar .paperbox #newsletter {
			font-family: Helvetica, Arial, Sans-serif;
		}
		
			#sidebar .paperbox #newsletter p {
				margin: 0 0 5px 0;
			}
			
			#sidebar .paperbox #newsletter .input{
				margin: 0 0 5px 0;
			}
			
				#sidebar .paperbox #newsletter .input label{
					display: block;
					width: 75px;
					float: left;
					padding: 2px 0 0 0;
					font-size: 1.3em;
					
				}
			
				#sidebar .paperbox #newsletter .input input{
					float: left;
					width: 155px; height: 15px;
					padding: 2px 2px 0 2px;
					margin: 0 8px 0 0;
					background: url(/urbania/static/images/all/backgrounds/white_input.gif) top right no-repeat;
				}
			
				#sidebar .paperbox #newsletter .input .submit{
					border: 0;
					height: 17px;
					padding: 0;
					width: auto;
				}
			
			#sidebar .paperbox #newsletter .checkbox{
				margin: 0 0 0 74px;
			}
			
				#sidebar .paperbox #newsletter .checkbox input{
					margin: 0px 5px 0 0;
					width: auto;
					border: 0; padding: 0;
				}
			
				#sidebar .paperbox #newsletter .checkbox label{
					position: relative;
					top: -3px;
					font-size: 1.3em;
				}
		
		
		#sidebar .paperbox .arrow-button{
			margin-top: 5px;
			margin-right: 10px;
		}
			#sidebar .paperbox .arrow-button .left,
			#header .paperbox .arrow-button .left{ font-size: 1em; }

	
	#sidebar .become-a-member {
		margin-bottom: 13px;
	}
	.become-a-member {
		width: 300px;
	}

		.become-a-member h3{
			background: url(/urbania/static/images/all/backgrounds/label.gif) no-repeat top center;
			height: 24px;
			font-size: 2.3em;
			margin: 0 0 2px -8px;
			
		}

		.become-a-member ul{
			list-style: none;
			margin: 0 0 0 6px;
		}

			.become-a-member ul li{
				float: left;
				padding: 0 8px;
			}
			
			
	#header .paperbox {
		float: left;
		width: 300px;
	}
	#header .paperbox.subscribe{margin-left:52px; /* Added since facebook Icon Iphone added */}
	
		#header .paperbox p {
			color: #2a2a2a !important;
			font-size: 1.4em;
			margin: 0;
		}
		
	.paperboxbig {
		width: 611px;
		background: #fff url(/urbania/static/images/all/backgrounds/bottom_largePaperbox.gif) bottom left no-repeat;
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 1.1em;
		color: #000;
	}
	.light .paperboxbig { background: #fff url(/urbania/static/images/all/backgrounds/bottom_largePaperbox_light.png) bottom left no-repeat;}
	
	.paperboxbig form {
		padding: 0 10px 15px 10px;
	}
	
		.paperboxbig form fieldset { padding: 7px 0 15px 170px; border-bottom: 1px #000 dotted; }
	
		.paperboxbig form p { border-bottom: 1px #000 dotted; padding: 10px; }
		
		.paperboxbig form label {
			display: block;
			float: left;
			width: 155px;
			margin: 0 0 10px 0;
			padding: 3px 0;
		}
		
			.paperboxbig form label.checkbox {
				width: auto;
				height: 35px;
				margin: 0 0 0 153px;
			}
			
				.paperboxbig form label.checkbox input { margin: 0 3px 0 0; width: auto; border: 0; padding: 0; }
		
		.paperboxbig form input {
			border-top: 1px #404040 solid;
			border-left: 1px #bcbcbc solid;
			border-right: 1px #bcbcbc solid;
			margin: 0 0 10px 0;
			width: 240px;
			padding: 3px;
		}
		
		.paperboxbig form input.submit { width: auto; border: 0; display: block; margin: 15px auto 0 auto; }
		
		.paperboxbig form .radio-buttons { margin-bottom: 20px; }
		.paperboxbig form .radio-buttons label { margin-right: 20px; width: auto; }
		.paperboxbig form .radio-buttons input { position: relative; top:3px; width: auto; border: 0; padding: 0; }
	
	.paperboxbig p { color: #000; }
	.paperboxbig p.paiement { border: 0; padding: 0; margin: 10px 0 0 0; }
	
	.paperboxbig #errors {
		color: #FE0000;
		padding: 15px 0 0 60px;
		margin: 15px 0 10px 0;
		background: #e5e5e5 url(/urbania/static/images/all/backgrounds/error_exclamation.gif) 10px 10px no-repeat;
	}
	
		.paperboxbig #errors p {
			color: #FE0000;
			border: 0;
			margin: 0;
			padding: 0;
		}
		
		.paperboxbig #errors ul { margin-bottom: 10px; }
		
	.paperboxbig .padding { padding-left: 6px; }
		
	.paperboxbig .colRight {
		float: left;
		width: 400px;
		margin: 10px 0 0 5px;
	}
	
	.paperboxbig .colRight p { margin: 0 0 20px 0; }
	
	.paperboxbig .colRight a { color: #000; text-transform: uppercase; }
	
	
	#infopersonnelles { background: url(/urbania/static/images/fr/titles/t_infopersonnelles.gif) 10px 10px no-repeat; }
	#connexion { padding-top: 20px; background: url(/urbania/static/images/fr/titles/t_connexion.gif) 10px 20px no-repeat; }


/* ------------------------------------------------------------------------
	22.0 Register
------------------------------------------------------------------------- */

	#header .register {
		display: none;
		position: absolute;
		right: 0;
		top: 36px;
		padding: 4px 0 0 0;
		border-top: 1px #8e8d8d solid;
		width: 620px;
	}
	
	#header .b_fermer {
		background: url(/urbania/static/images/fr/buttons/b_fermer.gif) top left no-repeat;
		color: #959595;
		font-family: Helvetica, Arial, Sans-serif;
		height: 12px;
		position: absolute;
		right: 6px;
		text-indent: -10000px;
		top: 5px;
		width: 44px;
		z-index: 500;
	}
		.light #header .b_fermer { background: url(/urbania/static/images/fr/buttons/b_fermer_light.gif) top left no-repeat; z-index: 500; }
		#header .b_fermer:hover { background-position: 0 -14px; }
	
	#header .register .content-container { float: right; }

	#header .petit { margin: 0 20px 0 0; }
	
	#header .petit p { border: 0; }
	
	#header .petit ul { width: 100px; margin-top: -25px !important; }
	
	#header .paperbox ul { margin: -7px auto 20px auto; }
	
		#header .paperbox ul li { display: block; float: left; }
			
			#header .paperbox ul li div { height: 85px; }
			
				#header .paperbox ul li div img { margin: 0 auto; display: block; }
				#header .petit ul li div img { position: relative; left: -9px; }
			
			#header .paperbox ul li p { text-indent: -10000px; height: 35px; }
			
			#header .paperbox p.clearfix {
				margin: 0 auto;
				font-size: 1.5em;
				width: 185px;
			}
			
			#header .paperbox p.clearfix .arrow-button .left { width: 145px; text-align: center; }
			
	body.register #content {
		margin-top: 70px;
	}
	
	ul.cta {
		margin: 10px 0 0 0;
		border-top: 1px #4f4e4e solid;
		list-style: none;
	}
	
	ul.cta li { border-bottom: 1px #4f4e4e solid; }
	
	ul.cta .petit {
		display: block;
		width: 590px;
		height: 122px;
		text-indent: -10000px;
		background: url(/urbania/static/images/fr/cta/cta_petitMembre.gif) top left no-repeat;
	}
		ul.cta .petit:hover { background: url(/urbania/static/images/fr/cta/cta_petitMembre_hover.gif) top left no-repeat; }
	
	ul.cta .gros {
		display: block;
		width: 590px;
		height: 141px;
		text-indent: -10000px;
		background: url(/urbania/static/images/fr/cta/cta_grosMembre.gif) top left no-repeat;
	}
		ul.cta .gros:hover { background: url(/urbania/static/images/fr/cta/cta_grosMembre_hover.gif) top left no-repeat; }


/* ------------------------------------------------------------------------
	23.0 Login
------------------------------------------------------------------------- */

	#header .login {
		display: none;
		position: absolute;
		top: 38px; left: 260px;
		width: 675px;
		z-index: 20000;
	}
	
		#header .login form {
			position: relative;
			float: left;
			font-family: Helvetica, Arial, Sans-serif;
			width: 310px; /*was width: 350px;*/
			margin: 7px 0 0 5px; /*was margin: 33px 0 0 25px;*/
		}
		
		#header .login form #errors {
			position: absolute;
			top: 95px; left: -15px;
		}
		
		#header .login .colLeft,
		#header .login .colRight,
		.comment-login #login-form .colLeft,
		.comment-login #login-form .colRight {
			float: left;
			/*margin: 0 5px 0 0;*/
			width: 140px;
		}
	
		#header .login label,
		.comment-login #login-form label {
			display: block;
			float: left;
			font-size: 1.1em;
			margin: 0 0 2px 0;
			width: 150px;
		}
	
		#header .login input,
		.comment-login #login-form input {
			border-right: 1px #747373 solid;
			border-top: 1px #747373 solid;
			clear: left;
			float: left;
			margin: 0 0 3px 0;
			padding: 2px;
			width: 130px; /*Was 146px*/
		}
		.light #header .login input,
		.light .comment-login #login-form input { border: 1px #747373 solid; }
		
		#header .login input.submit,
		.comment-login #login-form input.submit {
			border: 0;
			clear: none;
			float: left;
			margin: 17px 0 0 0;
			padding: 0;
			width: auto;
		}
		
		#header .login .checkbox,
		.comment-login #login-form .checkbox {
			color: #898989;
			margin: 0 5px 0 0;
		}

			#header .login .checkbox label,
			.comment-login #login-form .checkbox label { margin-bottom: 0; }
			#header .login .checkbox input,
			.comment-login #login-form .checkbox input {
				border: 0;
				margin: 0 4px 0 0;
				padding: 0;
				position: relative;
				top: -1px;
				width: auto;
			}
		
		#header .login form p,
		.comment-login #login-form p { float: left; width: 150px; margin: 2px 0 0 0; }

			#header .login form p a { color: #898989; }
			
	
	#sidebar .login { font-size: 1.1em; }
			
	.login label {
		width: 80px;
		font-size: 1.3em;
		float: left;
		padding: 2px 0 0 0;
	}
	
	.login label.checkbox { width: auto; margin: 2px 0 5px 80px; font-size: 1.1em; }

		.login label.checkbox input { margin: 0 2px 0 0; width: auto; border: 0; padding: 0; position: relative; top: -3px; }
	
	.login input {
		float: left;
		border-top: 1px #9a9a9a solid;
		border-left: 1px #d9d9d9 solid;
		border-right: 1px #d2d2d2 solid;
		width: 187px;
		padding: 1px 2px;
		margin: 0 0 10px 0;
	}
		.login input.submit { width: auto; padding: 0; border: 0; float: right; margin: 8px 10px 0 0; }
	
	.login p { margin: 0 0 0 81px; font-size: 1.1em; }
		
		.login p a { font-size: 0.9em; margin: 3px 10px 0 0; color: #2A2A2A; }
	


/* ------------------------------------------------------------------------
	24.0 RSS
------------------------------------------------------------------------- */

	.rssContent {
		font-size: 1.1em;
		font-family: Helvetica, Arial, Sans-serif;
		padding-top: 75px;
	}

	.rssContent p {
		padding-left: 20px;
	}

	.whatsthat {
		background: #262422;
		padding: 10px 5px 10px 10px;
		margin: 10px 0 15px 10px;
	}
		.whatsthat h2 {
			font-weight: normal;
			font-size: 1em;
			text-transform: none;
			background: none;
			padding: 0;
			float: left;
		}
		.whatsthat a {
			font-weight: bold;
			font-size: 1.1em;
			color: #ee7f16;
			display: block;
			float: right;
		}
		.whatsthat p {
			padding: 15px 0 0;
			clear: both;
		}

	.rssContent ul {
		list-style: none;
		padding: 10px 0 0;
		clear: both;
	}
		.rssContent ul li {
			font-weight: bold;
			text-transform: uppercase;
			background: url(/static/images/all/backgrounds/border_pointX.gif) repeat-x left top;
			padding: 15px 0 15px 40px;
		}
			.rssContent ul li ul {
					padding-left: 65px;
					margin-top: -25px;
			}
				.rssContent ul li ul li {
					text-transform: none;
					padding: 3px 0 10px 0;
				}
					.rssContent ul ul li a {
						color: #fff;
						text-decoration: none;
						padding: 3px 0 3px 25px;
						background: url(/urbania/static/images/all/icons/rss.png) no-repeat left bottom;
					}
					.rssContent ul ul li a:hover { color: #ffff00; }



/* ------------------------------------------------------------------------
	25.0 Dock
------------------------------------------------------------------------- */

	#dock {
		font-family: Helvetica, Arial, Sans-serif;
		left: -496px;
		position: absolute;
		top: 30%;
		width: 571px;
		z-index: 10000;
		text-align: center;
	}
	#dock .content {
	 text-align:left;
	}
	
		#dock .login p a { font-size: 1em; }
	
		#dock .loader {
			text-align: center;
			width: 491px;
			padding: 10px 0 0 5px;
			float: left;
			position: relative;
			top: 21px;
			height: 58px;
			background: #1c1a1a url(/urbania/static/images/all/backgrounds/ajax-loader.gif) no-repeat 50% 75%;
		}
    #dock .tabs{ width:495px; }
		#dock .tabs-menu li {
			background: #1c1a1a;
			border-right: 1px solid #0b0a0a;
			border-left: 1px solid #181616;
			/* 5px 14px 5px 17px */
			height: 23px;
			overflow: hidden;
		}
		
		#dock .tabs-menu li a { 
    background: none; display:block; 
    padding: 5px 15px 3px 17px; 
    }
			
		#dock .tabs-menu li.current {
			background: #1c1a1a;
			margin-bottom: -1px;
			padding-top: 1px;
		}
		
		#dock .tabs_content {
			background: #1c1a1a;
			padding: 10px 0 0 0px;
			float: left;
			position: relative;
			top: -2px;
			min-height: 58px;
			width:495px;
		}
		#dock .activity-item .act-body span.date {
			float:right;
			margin-top:-20px;
			width:95px;
		} 
		#dock .activity-item .act-body span.date a {
			color:#898989;
			text-decoration:underline;
			font-style:normal;
		}
		#dock .tabs_content h2 {
			font-size: 1.1em;
			margin: 0;
			padding-top: 2px;
		}

		#dock .tabs_content .howMany {
			color: #ffff00;
			padding-top: 2px;
			font-weight: normal;
		}

		#dock .tabs_content p {
			/*color: #fff;*/
			padding: 5px 0;
			clear: left;
			float: left;
		}
		#dock .tabs_content p.desc {
			margin-left:20px;
		}
		
    #dock .tabs_content p.meta {
      clear:none;	
	  }

		#dock .tabs_content ul.paging {
			margin: 5px 50px 5px 0!important;
			clear: none;
		}
		#dock .tabs_content ul.paging li.selected a{
			color: #ffff00;
			font-weight: normal;
		}

		#dock .tabs_content .recent-activity {
			/*border-top: 1px solid #545352;*/
			float: left;
			clear: both;
		}

		#dock .tabs_content .recent-activity li { width: 100%; float: left; position: relative; width:495px; }
		#dock .tabs_content .recent-activity li.dark, #dock .tabs_content .recent-activity li div.dark {background-color:#1C1A1A; border-bottom:1px solid #545352;}
		#dock .tabs_content .recent-activity li.light, #dock .tabs_content .recent-activity li div.light  {background-color:#242222!important; border-bottom:1px solid #545352;}

		#dock .tabs_content .recent-activity li a { color: #fff; font-weight:lighter;}

		#dock .tabs_content .commentList li a { /*color: #ffff00;*/ font-style: italic; color:#fff!important;}

		#dock .tabs_content .recent-activity li .content { width: 287px; float: left; }

		#dock .tabs_content .recent-activity li .content h3 {
				/* margin-left: -20px; */
				height: auto;
			}
			
		#dock .tabs_content .commentList li .content h3 { margin-left: 0; line-height:23px; }
		#dock .tabs_content .commentList li .content h3 em { display: block; }
		
		#dock .tabs_content .commentList li .content h3 a {
			color: #fff;
			font-weight: normal;
		}
	
		#dock .tabs_content .recent-activity li .content h3 span.title { 
      display: inline-block; text-indent: -10000px; line-height:23px; height: 23px; 
      background-position: -20px 5px;
    }

		#dock .tabs_content .recent-activity li .content p {
			font-size: 1.3em;
			padding-left: 0;
		}
		#dock .tabs_content .commentList li .content { width: 330px; margin: 0 0 10px 0; }

		#dock .tabs_content .recent-activity li .content .type { color: #fff; padding-bottom: 10px; }
		#dock .tabs_content .recent-activity li .content .date { 
      color:#7B7B7B;
      line-height: 18px;
      font-size:11px;
      font-weight:normal;
      text-transform: none;
    }
		#dock .tabs_content .commentList li .content p { font-size: 1em; word-wrap: break-word; width: 445px;}

		#dock .tabs_content .recent-activity li .actions {
			float: right;
			margin: 10px;
		}

		#dock .tabs_content .recent-activity li .actions a, #dock .tabs_content .recent-activity li .actions { color: #7b7b7b; }

		#dock .tabs_content h2#t_monProfil {
			width: 84px;
			text-indent: -300000px;
			background: url(/urbania/static/images/fr/titles/t_monProfil.gif) no-repeat left top;
		}
			
	#dock .tabs_content h2#dockSigninTitle {
		background: none !important;
	}
	

	#dock .tabs-menu li a.trophy {
	   background: url(/urbania/static/images/all/icons/trophy_white.gif) no-repeat scroll left center ;
  }
  #dock .tabs-menu li a.trophy:hover, #dock .tabs-menu li.current a.trophy  {
	   background-image: url(/urbania/static/images/all/icons/trophy_yellow.gif);
  }
	.light #dock .tabs-menu li a.trophy:hover, .light #dock .tabs-menu li.current a.trophy  {
	   background-image: url(/urbania/static/images/all/icons/trophy_blue.gif);
  }
	#dock .tabs-menu li a.discuss {
	   background: url(/urbania/static/images/all/icons/discuss_white.gif) no-repeat scroll center left;
  }
  #dock .tabs-menu li a.discuss:hover, #dock .tabs-menu li.current a.discuss {
	   background-image: url(/urbania/static/images/all/icons/discuss.gif);
  }
  .light #dock .tabs-menu li a.discuss:hover, .light #dock .tabs-menu li.current a.discuss {
	   background-image: url(/urbania/static/images/all/icons/discuss_blue.gif);
  }
	#dock .tabs-menu li a.contributions {
	   background: url(/urbania/static/images/all/icons/contributions_white.gif) no-repeat scroll center left;
  }
	.light #dock .tabs-menu li.current a.contributions {
	   background: url(/urbania/static/images/all/icons/contributions_blue.gif) no-repeat scroll center left;
  }
	
	#dock .tabs-menu li a.contributions.current,
	#dock .tabs-menu li a.contributions:hover { background-image: url(/urbania/static/images/all/icons/contributions.gif); }
	
	.light #dock .tabs-menu li a.contributions.current,
	.light #dock .tabs-menu li a.contributions:hover { background-image: url(/urbania/static/images/all/icons/contributions_blue.gif); }
	
	#dock .tabs-menu li a.trophy, #dock .tabs-menu li a.discuss {
	   padding-left: 30px;
	   background-position: 9px 5px;
	}
	#dock .dock-pagination {
		float:right;
    margin-right:30px;
		margin-bottom:5px;
    margin-top:3px;
	}
	#dock .dock-pagination a.arrow-left {
		background:url("/urbania/static/images/all/buttons/b_previous_empty.png") no-repeat scroll left top #FFFFFF;
		display:block;
		height:17px;
		padding:0;
		width:15px;
		float:left;
	}
  #dock .dock-pagination a.arrow-right {
    background:url("/urbania/static/images/all/buttons/b_next_empty.png") no-repeat scroll left top #FFFFFF;
    display:block;
    height:17px;
    padding:0;
    text-indent:-10000px;
    width:15px;
    float:left;
  }
	
	#dock .dock-pagination a.number{
		color:#8D8D8D;
		float:left;
		padding:2px 2px 0 2px;
		text-decoration:none;
	}
  
  #dock .dock-pagination a.number.current, #dock .dock-pagination a.number:hover{
    color:#ff0;
  }
	
	.light #dock { color: #fff;}
	.light #dock .activity-item .act-body span.date { color: #898989;}
	
	.light #dock .recent-activity .discuss.white { background: url("/urbania/static/images/all/icons/discuss_white.gif") no-repeat scroll center top transparent;}
	.light #dock .activity-item .act-body span.date a { color: #898989!important;}
	.light #dock li.odd .activity-item { background-color: #2C2B29;}
	.light #dock .activity-item .act-body a.title { color: #fff!important;}
	
	.dockProfil {
		width: 447px;
		padding: 22px 0; margin: 0 22px;
		float: left;
		clear: both;
		border-bottom: 1px solid #545352;
	}
		.dockProfil p {
			padding: 0 !important;
		}
			.dockProfil p.save {
				float: none !important;
			}
			.dockProfil p.thumbnailProfile {
				padding: 0 10px 0 0 !important;
			}

		.dockProfil .rightInfos { width: 250px; height: 142px; float: left; position: relative; }
			.dockProfil .rightInfos ul { position: absolute; bottom: 30px; left:0px; width: 100%; }
			#dock .dockProfil .rightInfos p { position: absolute; bottom: 0px; left:0px; color: #acacac; }

		.dockProfil ul li {
			color: #fff;
			padding: 2px 0;
			/*border-bottom: 1px solid #545352;*/
		}
		.dockProfil ul li.name { color: #ffff00; font-style: italic; font-family: Georgia; font-size: 1.2em; }
		#dock .dockProfil ul li.site a { color: #ACACAC; }

	.dockThumbnail {
		padding: 5px 20px 20px;
		float: left;
	}
	.tabs_content .dockSignin { margin: 22px auto; width: 300px; }
	.light #dock .paperbox .top { background: url(/urbania/static/images/all/backgrounds/paperbox_top.gif) no-repeat left top; }
	.light #dock .paperbox .bottom { background: url(/urbania/static/images/all/backgrounds/paperbox_bottom.gif) no-repeat left bottom; clear: both; }

			#dock .tabs_content .paperbox p { color: #2A2A2A; font-size: 1.2em; padding-left: 1px; }
			#dock .tabs_content .paperbox p a { color: #2A2A2A; }

#dock .tabs_content .paperbox p.clearfix { text-align: center; float: none; }

#dock .tabs_content .paperbox p a.arrow-button,
#dock .tabs_content .paperbox p a.arrow-button span { float: none; display: inline; padding: 2px 5px; font-weight: bold; }

	#dock .tabs_content .arrow-button .left { color: #fff; font-size: 1em; }
	
	#dock .tabs_content .login form { float: left; }

		#dog_button {
			background: url(/urbania/static/images/all/buttons/dog_button.png) top left no-repeat;
			display: block;
			height: 71px;
			right: 3px;
			position: absolute;
			text-indent: -10000px;
			top: 30%;
			width: 72px;
		}
		#dog_button:hover { background-position: 0 -76px; }
		
		.open #dog_button { background-position: 0 -150px; }

/* ------------------------------------------------------------------------
	26.0 Reportage Video
------------------------------------------------------------------------- */

	.video {
		padding-top: 45px;
	}

	.flashContent { border-bottom: 1px solid #fff; position: relative; }
	
		.video .tools { right: 0; top: -41px; bottom: auto; }
			.video .tools li { background: none !important; }
			.video .tools .trophy { background: transparent url(/urbania/static/images/all/icons/mask_trophy.png) no-repeat right -59px; }
			.video .tools .discuss { background: transparent url(/urbania/static/images/all/icons/mask_discuss.png) no-repeat right -59px; }

	.more { float: left; }

		.more ul { list-style: none; padding-top: 1px; }

			.more ul li { width: 296px; float: left; }

				.more ul li.first { padding-right: 20px; }

					.more ul li li { width: 276px; margin: 2px 0 5px 20px; }

					.more ul li .comments li { padding: 0; }

						.more ul li .comments li .thumbnail { margin-left: 0; width: 65px; }

						.more ul li .comments li p { width: 200px; }

							.more ul li .comments li p.author { width: 276px; text-indent: 76px; font-size: 1em; top: inherit;}

							.more ul li .comments li p.read_more { width: auto; right: 0;}



/* ------------------------------------------------------------------------
	27.0 Search
------------------------------------------------------------------------- */

	.search {
		padding-top: 80px;
	}
	
	.search .tabs { width: 100%; }
	
	.search .tabs-menu {
		position: relative;
		top: -25px;
		height: 27px;
	}
	
	.search .tabs_content .howMany { padding-top: 3px; }
	
	.search .tabs_content ul.paging {
		clear: none;
		margin: 5px 15px 0 0 !important;
	}
	
	.search ul.listTheme {
		margin-top: 15px;
		background-color: #1c1a1a;
	}
	
	.search ul.listTheme li {
		background-color: #262422;
	}
	
	.search ul.listTheme li .thumbnail { margin-left: 20px; }
	
	.search ul.listTheme li .content { width: 435px; }

	.search ul.listTheme li .content h5 { margin: 10px 0; }


/* ------------------------------------------------------------------------
	28.0 Vox Pop
------------------------------------------------------------------------- */

	.vox-pop { padding-top: 85px; }

	.vox-pop h2 {
		color: #FFFFFF;
		font-size: 3.2em;
		margin: 0 0 15px 18px;
		text-transform: uppercase;
	}
	.light .vox-pop h2 {
		color: #404040;
		font-size: 3.2em;
		margin: 0 0 15px 18px;
		text-transform: uppercase;
	}

	.vox-pop .genericButton {
		margin: 0 0 0 19px;
	}
	
	.vox-pop .users .content { height: 185px; margin-left: 0; }
	

	
	.vox-pop .users li { margin-left: 19px; }
	.vox-pop .users li.answer_video,
	.vox-pop .users li.answer_video .content { width: 184px; }
	
	.vox-pop .users .content h5 { margin-top: 9px; }
	
	.vox-pop .users .content h5,
	.vox-pop .users .content p { margin-left: 35px; }
	
  .vox-pop .answer_video .content { 
    padding: 0 0 5px 0 !important;
  }
  
	.vox-pop .answer_text div {
		background: #0b0a0a url(/urbania/static/images/all/icons/voxpop_text.gif) bottom left no-repeat;
	}
	
	/* Popin window */
	
	.vox-pop-holder {
		display: none;
		background: url(/urbania/static/images/all/backgrounds/vox-pop-speech.png) bottom left no-repeat;
		position: absolute;
		top: -1000px;
		left: -1000px;
		width: 350px;
		z-index: 20000;
		font-size: 1.1em;
		padding: 0 0 16px 0;
	}
	
		.vox-pop-holder .content {
			background: url(/urbania/static/images/all/backgrounds/92_black.png) top left repeat;
			border: 1px #514f4f solid; border-bottom: 0;
			padding: 20px 15px;
		}
		
		.vox-pop-holder .content p {
			padding: 10px 0 0 40px;
			background: url(/urbania/static/images/all/backgrounds/vox_pop_quote_left.gif) top left no-repeat;
		}
		
		.vox-pop-holder .content p span {
			padding: 0 30px 10px 0;
			display: block;
			background: url(/urbania/static/images/all/backgrounds/vox_pop_quote_right.gif) bottom right no-repeat;
		}
		
	/* Popin Reply */
	
	.vox-pop-reply {
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		z-index: 11000;
	}
	
		.vox-pop-reply .video { display: none; padding: 5px 0 0 145px; }
		
		.vox-pop-reply .text { display: none; padding: 5px 0 0 0; }
		
			.vox-pop-reply .text .thumbnail {
				border:3px solid #2C2C2C;
				float:left;
			}
				.vox-pop-reply .text .thumbnail img { display: block; }
			
			.vox-pop-reply .text textarea {
				border-right:1px solid #404040;
				border-top:1px solid #404040;
				float:left;
				height:110px;
				padding:5px;
				width:536px;
			}
			
			.vox-pop-reply .text input { float: right; margin: 5px 1px 0 0; }
			
		.vox-pop-reply .comment-login { margin: 15px 0 0 20px; }
	
	/* Overlay reply */
	
	.vox-pop-overlay {
		background: #1c1a1a;
		display: none;
		height: 100%;
		left: 0;
		opacity: 0.95;
		position: absolute;
		top: 185px;
		width: 100%;
		z-index: 10000;
	}
	.light .vox-pop-overlay {
		background: transparent;
		display: none;
		height: 100%;
		left: 0;
		opacity: 0.95;
		position: absolute;
		top: 185px;
		width: 100%;
		z-index: 10000;
	}


/* ------------------------------------------------------------------------
	29.0 Static Pages (Legal, Contact, Etc)
------------------------------------------------------------------------- */

	.static {
		padding: 47px 0 0 0;
	}

	.static .submenu {
		float: left;
		list-style: none;
		width: 88px;
		margin: 0 5px 0 0;
		position: relative;
		padding-top: 25px;
		top: 0px; left: 0;
	}
	
	.static .submenu a:hover,
	.static .submenu .selected a { background-position: top right !important; }
	
	.static .content {
		float: left;
		font-family: Helvetica, Arial, Sans-serif;
		font-size: 1.1em;
		background: #242222;
		color: #fff;
		width: 489px;
		padding: 25px 15px 0 15px;
	}
	
	.static .content p {
		margin: 0 0 15px 0;
	}
	
	.static .content a { color: #fff; }
	.static .content a:hover { text-decoration: none; }
	
	.dottedList {
		list-style: none;
		margin: 15px 0;
	}
	
		.dottedList li {
			margin: 0 0 13px 0;
			background: url(/urbania/static/images/all/backgrounds/dotted_line.gif) bottom left repeat-x;
		}
		
			.dottedList li span {
				position: relative;
				bottom: -1px;
				background: #242222;
			}
		
			.dottedList li .left	{ display: block; float: left; }
			.dottedList li .right	{ display: block; float: right; }


/* ------------------------------------------------------------------------
	WebTV
------------------------------------------------------------------------- */

	.webtv .flashContent { border-bottom: 0; position: relative; top: -5px; }
	
	.webtv #sitesearch { bottom: 10px; background-image: none; }
	
	.webtv #backgroundline { top: 81px; }
	
	.webtv #header { height: 122px; }
	
	.webtv .allContent { padding-top: 0; }


/* ------------------------------------------------------------------------
	Musee Urbania
------------------------------------------------------------------------- */

	.museeurbania h2 { margin-left: 0 !important; }
	
	.museeurbania iframe {
		border: 0;
		overflow: hidden;
		margin-bottom: 20px;
	}



/* ------------------------------------------------------------------------
	30.0 Misc
------------------------------------------------------------------------- */
	.arrow-button{
		display: block;
		float: right;
		text-decoration: none;
	}

	.arrow-button .left {
		background: #000;
		display: block;
		height: 13px;
		color: #fff;
		font-size: 0.9em;
		float: left;
		padding: 2px 15px 0;
		font-family: Helvetica, Arial, Sans-serif;
	}
		.arrow-button:hover .left { color: #ffff00; }
	
	.arrow-button .right {
		background: url(/urbania/static/images/all/backgrounds/arrow_button_right.gif) no-repeat top left;
		display: block;
		width: 7px; height: 15px;
		float: left;
	}

	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}
	
	#iframeVernaculaire {
		margin-top:-15px;
	}
	.clearfix {display: block;}
      .tooltip .url{
        display:none;
      }
      
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.ui-uimsg 
{
  list-style-type: none;
}
.ui-error
{ 
  color: red;
  background: url(/urbania/static/images/error.png) no-repeat top left;
  padding: 2px;
  text-indent: 16px;
  font-size: 12px;
}
.ui-ok-progress
{
  background: url(/urbania/static/images/arrow-icon.png) no-repeat top left;
  padding: 2px;
  text-indent: 16px;
  color: green;
  font-size: 14px;
}

.form-error
{
  border: 1px solid red !important;
}
.label-error { color: #FE0000; }

#wrapper_page { width: 930px; margin: auto; position: relative; z-index: 1; }
#wrapper_footer { position: relative; background-color: #282626; text-align: left; width: 930px; }
#holder_footer {position: relative;  width: 930px;}
#holder_footer.resized { position: absolute; bottom: 0; left: 0; overflow: hidden; }
.clearer { display: block; height: 0px; clear: both; }









.activity-item {
	display: block; clear: both;
	width: 100%;
	padding: 8px 0 0;
	background-color: #2c2b29;
	position: relative;
}
.activity-item.dark {background-color:#262422;}
.activity-item.light {background-color:#2D2B29;}
.odd .activity-item { background-color: transparent; }

.activity-item .act-thumb {
	float: left;
	width: 72px;
	padding:10px 18px 30px;
}
.activity-item.readonly .act-thumb { width: 40px; padding-left: 8px; }


.activity-item .act-chan {
	padding-left: 13px;
	
	font-size: 12px; color: #737372; font-weight: bold;
	text-transform: uppercase;
}
.activity-item .act-body {
}
.activity-item.readonly .act-body { width: 406px; }

.activity-item .act-body .meta { margin-bottom: 12px; }
.activity-item .act-body span.date {
	display: block;
	color: #898989;
	font-size: 11px;
	padding-right: 10px;
	text-transform:none;
}
.activity-item .act-body span.date a{
	color:#929292;
}
.activity-item .act-body a.title { 
	display: block;
  float: left;
	font-size: 12px;
	color: #fff; text-decoration: underline; 
	font-style: italic;
	margin-right: 20px;
	width:300px;
	padding:4px 0px;
}
.activity-item.readonly .act-body a.title { max-width: 290px; }
.activity-item.readonly .act-body .meta { margin: 0; }





#dock .profile .profile-info { width: 315px; float: right; text-align: left; margin-top: 0 !important; }
#dock .profile .profile-info li p { width: 100px; color:#fff; }
#dock .profile .profile-info li p.profile-name { clear: both; float: none; font-size: 14px; width: 100%; }
#dock .profile .profile-info li { margin-bottom: 9px; }
#dock .profile .profile-info li.dock { margin-bottom: 0px; border-bottom:1px solid #545352; }
#dock .profile .profile-info li p.profile-clear { float: none; clear: both; }
#dock #t_profil { display: none; }
.profile-info a.mail { color: #fff; text-decoration:none;}
.profile-info a.mail:hover { text-decoration:underline;}

#dock .recent-activity { text-align: left; }
#dock .activity-item .act-body .meta { margin-bottom: 0; width:365px;}
#dock .bt_modify { float: left; margin-left: -17px; }

.tools_wrapper { position: absolute; bottom: 0; right: 0; }
.tools_wrapper .tools { position: relative; top: 0; right: 0; margin-top: 0; }
.tools_wrapper .delete-vote { color: #6e6e6d; font-size: 10px; text-decoration: none; float: right; clear: both; margin: 0 5px 5px 0; }



.filters_level { list-style: none; margin-bottom: 10px; }
.filters_level li { float: left; color: #fef102; margin-right: 10px; }
.filters_level li a { color: #fff; text-decoration: none; }
.filters_level li a:hover { color: #fef102; text-decoration: underline; }
.light .filters_level li a:hover { color: #000; text-decoration: underline; }

#sidebar #blogroll ul { 
	list-style: disc outside none; 
	padding-left: 15px; margin-bottom: 15px;
	font-size: 14px; font-style: italic; color: #444444;
}
#sidebar #blogroll ul li {  }
#sidebar #blogroll ul li a { color: #444444; text-decoration: none; font-family: Georgia, Times, Serif; }
#sidebar #blogroll ul li a:hover { text-decoration: underline; }

.info-text {color:#9F9F9F; margin-left:50px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:8.5pt; margin-right:41px;}
h3.info-text {color:#fff; margin-left:50px; margin-top:28px; font-family:Arial, Helvetica, sans-serif; font-size:9pt;}
#g_map_container div.gmnoprint {margin-top:-23px;}
.facebook-connect {background:url(../images/all/buttons/bt_facebook_connect.png) no-repeat; width:85px; height:20px; display:block; margin:2px auto;}
.facebook-connect-section {text-align:center; font-size:8pt; margin:2px 0px;}
#header .facebook-connect-section {margin-top:-6px;}
#header .ui-error {/*margin-top:-6px;*/} 
.produit-avec {margin-top:120px; margin-left:16px;}

/* #saveImgProfil { width: 95px; height: 18px; } */

#reaction_pubs {
	float: right;
	margin-left: 10px;
	margin-top: 16px;
}
#reaction_left { float: left; width: 615px;}

.politique ul { padding-left: 10px;}


/* Clear */
.clear { display: block; height: 1px; font-size: 1px; overflow: hidden; clear: both; float: none; }

.ventes b{ display:block}
.ventes p{ margin-bottom:5px}
.ventes ul{padding:0 0 7px 10px;}
.ventes ul li{padding-bottom:3px; list-style:none}
.ventes ul li .store{ width:190px; float:left}
.ventes ul li .adresse{ width:200px; float:left}
.ventes ul li .code{ width:80px; float:left}
.content.ventes p{ margin:0 0 8px 0}



/* ------------------------------------------------------------------------
	31.0 Points System
------------------------------------------------------------------------- */
#points-overlay {position:fixed; top:0px; left:0px; height:100%; width:100%; background-color:#000; opacity:0.7; z-index:100; display:none;}
.points-lightbox {position:fixed; top:50%; left:50%; margin-top:-75px; margin-left:-200px; height:150px; width:400px; background:url(../images/all/backgrounds/paper-texture-big.jpg) no-repeat; z-index:110; display:none; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; font-family:Georgia, Tahoma, Times, Serif; font-size:8pt; text-align:left; }
#points-title-bar {background-color:#000; height: 14px; margin:18px 6px; color:#fff; padding:3px 5px 2px 10px; width:373px;}
a.points-close-icon {float:right; text-decoration:none;}
#points-body {color:#000; width:350px; margin:20px 25px;}
#points-footer {bottom:10px; color:#000000; margin:20px 5px 0; position:absolute; text-align:left; width:384px; font-size:7pt; font-family:Arial, Helvetica, sans-serif;}
#points-learn-more {font-style:italic; float:right; text-decoration:underline; font-family:Georgia, Tahoma, Times, Serif; }
#points-learn-more:hover {cursor:pointer;}

#points-explication {position:absolute; top:50%; left:50%; margin-top:-386px; margin-left:-462px; height:772px; width:836px; padding:0px 45px 0px 44px; background:#fff url(../images/all/backgrounds/paper-texture-big.jpg) no-repeat; z-index:120; display:none; overflow:hidden; -moz-border-radius:10px; -webkit-border-radius:10px; font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-align:left; color:#545454;}
#points-explication a.points-close-icon {padding:10px; margin-right:-45px; text-decoration:none; color:#000; font-style:normal;}
#points-explication p {margin:15px 0px;}
#points-explication a {color:#545454; text-decoration:underline; font-weight:bold; font-style:italic;}