@import url('global.css');

div#global {background: transparent url(bg_contact.gif) top left repeat-y;}
div#top {background: transparent url(top_contact.png) top left no-repeat;}
div#foot {background: transparent url(foot_contact.png) top left no-repeat;}

div#left {
	width: 330px;
	padding: 0 78px;
	background: transparent url(bg_form.jpg) 38px 0 no-repeat; 
	color: #54070b;
}

div#left h1 {
	text-indent: -5000px;
}


div#content {
	width: 484px;
	padding: 0;
	text-align: center;
}

div#content img {
	border: 3px solid #fff;
}

div#content .cadre {
	width: 282px;
	padding: 30px 18px 50px 18px;
	margin: 0 auto;
	color: #54070b;
	background: transparent url(bg_adresse.gif) top left no-repeat;
}

div#content .cadre img {
	border: none;
}

div#content .cadre a {
	color: #54070b;
	text-decoration: none;
}

div#content .cadre a:hover {
	text-decoration: underline;
}

div#content iframe {
	border: 3px solid #fff;
}


/*********** FORMULAIRE **********/

.formulaire {
	z-index: 5000;
	margin-top: 60px;
	width: 330px;
	height	: 530px;
}

.formulaire.loading {
	background: transparent url(loader.gif) center center no-repeat;
}

.formulaire input, .formulaire textarea {
	border		: 1px solid #54070b;
	font		: 1em Arial, Helvetica, sans-serif;;
	padding		: 2px 2px 0px 2px;
	background: #fee3b5 url(bg_input.gif) top left repeat-x;
	width: 324px;
	z-index: 6000;
}

.formulaire button {
	background	: none;
	cursor		: pointer;
	border: none;
	margin: 20px auto 0 auto;
	display: block;
	width: 82px;
	height: 17px;
}

.formulaire div.label {
	padding-top: 10px;
	text-align:left;
	width: 280px;
	font-size: 0.9em;
	font-weight: bold;
}

.formulaire div.input {
	clear: both;
	padding: 0;
}

.formulaire textarea {
	height: 100px;
}