body {
	margin: 0;
	background-color: #FFF;
	color:#333333;
	font-family:Arial,Helvetice,Verdana,sans-serif;
	font-size:12px;
	}

.clear {
	clear: both;
}

input, select, textarea {
	font-family:Arial,Helvetice,Verdana,sans-serif;
}

/*=================================
HOME
==================================*/
body#home {
	background: #000 url(../images/home/bg_repeat.jpg) left top repeat-x;
}

.conteneur-home {
	background: url(../images/home/head.jpg) center top no-repeat;
}
.fla-home {
	width: 980px;
	height: 300px;
	margin: 0 auto;
}
.content-home {
	width: 980px;
	margin: 0 auto;
}
	.content-home h1 {
		margin: 0;
		padding: 0 0 12px 0;
	}
	.content-home img {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.content-home .pad-logo {
		width: 455px;
		height: 300px;
		color: #666;
		font-size: 12px;
		float: left;
	}
		.content-home .pad-logo p {
			margin: 0;
			padding: 0 40px 0 55px;
		}
		
	.content-home .pad-public {
		width: 160px;
		height: 275px;
		padding: 25px 31px 0 39px;
		background: url(../images/home/sep.jpg) no-repeat;
		float: left;
	}
		.content-home .pad-public ul {
			margin: 0;
			padding: 16px 0 0 0;
		}
			.content-home .pad-public ul li {
				list-style: none;
				display: inline;
				margin: 0;
				padding: 0;
			}
			
	.content-home .pad-vip {
		width: 160px;
		height: 275px;
		padding: 25px 21px 0 39px;
		background: url(../images/home/sep.jpg) no-repeat;
		float: left;
	}
		.content-home .pad-vip a {
			display: block;
			padding: 5px 0 0 5px;
			font-size: 10px;
			color: #666;
		}
		
		.content-home .field {
			width: 168px;
			height: 19px;
			background: url(../images/home/field.gif) no-repeat;
			padding: 3px 5px 0px 5px;
			margin: 4px 0 0 0;
		}
			.content-home .field input {
				width: 168px;
				height: 19px;
				border: 0;
				background: none;
				color: #666;
				font-size: 12px;
			}
		#btn_login,
		#btn_valid_mdp {
			margin: 15px 0 0 0;
		}
		.content-home .error_login {
			padding: 2px 0 0 5px;
			font-size: 11px;
			color: #c00;
		}
		#home_pass {
			position: absolute;
			color: #666;
			font-size: 12px;
			padding: 4px 0 0 5px;
			margin: -22px 0 0 0;
		}
		#ajax_over_pad #home_pass {
			color: #ccc;
			padding: 4px 0 0 11px;
		}
		
	.pad-banner2 {
		width: 387px;
		padding: 22px 0 0 46px;
		float: left;
	}
	.pad-banner3 {
		width: 483px;
		padding: 22px 0 0 20px;
		color: #ccc;
		float: left;
	}

		.content-home .pad-vip a.btn_inscrip {
			display: block;
			width: 131px;
			padding:5px 0 0 0;
			margin: 0;
		}
		
	.pad-banner1 {
		margin: 0;
		padding: 32px 45px 20px 45px;
		height: 80px;
		width: 980px;
	}
	
	.separator {
		background: url(../images/home/separator.png) no-repeat;
		height:20px;
	}
	
	.separator-white {
		background: url(../images/home/separator-white.png) no-repeat;
		height:20px;
	}
	
	*+html .footer-home {
		padding-top: 47px;
	}

		ul.footer-right-black,
		ul.footer-right-white {
			margin: 5px 30px 30px 0;
			padding: 2px 0 0 0;
			float: right;
		}
		ul.footer-left-black, ul.footer-left-white {
			margin: 0;
			padding: 0 0 0 11px;
			width:100%;
			float: left;
			font-size:11px;
			height:35px
		}
		
		ul.footer-left-black {
			background:url(../images/home/bg-footer-first-black) no-repeat 0 1px;
		}
		
		ul.footer-left-white {
			background:url(../images/home/bg-footer-first-white) no-repeat 0 5px;
		}
			.footer-home li {
				list-style: none;
				display: inline;
				margin: 0;
			}
			
			.footer-home .footer-left-black li, .footer-home .footer-left-white li {
					display:block;
					height:35px;
					float:left;
					margin:0 5px 0 0;
			}
			
			.footer-home .footer-left-black li:hover {
				background:url(../images/home/bg-footer-left-black.png) no-repeat left 0;
			}
			
			.footer-home .footer-left-white li:hover {
				background:url(../images/home/bg-footer-left-white.png) no-repeat left 0;
			}
			
			.footer-home .footer-left-black a, .footer-home .footer-left-white a {
				display:block;
				float:left;
				height:35px;
				margin:0;
				padding:10px 4px 0 4px;
				
			}
			
			.footer-home .footer-left-black a:hover {
					color: #fff;
					text-decoration: none;
			}
			
			*html .footer-home .footer-left-black a:hover {
					text-decoration: underline;
					background:none;
			}
			
			.footer-home .footer-left-white a:hover {
				color:#666;
				text-decoration:none;
			}
			
			*html .footer-home .footer-left-white a:hover {
				text-decoration:underline;
				background:none;
			}
			
			.puma-icon a, .puma-icon-black a {
				padding:0 !important;
				margin:0 !important;
				float:right;
			}
			
			.puma-icon {
				float:right !important;
				margin:0 60px 0 0 !important;
			}
			
			.puma-icon-black {
				float:right !important;
				margin:-1px 60px 0 0 !important;
			}
				
			.footer-home .footer-left-black a:hover {
					background:url(../images/home/bg-footer-center-black.png) no-repeat center 0;
				}
				
			.footer-home .footer-left-white a:hover {
					background:url(../images/home/bg-footer-center-white.png) no-repeat center 0;
				}
				
			.footer-home .footer-left-black span, .footer-home .footer-left-white span {
					display:block;
					height:35px;
					float:left;
				}
				
			.footer-home .footer-left-black span:hover, .footer-home .footer-left-white span:hover {
					color: #fff;
					text-decoration: none;
				}
			.footer-home .footer-left-black span:hover {
					background:url(../images/home/bg-footer-repeat-black.png) no-repeat right 0 ;
				}
			.footer-home .footer-left-white span:hover {
					background:url(../images/home/bg-footer-repeat-white.png) no-repeat right 0 ;
				}
			ul.footer-right-black li,
			ul.footer-right-white li {
				padding: 0 20px;
				background: url(../images/home/footer_sep.gif) left center no-repeat;
			}
			
			ul.footer-right-black li a {
				color:#FFF;
				font-size:12px;
				text-decoration: none;
			}
			ul.footer-right-white li a {
				color:#000;
				font-size:12px;
				text-decoration: none;
			}
			ul.footer-right-black li a:hover,
			ul.footer-right-white li a:hover {
				color:#f00;
				font-size:12px;
				text-decoration: none;
			}
			
			ul.footer-right-black li.first,
			ul.footer-right-white li.first {
				background: none;
			}
			ul.footer-left li {
				padding: 0;
			}
				.footer-home a {
					color: #4D4D4D;
					text-decoration: none;
				}
				.footer-home a:hover {
					color: #999;
				}
				
		.footer-txt {
			padding: 30px 0 10px 0;
			text-align: center;
			color: #99CC00;
			font-size: 12px;
		}
	
