/****************************************************************************************/
/*		GENERIQUES																		*/
/****************************************************************************************/

	input[type=text],
	input[type=password],
	textarea,
	select {
		color:					#7a7873;
		font-family:			Arial,Helvetica,sans-serif;
		font-size:				12px;
	}

/****************************************************************************************/
/*		JQUERY UI CHECKBOX																*/
/****************************************************************************************/
	
	.ui-checkbox.ui-state-default {
		background:				transparent;
		border:					0px;
		margin-right:			5px;
		height:					15px;
	}
	.ui-checkbox.ui-state-default .ui-icon.ui-icon-check {
		background-image:		url( ../img/jqueryui/checkbox.png );
		background-position:	left top;
	}
	.ui-checkbox.ui-state-default .ui-icon.ui-icon-empty {
		background-image:		url( ../img/jqueryui/checkbox.png );
		background-position:	left bottom;
	}
	.ui-checkbox.ui-state-default v\:roundrect {
		visibility:				hidden !important;				
	}

	.display .ui-checkbox.ui-state-default,
	.profil .ui-checkbox.ui-state-default,
	.pansements .ui-checkbox.ui-state-default {
		cursor:					default;
	}
	
	.profil.edit .ui-checkbox.ui-state-default {
		cursor:					pointer;
	}

	.disabled .ui-checkbox.ui-state-default {
		cursor:					default;
		height:					11px;
	}
	.disabled .ui-checkbox.ui-state-default .ui-icon.ui-icon-check {
		background-image:		url( ../img/jqueryui/checkbox_d.png );
	}
	.disabled .ui-checkbox.ui-state-default .ui-icon.ui-icon-empty {
		background-image:		url( ../img/jqueryui/checkbox_d.png );
	}

/****************************************************************************************/
/*		BUTTON																			*/
/****************************************************************************************/

	button[type=submit].pansement {
		display:				block;
		width:					94px;
		height:					27px;
		margin:					0 auto;
		background-position:	left top;
		background-repeat:		no-repeat;
		background-image:		url( ../img/button_submit_pansement.png );   
		text-transform:			uppercase;
		text-align:				center;
		font-size:				14px;
		font-weight:			bold;
		font-family:			Helvetica,Arial,sans-serif;
		line-height:			27px;
		color:					#ffffff;
	}
	button[type=submit]:hover,
	button[type=submit]:focus {
		background-position:	left bottom;
	}

	button.block {					
		color:					#ffffff; 
		font-size:				14px; 
		padding:				5px 8px 8px 8px;
		margin:					0 auto;
		display:				block; 
		background-color:		#ff56ad; 
		background-position:	left bottom;
		background-repeat:		repeat-x;
		background-image:		url(../img/button_bg.png);
		max-width:				150px;
		text-transform:			uppercase;
		border:					1px solid #ff56ad;
	}
	button.block:hover {
		background-color:		#4c4c4c; 
		background-image:		url(../img/button_hover_bg.png);
		border:					1px solid #4c4c4c;	
	}

/****************************************************************************************/
/*		LOGIN																			*/
/****************************************************************************************/

	#login input[type=text],
	#login input[type=password] {
		width:					80px;
		height:					24px;
		padding:				0px 8px;
		text-align:				left;
		font-weight:			bold;
		font-size:				10px;
		line-height:			24px;
		background-color:		transparent;
		background-position:	right top;
		background-repeat:		no-repeat;
		background-image:		url( ../img/input_login.png ); 
		border:					0;
	}
	#login input:focus {
		background-position:	right bottom;
	}

	#login label {
		width:					78px;
		height:					12px;
		padding:				0 5px 0 0;
		margin:					5px 0 0 5px;
		font-size:				10px;
		font-weight:			bold;
		line-height:			12px;
		text-align:				right;
		background-color:		#ffffff;
	}
	
	#login button[type=submit] {
		height:					24px;
		text-transform:			uppercase;
		font-size:				12px;
		font-weight:			bold;
		font-family:			Helvetica,Arial,sans-serif;
		line-height:			24px;
		color:					#ffffff;
		float:					right;
		padding-left:			5px;
	}
	#login button[type=submit]:hover,
	#login button[type=submit]:focus {
		color:					#e41694;
	}

