/*-----------------------------------------------------------------------------
  [CSS - Contact]
  
  Feuille de style du formulaire de contact
  
  1. General
  2. Selectbox
  3. Googlemap
  4. Warning
  	
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------
  [1. General]
*/

#left-content{
	width: 920px;
}

#content{
	background: url(../../images/common/contact-content-bg-pattern.gif) no-repeat;
	width: 920px;
}

#left-content{
	background: url(../../images/common/default-content-background.jpg) repeat-x;
}

#form-content{
	height: 530px;
	margin: 0 0 0 20px;
	overflow: hidden;
	width: 590px;
}

#form-content p{
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 4px 30px;
}

#contact-form{
	margin: 0 0 0 30px;
	width: 665px;
}

	div.block{
		margin: 8px 0 0 0;
	}

		label{
			color: #4f4f4f;
			margin: 0 0 2px 2px;
		}
		
		input.box{
			background: url(../../images/form/input-bg.gif) repeat-x;
			border: 1px #ccc solid;
			color: #bbbbbc;
			height: 21px;
			padding: 3px 3px 0 3px;
			width: 233px
		}
		
		#association_budget{
			margin: -26px 0 0 285px;
		}
		
		textarea.box{
			background: url(../../images/form/textarea-bg.gif) repeat-x;
			border: 1px #ccc solid;
			color: #bbbbbc;
			height: 122px;
			padding: 3px;
			width: 518px
		}
		
		.submit-button{
			background: #7b1c71;
			border: 1px #ccc solid;
			color: #fff;
			cursor: pointer;
			font-weight: bold;
			height: 26px;
			margin: 8px 0 0 0;
			padding: 0 7px;
			text-transform: uppercase;
		}
		
		.submit-button:hover{
			background-color: #555;
		}
		
		#contact-info{
			background: url(../../images/form/contact2-background.png) no-repeat;
			bottom: auto;
			height: 142px;
			left: auto;
			margin: 28px 0 0 296px;
			padding: 0 0 0 45px;
			width: 180px;
		}

		#contact-info p{
			color: #fff;
			font-size: 12px;
			margin: 18px 0 0 0;
		}
		
		#contact-info p i{
			font-size: 20px;
			
			word-spacing: 2px;
		}

/*---------------------------------------------------------------------
  [2. Selectbox]
*/

		.select-box {
			background: url(../../images/form/selectbox.jpg) no-repeat;
			cursor: pointer;
			display: block;
			height: 26px;
			margin: 0;
			padding: 0;
			width: 241px;
		}
		
			.select-box:hover { 
				border-color: #3393FF; 
			}

			.select-box a {
				color: #555;
				display: block;
				height: 21px;
				margin: 1px 1px 2px 0;
				padding: 4px 0 0 3px;
				white-space: nowrap;
				overflow: hidden;
			}
			
			.select-box a:hover {
				color: #555;
				text-decoration: none;
			}
			
			.select-box-options {
				background: #fff;
				position: absolute;
				border: 1px solid #ccc;
				list-style: none;
				overflow-y: auto;
				z-index: 690;
			}
			
				.select-box-alt { background-color: #eaf4ff; }
				
				.select-box-options li {
					color: #777;
					margin: 0 0 0 3px;
					overflow: hidden;
					white-space: nowrap;
					width: 236px;
				}
				
				.select-box-options li>span {
					display: block;
					margin: 0;
					padding: 2px 5px 2px 0;
				}
				
					.select-box-options li>span:hover {
						color: #555;
						font-weight: bold;
					}
				
					.select-box-options li.optgroup>span { font-size: 105%; font-style: italic; }
					
					.select-box-options li.selected { color: #555 !important; font-weight: bold; }
					
					.select-box-options li.disabled { color: gray; }

			.select-box-options ul { margin:0; padding:0; }
			
			.optgroup { margin: 4px 0 0 !important; }
			
			.select-box-options-group li>span {
				padding-left: 22px !important;
				width: auto;
			}
			
			#association_budget .select-box a {
				color: #c1c0c1;
			}
		
/*---------------------------------------------------------------------
  [3. Googlemap]
*/

#map{
	float: right;
	height: 500px;
	margin: 15px 15px 0 0;
	width: 280px;
}

#map #copyright span{
	font-size: 9px;
	width: 280px;
}

#map #copyright a{
	font-size: 9px;
	display: block;
}

/*---------------------------------------------------------------------
  [4. Warning]
*/

div.message-warning{
	background: #fff;
	border: red 1px solid;
	height: 85px;
	margin: 15px 0 0 0;
	overflow: auto;
	position: absolute;
	width: 580px;
}

div.message-warning h3{
	background: transparent;
	color: red;
	font-size: 12px;
	margin: 5px;
	padding: 0;
}

#form-content div.message-warning ul li{
	background: url(../../images/common/arrow.gif) no-repeat 0 6px;
	font-size: 11px;
	margin: 0 0 0 -28px;
	padding: 0 0 0 10px;
}