.rouge {
	color: #c00;
}
		
		
	#ajax_create_account {
		position: absolute;
		display: none;
		top: 0;
		left: 50%;
		width: 558px;
		height: 391px;
		margin: 0 0 0 -312px;
		padding: 45px 27px 0 40px;
		background: url(../images/pad_create_account.png) top center no-repeat;
		color: #fff;
		font-size: 12px;
	}
	*html #ajax_create_account { /*IE6*/
		background: url(../images/pad_create_account.gif) top center no-repeat;
	}
	.pad-over-flash-big {
		position: absolute;
		display: none;
		top: 152px;
		left: 50%;
		width: 558px;
		height: 391px;
		margin: 0 0 0 -218px;
		padding: 28px 27px 0 40px;
		background: url(../images/pad_create_account_flash.png) top center no-repeat;
		color: #fff;
		font-size: 12px;
	}
	*html .pad-over-flash-big { /*IE6*/
		background: url(../images/pad_create_account_flash.gif) top center no-repeat;
	}
	.pad-over-edit-account {
		top: -18px;
		background: url(../images/pad_edit_account.png) top center no-repeat !important;
		height: 591px !important;
	}
	*html .pad-over-edit-account {
		background: url(../images/pad_edit_account.gif) top center no-repeat !important;
	}
	#ajax_over_edit_account {
		position: absolute;
		width: 100%;
		height: 100%;
		display: none;
	}
	#ajax_over_create_account {
		margin-left: -236px;
	}
	
	#ajax_over_pad {
		position: absolute;
		display: none;
		top: 73px;
		left: 50%;
		width: 258px;
		height: 474px;
		margin: 0 0 0 -10px;
		padding: 28px 27px 0 40px;
		background: url(../images/pad_over.png) top center no-repeat;
		color: #fff;
		font-size: 12px;
	}
	*html #ajax_over_pad { /*IE6*/
		background: url(../images/pad_over.gif) top center no-repeat;
	}
		#ajax_over_pad .contener-over-pad {
			height: 270px;
		}
	#ajax_over_pad_mdp {
		
	}
	
	.pad-over-flash-share {
		position: absolute;
		display: none;
		top: 41px;
		left: 50%;
		width: 318px;
		height: 444px;
		margin: 0 0 0 -52px;
		padding: 28px 27px 0 40px;
		background: url(../images/pad_share.png) top center no-repeat;
		color: #fff;
		font-size: 12px;
	}
	*html .pad-over-flash-share { /*IE6*/
		background: url(../images/pad_share.gif) top center no-repeat;
	}
	
		#ajax_create_account img, 
		.pad-over-flash-big img,
		#ajax_over_pad img,
		.pad-over-flash-share img
		{
			margin: 0;
			padding: 0;
			border: 0;
		}
		#ajax_create_account .btn-close,
		.pad-over-flash-big .btn-close,
		#ajax_over_pad .btn-close,
		.pad-over-flash-share .btn-close
		{
			float: right;
		}
		#ajax_create_account h1,
		#ajax_over_create_account h1 {
			width: 300px;
			margin: 0 0 5px 0;
			padding: 0;
		}
		#ajax_save_tas h1 {
			width: 300px;
			margin: 0;
			padding: 0;
		}
		#ajax_share_art h1 {
			width: 300px;
			margin: 0;
			padding: 0;
		}
		#ajax_over_pad h1 {
			width: 150px;
			margin: 0 0 10px 0;
			padding: 0;
		}
		#ajax_share_art h1 {
			margin: 4px 0 10px 0;
			padding: 0;
		}
		
		.pad-over-flash-share h2 {
			margin: 20px 0 10px 0;
			font-size: 14px;
			padding: 0;
		}
		
		#ajax_over_pad a {
			display: block;
			padding: 5px 0 0 5px;
			font-size: 10px;
			color: #ccc;
		}
		
		#ajax_over_pad .error_login {
			padding: 2px 0 0 5px;
			font-size: 11px;
			color: #fff;
		}
		
		#ajax_create_account .form,
		.pad-over-flash-big .form {
			margin: 0;
			padding: 25px 0 0 0;
			color: #ccc;
		}
		.pad-over-flash-share .form {
			margin: 0;
			padding: 40px 0 0 0;
			color: #ccc;
		}
		#ajax_over_pad .form {
			margin: 0;
			padding: 10px 0 0 0;
			color: #ccc;
		}
			#ajax_create_account .form-left,
			.pad-over-flash-big .form-left,
			.pad-over-flash-share .form-left {
				width: 182px;
				padding: 0 36px 0 0;
				vertical-align: top;
				font-size: 12px;
			}
				#ajax_create_account .form-left strong,
				.pad-over-flash-big .form-left strong,
				.pad-over-flash-share .form-left strong {
					font-size: 13px;
				}
				#ajax_create_account .form-left em,
				.pad-over-flash-big .form-left em,
				.pad-over-flash-share .form-left em {
					display: block;
					font-size: 11px;
					color: #333;
					padding: 5px 0 0 0;
				}
								
		#ajax_create_account .field,
		.pad-over-flash-big .field,
		.pad-over-flash-share .field,
		#ajax_over_pad .field
		{
			width: 167px;
			height: 19px;
			background: url(../images/field.gif) no-repeat;
			padding: 3px 5px 0px 9px;
			margin: 10px 0 0 0;
		}
			#ajax_create_account .field input,
			.pad-over-flash-big .field input,
			.pad-over-flash-share .field input,
			#ajax_over_pad .field input
			{
				width: 167px;
				height: 19px;
				border: 0;
				background: none;
				color: #ccc;
				font-size: 12px;
			}
			
		#ajax_create_account .field-tel,
		.pad-over-flash-big .field-tel,
		.pad-over-flash-share .field-tel
		{
			width: 92px;
			height: 19px;
			background: url(../images/field_tel.gif) no-repeat;
			padding: 3px 5px 0px 5px;
			margin: 0;
		}
			#ajax_create_account .field-tel input,
			.pad-over-flash-big .field-tel input,
			.pad-over-flash-share .field-tel input
			{
				width: 92px;
				height: 19px;
				border: 0;
				background: none;
				color: #ccc;
				font-size: 12px;
			}
			
		#ajax_create_account #loft_mdp_hidden,
		.pad-over-flash-big #loft_mdp_hidden
		{
			position: absolute;
			color: #ccc;
			font-size: 11px;
		}
		#ajax_create_account #loft_mdp2_hidden,
		.pad-over-flash-big #loft_mdp2_hidden
		{
			position: absolute;
			color: #ccc;
			font-size: 11px;
		}
		
		#ajax_create_account .msg_error,
		.pad-over-flash-big .msg_error
		{
			position: absolute;
			width: 550px;
			margin: 91px 0 0 0;
			font-size: 10px;
		}
		
		.pad-over-flash-share .msg_error
		{
			position: absolute;
			width: 310px;
			margin: 78px 0 0 0;
			font-size: 10px;
		}
			#ajax_create_account .msg_error b,
			.pad-over-flash-big .msg_error b,
			.pad-over-flash-share .msg_error b
			{
				color: #CC0000;
			}
		.pad-over-flash-big .msg_error_1969 {
			position: absolute;
			width: 550px;
			margin: 56px 0 0 0;
			font-size: 10px;
		}
		
		.pad-over-flash-big .msg_error_1969 b {
			color: #CC0000;
		}	
		#ajax_create_account .form-right,
		.pad-over-flash-big .form-right,
		.pad-over-flash-share .form-right
		{
			padding: 18px 0 0 0;
			vertical-align: top;
		}
			
		#ajax_create_account .form-right td,
		.pad-over-flash-big .form-right td,
		.pad-over-flash-share .form-right td
		{
			vertical-align: top;
			padding: 0 0 12px 0;
			font-size: 13px;
		}
			#ajax_create_account .form-right td.bottom,
			.pad-over-flash-big .form-right td.bottom,
			.pad-over-flash-share .form-right td.bottom
			{
				padding: 23px 0 0 45px !important;
			}
			#ajax_create_account .form-right td td,
			.pad-over-flash-big .form-right td td,
			.pad-over-flash-share .form-right td td
			{
				vertical-align: middle;
				font-size: 12px;
				padding: 0 3px 0 0;
			}
			#ajax_create_account .form-right td.bottom td,
			.pad-over-flash-big .form-right td.bottom td,
			.pad-over-flash-share .form-right td.bottom td
			{
				vertical-align: top;
				padding: 0 0 15px 0;
			}
		