/****************************************************************************************/
/*		ACCUEIL INSCRIPTION																*/
/****************************************************************************************/

	.inscription label {
		display:				inline-block;
		font-size:				14px;
		line-height:			26px;
		width:					130px;
	}
	.inscription label.termes {
		font-size:				10px;
		line-height:			30px;
		width:					auto;
		padding-left:			6px;
	}
	.inscription label.termes span {
		color:					#e41694;
	}

	.inscription select,
	.inscription input[type=text],
	.inscription input[type=password] {
		width:					104px;
		font-weight:			bold;
		font-size:				10px;
		padding:				0;
	}
	.inscription input[type=text],
	.inscription input[type=password] {
		height:					15px !important;
		border-width:			1px;
	}
	.inscription select {
		width:					106px;
		height:					17px !important;
	}

/****************************************************************************************/
/*		PROFIL																			*/
/****************************************************************************************/

	.profil.edit textarea,
	.profil.edit select,
	.profil.edit input {
		width:					100%;
	}
	.profil.edit textarea {
		height:					80px;
	}
	.profil.edit td.left textarea,
	.profil.edit td.left select,
	.profil.edit td.left input,
	.profil.edit td.right textarea,
	.profil.edit td.right select,
	.profil.edit td.right input {
		margin-bottom:			5px;
	}
	.profil.edit td.left input[type=hidden] {
		margin-bottom:			0px;
	}

