@charset "utf-8";

/* CSS Document */

/**
 * global style resetting 
 */

*{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	text-align: left;
	outline: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before,q:after,

blockquote:before,blockquote:after {
	content: "";
}

.clear-both{
	clear:both;
}

.bold{
	font-weight:bold;
}

/**
 * CONTENEURS
 */
body{
	background: #ffffff url(../images/interface/bgBody.jpg) repeat-x;
	font-family:Tahoma,Arial, Helvetica, sans-serif; 
}

#wrapper{
	width: 1002px;
	margin: 0 auto;
}

/**
 * LOGO DU GROUPE
 */
a#logoGroupe, a#logoGroupe:link, a#logoGroupe:visited, a#logoGroupe:active, a#logoGroupe:hover{
	display: block;
	width: 371px;
	height: 97px;
	margin: 122px auto 0;
	background: url(../images/interface/logo.jpg) no-repeat;
}

/**
 * LOGO DES ENTITES
 */
#logos{
	height: 125px;
	margin: 170px 0 0 0;
} 
	
	a#rousseau, a#rousseau:link, a#rousseau:visited, a#rousseau:active, a#rousseau:hover{
		display: block;
		float: left;
		width: 100px;
		height: 100px;
		margin: 10px 41px 10px 12px !important;
		margin: 10px 41px 10px 6px;
		background: url(../images/interface/logoRousseau.jpg) center no-repeat;
	}

	a#arrigo, a#arrigo:link, a#arrigo:visited, a#arrigo:active, a#arrigo:hover{
		display: block;
		float: left;
		width: 150px;
		height: 82px;
		margin: 20px 35px 20px 0;
		background: url(../images/interface/logoArrigo.jpg) center no-repeat;
	}

	a#perrin, a#perrin:link, a#perrin:visited, a#perrin:active, a#perrin:hover{
		display: block;
		float: left;
		width: 119px;
		height: 78px;
		margin: 20px 50px 20px 0;
		background: url(../images/interface/logoPerrin.jpg) center no-repeat;
	}

	a#insdustrie, a#insdustrie:link, a#insdustrie:visited, a#insdustrie:active, a#insdustrie:hover{
		display: block;
		float: left;
		width: 120px;
		height: 83px;
		margin: 20px 47px 20px 0;
		background: url(../images/interface/logoIndustrie.jpg) center no-repeat;
	}

	a#orientesud, a#orientesud:link, a#orientesud:visited, a#orientesud:active, a#orientesud:hover{
		display: block;
		float: left;
		width: 87px;
		height: 121px;
		margin: 0 39px 0 0;
		background: url(../images/interface/logoOrientesud.jpg) center no-repeat;
	}

	a#terreneuve, a#terreneuve:link, a#terreneuve:visited, a#terreneuve:active, a#terreneuve:hover{
		display: block;
		float: left;
		width: 190px;
		height: 103px;
		margin: 10px 0;
		background: url(../images/interface/logoTerreneuve.jpg) center no-repeat;
	}
	
#reflexLogos{
	overflow: hidden;
	clear: both;
	width: 1002px;
	height: 240px;
	background: url(../images/interface/reflexLogos.jpg);
}

/**
 *	FOOTER
 */
#footer{
	width: 800px;
	height: 21px;
	margin: 210px auto 0;
	text-align: center;
}

	#footer span{
		display: block;
		float: left;
		height: 21px;
		line-height: 21px;
		font-size: 15px;
	}

	a#contact, a#contact:link, a#contact:visited, a#contact:active{
		display: block;
		float: right;
		width: 113px;
		height: 21px;
		line-height: 21px;
		background: url(../images/interface/bgContact.jpg);
		text-align: center;
		text-decoration: none;
		font-size: 12px;
		color: #000000;
	}
	
	a#contact:hover{
		background: url(../images/interface/bgContact-hover.jpg);
	}
	
/**
 * CONTACT
 */
h1{
	margin: 30px 0;
	padding: 0 0 0 10px;
	font-size: 15px;
	font-weight: bold;
}

form{
	float: left;
	width: 450px;
	margin: 0 auto;	
}

#f_agencement, #listProfil{
	float: left;
}
 
input.contact {
	background:transparent url(../images/interface/bgInput.jpg) no-repeat scroll 0 0;
	border: 0 #FF0000;
	float:left;
	font-size:11px;
	margin:0 0 0 30px;
	padding:2px 3px 0 3px;
	width:130px;
	height: 15px;
	line-height: 17px;
}

input.contactSmall {
	background:transparent url(../images/interface/bgInputSmall.jpg) no-repeat scroll 0 0;
	width:62px;
}

textarea.contactDemande {
	background:transparent url(../images/interface/bgTextarea.jpg) no-repeat scroll 0 0;*/
	border:none;
	font-family:Tahoma,Arial;
	font-size:11px;
	height:98px;
	margin:0 0 0 30px;
	padding:10px 0 0 10px;
	width:217px;
}

input.checkbox{
	width: auto;
	float: left;
	margin: 10px 0 10px 0;
}

.centpercentW{
	width: 100%;
}

.centpercentW tr{
	height: 30px;
}

fieldset.vtform{
	width: 425px;
	border:1px dotted #AAAAAA;
	margin:0 0 10px;
	padding:10px 0 10px 10px;
}

	fieldset.vtform legend{
		font-weight:bold;
		margin:0 0 10px;
	}

img.imgCaptcha{
	float: left;
}

.blocLabel{
	vertical-align:center;
}

.legendRequired{
	clear: both;
	float: left;
	width: 250px;
	padding: 0 0 0 10px;
	color:#FF0000;
}

.requiredError{
	color:#FF0000;
}

span.requiredError{
	float: left;
}

.inputError{
	float: left;
}

.capcha{
	background: url(../images/interface/bgCapcha.jpg);
	margin: 5px 0 0 10px;
}

.submitContact{
	
}

a.submitContact, a.submitContact:link, a.submitContact:visited, a.submitContact:active{
	display: block;
	float: right;
	width: 113px;
	height: 21px;
	line-height: 21px;
	background: url(../images/interface/bgContact.jpg);
	margin: 0 6px 0 0;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
}

a.submitContact:hover{
	background: url(../images/interface/bgContact-hover.jpg);
}

#plan-map{
	float: right;
	width: 500px;
	height: 350px;
	margin: 4px auto;
	border: 1px dotted #AAAAAA;
}