#index {
	background-image: url(jpeg/fond.jpg);
	background-repeat: repeat-x;
	background-position:top;
	}
#page2 {
	background-image: url(back01.jpg);
	background-repeat: repeat-x;
	background-position:center;
	}


.conteneur {
	width: 1280px;
	text-align: center;
	margin: 0 auto;
}

.ctn-loft {
	width: 980px;
	margin: 0 auto;
	padding: 54px 0 0 0;
}
	.ctn-loft a img {
		border: 0;
		padding: 0;
		margin: 0;
	}
	.ctn-loft table {
		border-collapse: collapse;
		border: 0;
		margin: 0;
	}
		.ctn-loft table.menu td {
			padding: 0;
			border: 0;
		}
			
	.ctn-loft-arts {
		margin: 54px 0 0 0;
		padding: 0 13px 0 12px;
		background: url(../images/loft/sep_vertical.gif) center top repeat-y;
	}
		table.arts-contener {
			
		}
			.arts-contener td {
				vertical-align: top;
				padding: 0;
			}
			.arts-contener td.left {
				width: 442px;
			}
			.arts-contener td.center {
				width: 71px;
			}
				.arts-contener td.right td {
					vertical-align: top;
				}
				.arts-contener td.right td.btn-vip {
					vertical-align: middle;
				}
				
				.arts-contener .art,
				.arts-contener .art-active {
					width: 432px;
					height: 102px;
					padding: 8px 5px 5px 5px;
					margin: 0 0 6px 0;
				}
				.arts-contener .art-active {
					background: url(../images/loft/art_bg.jpg) no-repeat;
				}
					.art table,
					.art-active table {
						width: 100%;
						height: 102px;
					}		
						.art .img {
							width: 102px;
							vertical-align: top !important;
						}
						.art .img-big {
							width: 203px;
							vertical-align: top !important;
						}						
						td.left .art .img,
						td.left .art .img-big {
							padding: 0 0 0 8px;
						}
						td.right .art .img,
						td.right .art .img-big {
							padding: 0 8px 0 0;
						}
							.art .img a,
							.art .img-big a {
								text-decoration: none;
							}
							.art .img .mask {
								display: block;
								position: absolute;
								width: 102px;
								height: 102px;
								background: url(../images/mask-img.png) no-repeat;
								z-index: 100;
								cursor: pointer;
							}
							.art .img-big .mask1,
							.art .img-big .mask2 {
								display: block;
								position: absolute;
								width: 102px;
								height: 102px;
								background: url(../images/mask-img.png) no-repeat;
								z-index: 100;
								cursor: pointer;
							}
							.art .img-big .mask2 {
								margin: 0 0 0 102px;
							}
							.art .img-on,
							.art-active .img-on {
								position: absolute;
								opacity: 0;
								filter: alpha(opacity=0);
								z-index: 10;
							}
							.art .picto-on,
							.art .picto-off {
								margin: 73px 0 0 5px;
							}		
							.art .picto-on {
								position: absolute;
								opacity: 0;
								filter: alpha(opacity=0);
								z-index: 10000;
							}
							.art .picto-off {
								position: absolute;
								z-index: 1000;
							}
						.art .desc,
						.art-active .desc {
							padding: 0;
							font-size: 12px;
							color: #666;
							vertical-align: top !important;
						}
						td.left .art .desc,
						td.left .art-active .desc {
							text-align: right;
						}
						td.right .art .desc,
						td.right .art-active .desc {
							text-align: left;
						}
						.art .desc table,
						.art-active .desc table {
							width: 100%;
							height: 102px;
						}
							.art .desc table td,
							.art-active .desc table td {
								padding: 0;
							}
							.art .desc table td.btn,
							.art-active .desc table td.btn {
								vertical-align: bottom;
							}
							.art .desc h2,
							.art-active .desc h2 {
								margin: 0;
								padding: 0 0 6px 0;
								font-size: 14px;
								font-weight: bold;
								color: #000;
							}
								.art .desc h2 a,
								.art-active .desc h2 a {
									color: #000;
									text-decoration: none;
								}
							.art .desc h3,
							.art-active .desc h3 {
								margin: 0;
								padding: 0;
								font-size: 12px;
								font-weight: bold;
								color: #666;
								text-transform: uppercase;
							}
								.art .desc h3 a,
								.art-active .desc h3 a {
									color: #666;
									text-decoration: none;
								}
								.art .desc h3 span,
								.art-active .desc h3 span {
									color: #c00;
								}
			
	
/* gestion des erreurs */
.errorLog, .successLog, .padLog  {
	width:400px;
	position:absolute;
	top:30%;
	left:50%;
	margin-left: -220px;
	z-index: 10000;
	font-size: 12px;
	padding: 20px 20px 10px 20px;
}
.errorLog, .padLog {
	background: #fff;
	color: #333333;
	border: 5px solid #E32F02;
	font-size:12px;
}
.padLog {
	z-index: 100;
}
	.errorLog h2, .padLog h2 {
		font-size: 16px;
	}
	.errorLog a, .padLog a {
		color:#000000;
	}
	.errorLog b, .padLog b {
		color:#E32F02;
	}
	.padLog table td {
		padding: 0 5px 5px 0;
	}
.successLog {
	background: #fff;
	color: #333333;
	border: 10px solid #99cc00;
	font-size:11px;
}
.errorList, .successList  {

}
.error_show, .success_show {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width : 100%;
	height: 100%;
	/*background: url(_mm/dither.gif);*/
	background: #000;
	opacity: .70;
	filter: alpha(opacity=70);
}
.error_hide, .success_hide{
	display:none;
}

/* fin gestion des erreurs */