/****************************************************************************************/
/*		PROFIL	DISPLAY																	*/
/****************************************************************************************/

	.profil label {
		display:				inline-block;
		font-size:				20px;
		line-height:			34px;
		width:					152px;
		color:					#888888;
	}
	.profil ul label {			font-size: 16px; line-height: 24px; width: 130px; color: #ffffff; padding-left: 10px; }
	.profil label.ul {			line-height: 40px; width: 165px; }

/****************************************************************************************/
/*		PROFIL	DISPLAY																	*/
/****************************************************************************************/

	.pansements label {
		display:				inline-block;
		font-size:				20px;
		line-height:			34px;
		width:					152px;
		color:					#888888;
	}
	.pansements ul label {		font-size: 16px; line-height: 24px; width: 130px; color: #ffffff; padding-left: 10px; }
	.pansements label.ul {		line-height: 40px; width: 165px; }

/****************************************************************************************/
/*		ACTU																			*/
/****************************************************************************************/

	.actu textarea {
		width:					100%;
		height:					80px;
	}

/****************************************************************************************/
/*		SEARCH																			*/
/****************************************************************************************/

	.search label {
		display:				inline-block;
		font-size:				18px;
		line-height:			34px;
		width:					165px;
		color:					#888888;
	}
	.search ul label {			font-size: 16px; line-height: 24px; width: 130px; }
	.search label.ul {			line-height: 40px; width: 165px; }
	.search label.age {			width: 28px; padding-right: 3px; text-align: center; }

	.search select {			width: 174px; }
	.search select.age {		width: 70px; }
	
	.search button.block {		margin: 30px 0 0 125px;	}

/****************************************************************************************/
/*		STATS																			*/
/****************************************************************************************/

	.stats input {
		color:					#000000;
		font-size:				14px;
		height:					30px;
		width:					490px;
		margin-top:				10px;
		padding-left:			10px;
		line-height:			30px;
	}

/****************************************************************************************/
/*		MP : NOUVEAU																	*/
/****************************************************************************************/

	.boiteMail label {
		display:				inline-block;
		font-size:				18px;
		line-height:			18px;
		width:					100px;
		color:					#888888;
		vertical-align:			top;
		margin-bottom:			30px;
	}
	.boiteMail input {
		width:					340px;
		height:					20px;
	}
	.boiteMail textarea {
		width:					340px;
		height:					250px;
	}
	.boiteMail button {
		margin:					30px 18px 0 0;
		float:					right;
	}


/****************************************************************************************/
/*		COMPTE																			*/
/****************************************************************************************/

	.compte label {				display: inline-block; line-height: 28px; font-size: 16px;  }
	.compte label.check {		padding-left: 10px; }
	.compte .one label {		width: 110px; }
	.compte .one input {		width: 272px; }
	.compte .three label {		width: 254px; }
	.compte .five label {		width: 100%; padding-left: 32px; background-repeat: no-repeat; background-position:	left center; }
	.compte .five label.aboOK {	background-image: url( ../img/formMessageOK.png ); }
	.compte .five label.aboKO {	background-image: url( ../img/formMessageKO.png ); }
	.compte .five label span {	font-weight: bold; text-transform: lowercase; }

/****************************************************************************************/
/*		INVITER DES AMIS																*/
/****************************************************************************************/

	.inviter table {			display: inline-block; width: 600px; margin-bottom: 30px;}
	.inviter table td {			padding-right: 5px;}
	.inviter table td.name {	padding-right: 20px;}
	.inviter label {			display: inline-block; line-height: 28px; font-size: 16px; vertical-align: top;  }
	.inviter label {			width: 200px; }
	.inviter input {			width: 272px; }
	.inviter textarea {			width: 272px; height: 100px; margin-top: 5px; }
	.inviter select {			width: 275px; }
	.inviter button {			margin: 0 0 0 200px;; }

/****************************************************************************************/
/*		CONFIRMATION SUPPRESSION														*/
/****************************************************************************************/

	div.confirm {				display: none; }
	div.confirm a,
	div.confirm button {		display: inline-block !important;  }

/****************************************************************************************/
/*		CONTACT																			*/
/****************************************************************************************/

	.contact form {				padding: 20px 0 20px 20px; }
	.contact label {			display: inline-block; font-size: 18px; line-height: 22px; width: 114px; color: #888888; vertical-align: top; margin-bottom: 30px; }
	.contact input {			width: 340px; height: 20px; }
	.contact textarea {			width: 340px; height: 250px; }
	.contact select {			width: 340px; }
	.contact button {			margin: 30px 21px 0 0; float: right; }

/****************************************************************************************/
/*		ALERT ERROR VALIDATE															*/
/****************************************************************************************/

	.formError {
		position:				absolute;
		top:					300px; 
		left:					300px;
		padding-bottom:			13px;
		display:				block;
		z-index:				5000;
		cursor:					pointer;
	}
	.formError .formErrorContent {
		width:					100%; 
		background:				#E41694;
		color:					#ffffff;
		width:					175px;
		font-family:			tahoma;
		font-size:				11px;
		border:					2px solid #ffffff;
		box-shadow:				0px 0px 6px #000;
		-moz-box-shadow:		0px 0px 6px #000;
		-webkit-box-shadow:		0px 0px 6px #000;
		padding:				4px 10px 4px 10px;
		border-radius:			6px;
		-moz-border-radius:		6px;
		-webkit-border-radius:	6px;
	}
	.formError .formErrorArrow {
		position:				absolute;
		bottom:					0;
		left:					20px;
		width:					15px; 
		height:					15px;
		z-index:				5001;
	}
	.formError .formErrorArrowBottom {
		top:					0;
		margin:					-6px;
	}			
	.formError .formErrorArrow div {
		border-left:			2px solid #ffffff;
		border-right:			2px solid #ffffff;
		box-shadow:				0px 2px 3px #444;
		-moz-box-shadow:		0px 2px 3px #444;
		-webkit-box-shadow:		0px 2px 3px #444;
		font-size:				0px;
		height:					1px; 
		background:				#E41694;
		margin:					0 auto;
		line-height:			0px; 
		font-size:				0px; 
		display:				block;
	}
	.formError .formErrorArrowBottom div {
		box-shadow:				none;
		-moz-box-shadow:		none;
		-webkit-box-shadow:		none;
	}
	.formError .formErrorArrow .line10 {	width:15px; border:none; } 
	.formError .formErrorArrow .line9 {		width:13px ;border:none; } 
	.formError .formErrorArrow .line8 {		width:11px;} 
	.formError .formErrorArrow .line7 {		width:9px;} 
	.formError .formErrorArrow .line6 {		width:7px;} 
	.formError .formErrorArrow .line5 {		width:5px;} 
	.formError .formErrorArrow .line4 {		width:3px;} 
	.formError .formErrorArrow .line3 {		width:1px; border-left:2px solid #ddd; border-right:2px solid #ddd; border-bottom:0px solid #ddd; } 
	.formError .formErrorArrow .line2{		width:3px; border:none; background:#ddd; }
	.formError .formErrorArrow .line1{		width:1px; border:none; background:#ddd; } 

	.formMessage {
		background-color:		#e41694;
		position:				fixed;
		left:					0px;
		top:					0px;
		width:					100%;
		padding:				0;
		background-position:	left top;
		background-repeat:		repeat-x;
		background-image:		url(../img/menu_hover_bg.png);
		z-index:				1000;
		font-size:				13px;
		cursor:					pointer;
	}
	.formMessage div {
		background-repeat:		no-repeat;
		background-position:	left center;
		color:					#FFFFFF;
		margin:					0 auto;
		width:					966px;
		padding:				10px 30px 10px 32px;
		text-align:				left !important;
	}
	.formMessage.messageOK div {
		background-image:		url( ../img/formMessageOK.png ); 
	}
	.formMessage.messageKO div {
		background-image:		url( ../img/formMessageKO.png ); 
	}
	.formMessage div a {
		color:					#ffffff;
		text-decoration:		underline;
	}

	#accueil #login .formMessage,
	#accueil #login .formMessage div {
		float:					none !important;
	}