/*
*	inscriptionuser.css
*/

/* Mise en page */

#page-container {
	position: relative;
	max-width: 1240px;
	min-width: 940px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 40px;
}

	#page-container .classic{
		clear: both;
		max-width: 1240px;
		min-width: 940px;
	}
	
	#page-container .classic .sign-up-wrap {
		position: relative;
		clear: both;
		width: 600px;
		height: auto;
		margin: 0 auto;
		border: 1px solid #d9d9d9;
		background-color: #eeeeee;
		border-radius: 10px;
		overflow: hidden;
	}
/* Titre de la page */
#page-container .classic h1 {
	position: relative;
	max-width: 1240px;
	min-width: 940px;
	font-family: "Kozuka Gothic Pro L", Arial, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #d85454;
	text-align: center;
	margin: 0;
	padding: 50px 40px 20px 40px;
}
/* Les cat�gories d'inscription (particulier, professionnel)*/
.sign-up-wrap ul {
	margin: 0;
	padding: 0;
}
	
	.sign-up-wrap ul.tab-links {
		margin-bottom: 40px;
		float:left;
	}

	.sign-up-wrap ul li{
		list-style-type: none;
		background-color: #ffffff;
		width: 299px;
		height: 40px;
		display: inline-block;
		float:left;
		margin: 0;
		padding: 0;
	}
		
		.sign-up-wrap ul li.particulier{
			border-radius: 10px 0 0 0;
			border-right: 1px solid #d9d9d9;
		}
		
			.sign-up-wrap ul li.particulier:hover{
				border-radius: 10px 0 0 0;
				background-color: #ffffff;
			}
		
		.sign-up-wrap ul li.company{
			border-radius: 0 10px 0 0;
		}
			
			.sign-up-wrap ul li.company:hover{
				border-radius: 0 10px 0 0;
				background-color: #ffffff;
			}
	
		.sign-up-wrap ul li a {
			position: relative;
			font-family: "Kozuka Gothic Pro M",Open Sans,Arial,sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #2F353E;
			letter-spacing: 0.095em;
			text-align: center;
			padding: 13px 10px;
			float:left;
			text-transform: uppercase;
			text-decoration: none;
			outline: none;
		}
		
			.sign-up-wrap ul li a.person {
				width: 279px;
			}
			
			.sign-up-wrap ul li a.pro {
				width: 280px;
			}
			
			.sign-up-wrap ul li a.select {
				background-color: #eeeeee;
				border-radius: 10px 0 0 0;
			}
/*******************************/	
/* Mise en page du formulaire */
.sign-up-wrap form {
	width: 600px;
	height: auto;
	overflow: hidden;
	float:left;
	top: 0;
	left: 0;
}
.sign-up-wrap table {
	line-height: 15px;
	border-collapse: collapse;
	border-spacing: 0;
	float:left;
}
			.sign-up-wrap table tr {
				width: auto;
				float:left;
				margin: 0;
				padding: 0;
			}
			
			.sign-up-wrap table tbody tr th {
				font-family: "Open sans", Tahoma, Arial, sans-serif;
				font-size: 13px;
				font-weight: bold;
				color: #2f353e;
				text-align: left;
				text-transform: uppercase;
				width: 220px;
				text-align: right;
				padding: 7px 15px 7px 3px;
			}
					
				.sign-up-wrap table tbody tr td {
					text-transform: none;
					padding: 3px 0;
				}
				
					.sign-up-wrap table tbody tr td input{
						color: #5B6473;
						font-family: "Open sans",Tahoma,Arial,sans-serif;
						font-size: 13px;
						font-weight: 300;
					}
					
/* Personnalisation des champs (input)*/
.sign-up-wrap table tbody tr td input[type=text],input[type=date],input[type=password],input[type=email] {
	position: relative;
	width: 250px;
	height: 20px;
	color: #5B6473;
    font-family: "Open sans",Tahoma,Arial,sans-serif;
    font-size: 13px;
    font-weight: 300;
	border: 1px solid #E5E5E5;
	border-radius: 1px;
	box-shadow: 1px 1px 1px #E5E5E5 inset;
	outline: medium none;
	padding: 5px 7px;
}

