/*
|color01|
|color02|
#6d6d6d
#609c25
|color05|
*/
@import url(menu.css);

html, body
{
	margin:0; padding:0;
	text-align:center;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:|color01|;
}
body{ background:|color02|; }

	h1, h2, h3, h4, h5, h6
	{
		margin:0;
		padding:5px 0;
	}
	h1
	{
		color:#7cc257;
		text-transform:none;
		font-size:20px;
		margin:0; line-height:16px;
		padding-top:0;
		padding-bottom:10px;
		padding-left:0;
	}

	h2
	{
		color:#6d6d6d;
		text-transform:uppercase;
		font-size:16px;
		margin:0; line-height:14px;
		padding-top:0;
		padding-bottom:10px;
		font-weight:bold;
		background:url(../images/soulignement.png) no-repeat 0 100%;
	}
	h3
	{
		color:#b9cbd2;
		text-transform:none;
		font-size:16px;
		margin:0; line-height:14px;
		padding-top:10px;
		padding-bottom:10px;
		font-weight:bold;
	}

	p
	{
		margin:0;
		padding:3px 0 10px 0;
	}
		#content p
		{
			margin-right:15px;
		}
	a
	{
		color:#609c25;
		text-decoration:underline;
	}
	a:hover
	{
		color:#e65b24;
		text-decoration:none;
	}
	img, a img
	{
		border:none;
	}
	.clear
	{
		clear:both;
	}
	ul
	{
	}
	hr 
	{
		border:none;
		border-top:1px solid #C6D1DE;
		border-bottom:1px solid #ffffff;
	}
	embed, object{ outline:none; }
/*

STRUCTURE

*/
#container
{
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:12;
}
	#menu
	{
		margin:0 0px;
	}
		#content
		{
			width:620px;
			float:right;
		}
	
		#left
		{
			width:200px;
			float:left;
			font-size:12px;
		}
		
	#footer
	{
		padding:15px 30px;
		padding-bottom:28px;
	}
		#footer p
		{
			margin:0; padding:0;
			font-size:10px;
			font-weight:bold;
		}
		#footer h1, #footer h1 a
		{
			color:|color01|;
			font-size:12px;
			margin:0; padding:0;
			text-transform:none;
			font-weight:normal;
		}


	/* 
	CSS PAGE CONTENU
	*/
	.csc-textpic-imagewrap
	{
		width:100%;
		margin:0 !important;
		text-align:left;
		padding:5px !important;
	}
	.csc-textpic-caption
	{
		font-size:10px;
		padding:5px 2px;
	}
	.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap
	{
		width:auto;
		background:none;
		border:none;
		padding:0 !important;
	}
	
	/* FORMULAIRE */
	fieldset { border:none; padding:0; margin:0; }
	fieldset dl { margin: 0; padding: 1em 0 0 0; }
	fieldset dt, fieldset dd { margin: 0; padding: 0 0 .5em 0; float: left; }
	fieldset dt { clear: both; width: 200px; text-align: right; padding-right: 1em; }
	fieldset dd { text-align: left; width: 300px; }
	* html fieldset dd { float: none; }

	fieldset dt label{
		display:block;
		padding-top:6px;
		color:#909090;
		cursor:pointer;
	}
	input[type=text], input[type=password], input.text, textarea {
		background:url(../images/vestiaire/input.gif) no-repeat 0 0;
		border:none;
	}
	fieldset dd input.text,fieldset dd input[type=text],fieldset dd input[type=password],fieldset dd textarea 
	{
		padding:3px 4px;
		border:2px solid #fff;
	}
	fieldset dd textarea {
		width:250px;
		height:150px;
	}
	input.focus, textarea.focus, fieldset dd input.focus{
		border-color:#7cc257;
	}

	input.submit, .button
	{
		display:block;
		float:left;
		font-size:12px;
		height:auto; 
		line-height:17px; 
		background:#4CA81A;
		text-align:center;
		border:none;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		width:auto;
		padding:3px 6px;
		text-indent:0;
		color:#FFF; text-transform:uppercase;
		cursor:pointer;
		margin-right:0;
		text-decoration:none;
	}
	input.inline {
		float:none !important; display:inline !important;
	}
	input.submit:hover , .button:hover{ background: #488029; color:#FFF; }



	.selector{
		position:relative;
		background:url(../images/vestiaire/input.gif) no-repeat 0 0;
		display:inline-block;
	}
		.selector a{
			display:block;
			padding:0px 4px;
			line-height:22px;
			height:22px;
			background:url(../images/vestiaire/select.gif) no-repeat 99% 1px;
			padding-right:25px;
			text-decoration:none;
			max-width:130px;
			overflow:hidden;
		}
		.selector a.pressed { background-position:99% 100%; }
		.selector ul{
			margin:0;
			padding:0;
			left:0;
			position:absolute;
			z-index:16;
			display:none;
			max-height:150px;
			overflow:auto;
			overflow-x:hidden;
		}
			.selector ul li{
				list-style-type:none;
				margin:0;
				padding:0;
			}
			.selector ul li a{
				background:#eae6e2;
				display:block;
				max-width:none;
				width:180px;
				padding:2px 4px;
				line-height:normal;
				height:auto;
			}
			.selector ul li a:hover{
				background:#c5b8a8;
			}
	
	
	
	
	/*
	 * 
	 * login
	 * 
	 */
	
	.tx-felogin-pi1{
		
	}
		#logoutBtn {
			font-family:Arial, Helvetica, sans-serif;
			display:block;
			border:none;
			background:none;
			font-size:12px;
			font-weight:bold; 
			text-decoration:none;
			padding:0 10px;
			height:34px;
			line-height:34px;
			color:#e4dfdf;
			cursor:pointer;
		}
		#logoutBtn:hover
		{
			color:#fff;
			background:url(../images/menu-hover.jpg) repeat-x 0;
		}
