/* ------------------------------------------------
	Fichier Popin.css
	
	CSS pour des fenetres popin
	
	1. general
	2. formulaire
	
 ------------------------------------------------*/

/* ------------------------------------------------
  [ 1. general ]
*/


body {
	color: #111;
	font-family: Trebuchet MS, Helvetica, Arial;
	font-size: 12px;
	line-height: 18px;
}

/* ------------------------------------------------
  [ 2. formulaire ]
*/

textarea {
    overflow:auto;
}

.block-form .block-form-content .confirmation,
.block-form .block-form-content .error {
    color:#e80070;
    float: none;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.block-form .block-form-content .error {
    display: none;
}

.block-form {
	display: block;
	width: 581px;
}

.block-form-video {
    width: 520px;
}
.block-form-module {
    width: 100%;
    height: 100%;
}

	.block-form a {
		cursor: pointer;
	}

	.block-form .block-form-close {
		background: url(../images/forms/block-close.png);
		height: 28px;
		padding: 0 8px 0 4px; 
	}
    
	.block-close {
		background: #636363;
		height: 28px;
		padding: 0 7px 0 4px; 
	}
	.block-form-module .block-close {
		background:#727971;
	}
		.block-form .block-form-close a.close,
        .block-close a.close {
			background: transparent url(../images/forms/close-button.png) no-repeat 0 6px;
			color: #fff;
			float: right;
			margin: 4px 9px 0 0;
			padding-left: 10px;
			text-decoration: none;
		}

		.block-form .block-form-close a.close:hover,
        .block-close a.close:hover {
			background: transparent url(../images/forms/close-button.png) no-repeat 0 6px;
			color: #e70070;
			float: right;
			margin: 4px 9px 0 0;
			padding-left: 10px;
			text-decoration: none;
		}
		
	.block-form  .block-form-titre {
		background: transparent url(../images/forms/block-form-titre.png) top;
		height: 90px; 
		padding: 15px 8px 0 30px; 
	}
	
		.block-form  .block-form-titre h3		{
			color: #333333;
			font-size: 1.5em;
		}
		
		.block-form  .block-form-titre h4 {
			color: #817975;
			font-family: arial;
			font-size: 0.9em;
			margin: 7px 0;
		}

	.block-form  .block-form-content {
		background: transparent url(../images/forms/block-form-content.png) no-repeat bottom;
		height: 395px;
		padding: 0 8px 0 4px;
	}

		.block-form  .block-form-content form {
			padding: 4px 26px;
		}
        
            .block-form  .block-form-content .no-margin {
                margin: 5px;
            }
        
            .block-form  .block-form-content .legend {
                color: #00A048;
                margin: 0;
                text-align: right;
                width: 100%;
            }
		
			.block-form  .block-form-content p {
				float: right;
				margin-bottom: 13px;
			}
				.block-form  .block-form-content span {
					color: #00A048;
					font-size: 1em;
					font-style: italic;
					font-weight: bold;
					letter-spacing:0.02em;
				}
                
                .block-form  .block-form-content .message span {
                    float: left;
                    margin: 0 5px 0 90px;
                }
				
				.block-form  .block-form-content input, .block-form  .block-form-content  textarea {
					border: 1px solid #c2c2c2;
					color: #5a4f4a;
					font-family: arial;
					margin-left: 10px;
					letter-spacing: 0.02em;
					padding: 6px 5px;
				}
				
				.block-form  .block-form-content input {
					background: #fff url(../images/forms/input-bg.jpg) repeat-x top;
					height: 13px;
					width: 343px;
				}
					.block-form  .block-form-content input.submit {
						background: #FFFFFF url(../images/forms/submit-bg.jpg) repeat-x bottom;
						border: none;
						color: #00A048;
						font-family: Trebuchet MS,arial;
						font-size: 1.4em;
						font-weight: bold;
						margin: 10px 3px 0 25px;
						padding: 0;
					}
					
						.block-form  .block-form-content input.submit:hover {
							color: #e70070;
						}
					
					
						#popup-join .block-form-content input.submit {
							height: 41px;
							margin: 10px 3px 0 25px;
							width: 118px;
						}
						
						#popup-invite .block-form-content input.submit {
							height: 41px;
							margin: 4px 2px;
							width: 98px;
						}
					
					.block-form  .block-form-content input#field-phone-number {
						margin-right: 152px;
						width: 191px;
					}
					
					.block-form  .block-form-content input#field-zip {
						margin-right: 237px;
						width: 106px;
					}
				
				.block-form  .block-form-content  textarea {
					background: #fff url(../images/forms/textarea-bg.jpg) repeat-x top;
					float: right;
					height: 100px;
					width: 343px;
				}
				
				.block-form  .block-form-content a {
					display: inline-block;
					font-size: 1.05em;
					font-weight: bold;
					margin: 25px 0 0;
				}