.sign-up-wrap table tbody tr td input[type=file]{
			position: relative;
			width: 300px;
			height: 30px;
			font-family: "Lucida Grande",helvetica,arial,sans-serif;
			font-size: 15px;
			font-weight: normal;
			color: #2F353E;
			outline: medium none;
			padding: 5px 7px;
		}	
		
		select{
			position: relative;
			width: 267px;
			height: 32px;
			font-family: "Lucida Grande",helvetica,arial,sans-serif;
			font-size: 15px;
			font-weight: normal;
			color: #2F353E;
			border: 1px solid #E5E5E5;
			border-radius: 1px;
			box-shadow: 1px 1px 1px #E5E5E5 inset;
			outline: medium none;
			padding: 5px 7px;
		}
/*****************************/
#content {
	position: relative;
	width: 600px;
	height: auto;
	margin: 10px 0;
	padding: 0;
	float: left;
	text-align:center;
}

	
	
	#content h2 {
		font-family: "Lucida Grande", sans-serif;
		font-size: 26px;
		font-weight: bold;
		margin: 15px 0;
		padding: 0;
		text-align: center;
		text-transform: uppercase;
	}
	
	#content a{
		outline: none;
		margin: 10px 0;
	}
	
	#content a.FbLogin {
		-moz-box-sizing: border-box;
		background-clip: padding-box;
		background-color: #5C7BB4;
		background-image: linear-gradient(#6885BF, #6381B8 50%, #5173B0 51%, #3F65A3);
		background-repeat: no-repeat;
		border: 1px solid #4F5A6F;
		border-radius: 3px;
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.27) inset;
		color: #FFFFFF;
		cursor: pointer;
		display: inline-block;
		font-size: 10px;
		font-weight: bold;
		line-height: 28px;
		text-decoration: none;
		text-shadow: 1px 1px 1px #2E4B7D;
		width: auto;
		padding: 0 12px 0 0;
	}
	
		#content a.FbLogin span {
			position: relative;
			background-image: url("../picture/icon/fb.png");
			background-repeat: no-repeat;
			display: inline-block;
			float: left;
			height: 28px;
			margin-right: 5px;
			width: 26px;
		}
	
	#content a.GoogleLogin {
		 -moz-box-sizing: border-box;
		background-clip: padding-box;
		background-color: #CE523C;
		background-image: linear-gradient(#DF5E4D, #D35945 50%, #CC4730 51%, #BC3519);
		background-repeat: no-repeat;
		text-shadow: 1px 1px 1px #2E4B7D;
		border: 1px solid #901D05;
		border-radius: 3px;
		box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.27) inset;
		color: #FFFFFF;
		cursor: pointer;
		display: inline-block;
		font-size: 10px;
		font-weight: bold;
		line-height: 28px;
		text-decoration: none;
		text-shadow: 1px 1px 1px #2E4B7D;
		width: auto;
		padding: 0 12px 0 0;
	}
		
		#content a.GoogleLogin span {
			position: relative;
			background-image: url("../picture/icon/google.png");
			background-repeat: no-repeat;
			display: inline-block;
			float: left;
			height: 28px;
			margin-right: 5px;
			width: 26px;
		}
/*
* Bouton de connexion
*/		
.creator {
	position: relative;
	width: auto;
	height: auto;
	padding: 30px 23%;
	margin: 0;
	display: block;
	clear: both;
	text-align: center;
}

	.creator input{
		background-color: #d85454;
		border: 0 none;
		border-radius: 5px;
		color: #ffffff;
		cursor: pointer;
		font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		transition: box-shadow 0.2s ease 0s, background-color 0.2s ease 0s;
		padding: 10px 18px;
	}
	
		.creator input:hover{ background-color: #ad312f }
/*****************************/
p.bouton input 
{
margin: center;
margin-left:35%;	
height:40px;
width:125px;
}

/***css du calendrier***/
.calendar{
	background-color:#f1efee;
	position:absolute;
	font-family:"Lucida Grande";
	font-size:12px;
	border:1px solid #cc0000; 
}
.calendar a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
.calendar span{
	float:left;
	display:block;
	width:25px;
	cursor:pointer;
	text-align:center;
}
.calendar .titleMonth{
	width:100%;
	background-color:#dd0000;
	color:#FFFFFF;
	text-align:center;
	border-bottom:1px solid #666;
	margin:none;
	padding:none;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
}
.calendar .separator{
	float:left;
	display:block;
	width:25px;
}
.calendar .currentDay{
	font-weight:bold;
}