/* TOOLTIP - TIPS */
.tip-wrap { z-index: 13000; }
.tip {
	color: #fff;
	width: 139px;
}

.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #96B51F;
	padding: 8px 8px 0px;
	background: url(../images/bubble.png) top left;
}

.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
.tip-bottom {
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}

#myConfirmOverlay, #loadingC, .overlay
{
	position:absolute;
	display:block;
	background:transparent url(../images/black.png) repeat;
	width:100%;
	height:100%;
	position:fixed;
	top:0; left:0;
	z-index:1000;
	
}

	#loadingC div, #loadingOverlayC div
	{
		position:absolute;
		top:300px; left:50%;
		margin-left:-95px; margin-top:-48px;
		width:190px; height:96px;
		background:#000 url(../images/preloader-noir.gif) no-repeat 50% 50px;
		-moz-border-radius:9px;
		-webkit-border-radius:9px;
		border-radius:9px;
		text-align:center; line-height:60px;
		text-transform:uppercase; color:#87817d;
		-moz-box-shadow: 1px 1px 8px #000;
		-webkit-box-shadow: 1px 1px 8px #000;
		box-shadow: 1px 1px 8px #333;
	}


	.myConfirm, .overlay .new-item-form{
		position:absolute;
		top:45%; left:50%;
		margin-left:-160px; margin-top:-48px;
		width:320px; min-height:96px;
		background:#2c241e;
		border-radius:9px;
		-moz-border-radius:9px;
		-webkit-border-radius:9px;
		border-radius:9px;
		text-align:center; 
		text-transform:uppercase; color:#87817d;
		-moz-box-shadow: 1px 1px 8px #000;
		-webkit-box-shadow: 1px 1px 8px #000;
		box-shadow: 1px 1px 8px #333;
	}
		.myConfirm-ok, .myConfirm-cancel
		{
			border-radius:2px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
			display:inline-block;
			padding:3px 4px;
			color:#FFF;
			line-height:auto; height:auto;
			border:none;
		}
	
		.myConfirm-ok
		{
			margin-right:4px;
			background:#89cf45;
			color:#FFF; text-decoration:none;
			border:none;
		}
		.myConfirm-ok:hover
		{
			background:#68a42e; color:#FFF;
		}
		.myConfirm-cancel
		{
			background:#ff0000;
			color:#FFF; text-decoration:none;
		}
		.myConfirm-cancel:hover
		{
			background:#ae0000;
			color:#FFF;
		}
		.myConfirm p, .overlay .new-item-form p
		{
			border-radius:6px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			padding:10px;
			margin:10px;
			background:#5c493c;
			color:#fff; font-weight:bold;
			text-transform:none;
		}
		#loaderFlash{
			width:26px; height:26px; position:absolute;
			top:50%; left:50%;
			z-index:15000;
		}
		
#menu .right {
	float:right;
}
		
#getRaymonds a img{
	vertical-align:middle;
}
	#getRaymonds .raymonds-number { color:#56e335; }