/* Mediagong main stylesheet file */

/* reseting styles */
@import url("reset.css");



/* hiding stuff */

#clients ul li,
#pied address span,
#pied ul li a span,
h1 span {
	position:absolute;
	left:-500em;
}


/* clearing floats */

#contactBlock form:after,
#contactBlock p:after {
	display:block;
	content:".";
	height:0;
	visibility:hidden;
	clear:both;
}

/* General structure and styles */

body {
	background:#dae3ef url(../../img/css/fond.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}
 
#general {
	width:960px;
	background:url(../../img/css/logo.jpg) no-repeat 100% 269px;
	margin:0 auto;
	padding:275px 0 1px; /* for collapsing margins */
	position:relative;
}

#general.contact {
	padding-top:10px;
}

/* centre */


#clients {
	height:68px;
	background:url(../../img/css/clients.png) no-repeat 50% 100%;
	padding-top:328px;
	margin-bottom:50px;
}


#contact {
	position:absolute;
	top:0;
	right:75px;
}


/* footer */
#pied {
	position:fixed;
	bottom:0;
	left:0;
	background:url(../../img/css/pied.png) repeat-x;
	width:100%;
	height:27px;
	margin-top:50px;
}
.msie6 #pied {
	position:static;
}
		#pied address {
			margin-left:10px;
			padding-top:9px;
			float:left;
		}
				#pied address img {
					display:block;
				}
		#pied ul {
			float:right;
		}
				#pied li {
					float:left;
					background:url(../../img/css/liensFooter.png) no-repeat;
					height:27px;
					padding:0 12px 0 14px;
				}
						#pied li a {
							color:#adadad;
							background:url(../../img/css/liensFooter.png) no-repeat;
							display:block;
							height:100%;
						}
		
						#pied #facebook a {
							width:52px;
							background-position:0 -33px;
						}
						#pied #twitter a {
							width:50px;
							background-position:0 -59px;
						}
						#pied #frameFactory a {
							width:134px;
							background-position:0 -89px;
						}
		
		
/* popin */

#popin,
#overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#popin {
	z-index:1;
	display:none;
}
		#overlay {
			background-color:#fff;
			opacity:0;
			filter:Alpha(opacity=0);
			z-index:2;
		}
		#popinContent {
			position:relative;
			z-index:3;
			width:724px;
			margin:0 auto;
		}
				#contactBlock {
					margin-top:160px;
					padding:1px 92px 69px; /* padding-top for collapsing margins */
					background:url(../../img/css/bgForm.png) repeat-x;
					position:relative;	
					height:386px;			
				}
						#contactBlock .retour {
							display:none;
						}
						#contactBlock h1 {
							width:140px;
							height:23px;
							background:url(../../img/css/contact.png) no-repeat;
							margin:66px 0 15px;
						}
						#contactBlock #errorBlock {
							color:#f00;
							padding-bottom:15px;
							height:15px;
							font-weight:bold;
						}
						#contactBlock .close {
							position:absolute;
							top:50px;
							right:58px;
							color:#000;
							font-weight:bold;
							background:url(../../img/css/close.png) no-repeat 0 3px;
							padding-left:11px;
							text-transform:uppercase;
						}
								#contactBlock form {
									width:100%;
								}
								#contactBlock fieldset {
									float:left;
									width:230px;
								}
										#contactBlock legend {
											display:none;
										}
										#contactBlock p {
											padding-bottom:16px;
											width:100%;
										}
												#contactBlock label,
												#contactBlock input {
													float:left;
													width:;
												}
												#contactBlock label {
													padding-top:2px;
													width:58px;
													font-weight:bold;
												}
												#contactBlock .message label {
													width:107px;
												}
												#contactBlock input,
												#contactBlock textarea {
													border:1px solid #000;
													font-size:.916em;
												}
												#contactBlock input {
													width:160px;
													height:17px;
												}
												#contactBlock textarea {
													height:77px;
													width:266px;
													font-family:Arial, Helvetica, sans-serif;
												}
								
								#contactBlock .message {
									float:right;
									width:275px;
								}
								#contactBlock .validation {
									clear:both;
									float:none;
									width:auto;
									padding-top:16px;
								}
										#contactBlock .validation input {
											width:79px;
											height:21px;
											background:url(../../img/css/submit.png) no-repeat;
											border:0;
											float:right;
										}
										
								/* error handling */
								
								.error label {
									color:#f00;
								}