/*----------------------------------------*/
/* --------- PROPRIETES COMMUNES ---------*/
/*----------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

body {
	background: #fff;
}

a {
	color: #000;
}

fieldset,
img {
	border: 0;
}

#form-email p,
#form-email label,
#form-send-to-a-friend p,
#form-send-to-a-friend label,
#legal p,
#legal ul {
	display: none;
}

#send-to-a-friend,
#legal {
	width: 287px;
	height: 258px;
	position: absolute; top: 221px; left: 490px;
	z-index: 3;
}

.btn-fermer {
	position: absolute; top: 225px; left: 120px;
}

/*----------------------------------------*/
/* ------- PROPRIETES SPECIFIQUES --------*/
/*----------------------------------------*/

/*----------------------------------------*/
/* ----------- Bloc container ------------*/
/*----------------------------------------*/

	#container {
		width: 841px;
		position: relative;
		margin: 20px auto;
	}

/*----------------------------------------*/
/* ------ Bloc position of the day -------*/
/*----------------------------------------*/

		#position-of-the-day {
			width: 841px;
			height: 591px;
			position: absolute; top: 0; left: 0;
			z-index: 0;
			background: url(/img/bg_content.png) no-repeat top left;
		}

			#see-other-days {
				position: absolute; top: 490px; left: 530px;
				z-index: 1;
				border: 0;
			}

/*----------------------------------------*/
/* ---------- Bloc others days -----------*/
/*----------------------------------------*/

		#others-days {
			width: 791px;
			height: 511px;
			position: absolute; top: 0; left: 0;
			z-index: 1;
			padding: 80px 0 0 50px;
			background: url(/img/bg_others-days.png) no-repeat top left;
		}

			#close-windows {
				position: absolute; top: 490px; left: 530px;
				z-index: 2;
				border: 0;
			}

			/*----------------------------------------*/
			/* --------- Sous-bloc calendar ----------*/
			/*----------------------------------------*/

			.calendar-line {
				margin: 15px 0;
			}

			.calendar-line li{
				display: inline;
			}

			/*----------------------------------------*/
			/* -------- Sous-bloc form email ---------*/
			/*----------------------------------------*/

			#form-email {
				position: absolute; top: 192px; left: 580px;
			}

				#form-email .input-text {
					width: 150px;
					height: 16px;
					float: left;
					margin: 4px 10px 0 0;
					border: 0;
					color: #fff;
					background: #d32b87;
				}

				#form-email .input-submit {
					width: 27px;
					height: 21px;
					border: 0;
				}

/*----------------------------------------*/
/* -------- Bloc send to a friend --------*/
/*----------------------------------------*/

		#send-to-a-friend {
			background: url(/img/bg_envoyer-a-un-ami.png) no-repeat top left;
		}

			/*----------------------------------------*/
			/* --------- Sous-bloc form stf ----------*/
			/*----------------------------------------*/

			#send-to-a-friend form{
				padding: 100px 0 0 108px;
			}

				#send-to-a-friend form fieldset {
					height: 23px;
				}

				#send-to-a-friend form .input-text {
					width: 145px;
					height: 16px;
					border: 0;
					color: #fff;
					background: #d32b87;
				}

				#send-to-a-friend form .input-submit {
					margin-left: 118px;
				}

/*----------------------------------------*/
/* -------------- Bloc legal -------------*/
/*----------------------------------------*/

		#legal {
			background: url(/img/bg_legal.png) no-repeat top left;
		}

/*----------------------------------------*/
/* ------------ Bloc baseline ------------*/
/*----------------------------------------*/

		#baseline {
			width: 841px;
			position: absolute; top: 591px; left: 0;
			text-align: center;
		}

/*----------------------------------------*/
/* ----- Bloc massive tell a friend ------*/
/*----------------------------------------*/

		#massive-tell-a-friend {
			width: 841px;
			position: absolute; top: 620px; left: 0;
		}

		#massive-tell-a-friend p {
			margin: 5px 0;
			text-align: center;
		}

		#massive-tell-a-friend #form-get-my-contacts {
			width: 555px;
			height: 30px;
			margin: auto;
		}

		#massive-tell-a-friend #form-get-my-contacts fieldset,
		#massive-tell-a-friend form label,
		#massive-tell-a-friend form input .input-text {
			height: 21px;
			float: left;
		}

		#massive-tell-a-friend form .input-text {
			width: 135px;
			height: 16px;
			margin: 6px 10px 0 0;
			border: 1px solid #000;
		}

		#massive-tell-a-friend form label {
			display: block;
			padding-top: 8px;
		}

		#massive-tell-a-friend form .input-checkbox {
			float: left;
			margin: 0 5px;
		}

		#massive-tell-a-friend #my_contacts {
			clear: both;
			padding: 20px 0 20px 195px;
		}

		#massive-tell-a-friend p#title {
			width: 276px;
			margin: 15px auto 5px auto;
			font-size: 15px;
			border-top: 1px solid #000;
		}


/*----------------------------------------*/
/* ------------ Page attente -------------*/
/*----------------------------------------*/

		#waiting-page {
			width: 841px;
			height: 591px;
			position: absolute; top: 0; left: 0;
			z-index: 0;
			background: url(/img/bg_wp.png) no-repeat top left;
		}

			#waiting-page h1,
			#waiting-page p {
				display: none;
			}

		#frmSS18 {
				position: absolute; top: 392px; left: 370px;
			}

				#frmSS18 .input-text {
					width: 150px;
					height: 16px;
					float: left;
					margin: 4px 10px 0 0;
					border: 0;
					color: #fff;
					background: #d32b87;
				}

				#frmSS18 .input-submit {
					width: 27px;
					height: 21px;
					border: 0;
				}

				#frmSS18 p,
				#frmSS18 label {
					display: none;
				}