html, body {
	font-family	: Arial, sans-serif;
	font-size	: 11pt;
	height		: 100%;
	background-color: #4d4f53;
	text-align	: center;
}

body { 
	behavior: url("/includes/css/csshover3.htc"); 
} 


#codeContainer {
	float:left;
	height:50%;
	margin-top:-355px;/* half vertical height*/
	width:100%;

}

#container {

	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	height: 710px;
	text-align:right;
	clear:both;


}

#box, #box_en {
	width: 1000px;
	height: 710px;
	position: relative;
	background-color: #4d4f53;
	background-position:left top;
	background-repeat:no-repeat;
	text-align: left;
	margin: 0 auto;

}

.home {
	background-image: url(/includes/images/sidebar-home.jpg);
}
#box_en.home {
	background-image: url(/includes/images/sidebar-home-en.jpg);
}

.desc {
	background-image: url(/includes/images/sidebar-description.jpg);
}
#box_en.desc {
	background-image: url(/includes/images/sidebar-description-en.jpg);
}

.visit {
	background-image: url(/includes/images/sidebar-3dvisit.jpg);
}
#box_en.visit {
	background-image: url(/includes/images/sidebar-3dvisit-en.jpg);
}

.quart {
	background-image: url(/includes/images/sidebar-quartier.jpg);
}
#box_en.quart {
	background-image: url(/includes/images/sidebar-quartier-en.jpg);
}

.contact {
	background-image: url(/includes/images/sidebar-contact.jpg);
}
#box_en.contact {
	background-image: url(/includes/images/sidebar-contact-en.jpg);
}

.logo {
	display: block;
	width: 180px;
	height: 93px;
	background: transparent url(/includes/images/sash-logo.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 57px;
	top: 65px;
	behavior: url("/includes/css/iepngfix.htc");

}

.footer {
	position: absolute;
	bottom: 23px;
	left: 290px;
	font-size: 10px;
	color: #8b8d8e;
}


#nav {
	position: absolute;
	top: 109px;
	left: 286px;
	width: 700px;
	margin: 0;
	padding: 0;

}

#nav li {
	float: left;
	font: 10px Tahoma, sans-serif;
}


#nav li a {
	color: #fff;
	text-transform : uppercase;
	margin-right: 35px;	
	display : block;
	height: 18px;
	width: 100px;
	text-indent: -9999px;
	background-position: top left;
}

#nav li a.selected {
	background-position: bottom left;
}

#nav li a:hover {
	background-position: bottom left;
}

#nav #home a {
	width : 66px;
	background-image:  url(/includes/images/nav-accueil.gif);

}
#nav #home.en a {
	width : 51px;
	background-image:  url(/includes/images/nav-home.gif);

}

#nav #desc a {
	width : 97px;
	background-image:  url(/includes/images/nav-description.gif);

}

#nav #plans a {
	width : 52px;
	background-image:  url(/includes/images/nav-plans.gif);

}

#nav #quartier a {
	width : 79px;
	background-image:  url(/includes/images/nav-quartier.gif);

}
#nav #quartier.en a {
	width : 117px;
	background-image:  url(/includes/images/nav-neighborhood.gif);

}

#nav #contact a {
	width : 70px;
	background-image:  url(/includes/images/nav-contact.gif);
}


#nav #lang {
	float: right;
}

#nav #lang.en a {
	width : 65px;
	background-image:  url(/includes/images/nav-english.gif);
	margin-right: 7px;
}
#nav #lang.fr a {
	width : 75px;
	background-image:  url(/includes/images/nav-francais.gif);
	margin-right: 7px;
}



.content {
	position: absolute;
	left: 290px;
	top: 166px;
}

.content p {
	color : #9a9b9c;
	font-size: 12px;
	line-height: 1.2;
}

.content p strong {
	color: #fff;
}

.home .content p, .desc .content p {
	width: 225px;
	float: left;
	margin-right: 10px;
}


.model {
	clear: left; margin-left: -31px; margin-top: 23px;
}

.texte_desc {
	position:relative;
	height: 100px;
}


.galerie {
	position:relative;
	clear: left;
	margin: 45px 0 0 0;
}

.galerie img {
	margin: 0 4px 0 0;
}

.contact-info {
	position: relative;
	height: 178px;
	width: 300px;
	padding-left: 339px;
	/*padding-top: 18px;*/
	color : #9a9b9c;
	margin-top: 2px;

}


/*CAMIL AJOUT*/
.contact-mail {
	position: relative;
	height: 178px;
	width: 300px;
	/*padding-left: 339px;*/
	/*padding-top: 18px;*/
	color : #9a9b9c;
	margin-top: 2px;

}
/*CAMIL AJOUT*/

.contact-info img {
	position: absolute;
	left : 0;
}


.contact-info address {

	font-size: 12px;
	font-style: normal;
	line-height: 1.25;
	padding-bottom: 15px;
	padding-left: 1px;
	padding-top : 3px;
}

.sash, .office, .office_en {
	display: block;
	text-indent: -9999px;
	overflow: hidden;

}

.contact-info  p {
	padding-top: 6px;
	padding-left: 1px;
	width: 255px;
			line-height: 1.25;
}

.contact-info  p span {
	color: #fed100;
}

.sash {
	background: transparent url(/includes/images/txt-sash.gif) top left no-repeat;
}

.office {
	background: transparent url(/includes/images/txt-office.gif) top left no-repeat;
}

.office_en {
	background: transparent url(/includes/images/txt-office-en.gif) top left no-repeat;
}


form {
	margin-top: 32px;
	width: 710px;
}

form label {
	color: #fff;
	font-size: 12px;
}

form li {
	clear: both;

	margin-bottom: 3px;
	height: 21px;
}

form ul.left li label {
	float: left;
	padding-left:  1px;
	width: 77px;
	line-height: 1.8
	

}

form ul.left li {

	height: 21px;
}

form ul {
	float: left;
	width: 330px;	
}

form  .fieldgroup {
	float: left;
}





form ul.right {
	float: right;
	padding-left: 10px;
	width: 370px;

}

form ul.right li {

	height: auto;

}
form ul.right li label {
	line-height: 1.8;

}

form ul.right li input {
	margin-top: 3px;
}

form input, form textarea, select {
	background-color: #8b8d8e;
	border: 1px solid #8b8d8e;
	width: 248px;
}



form ul.right input, form ul.right textarea {
	width: 328px;
	margin-bottom : 1px;
}

form ul.right textarea {
	height: 66px;

}

form ul.right span {

	color : #9a9b9c;
	font-size : 12px;
	display: block;
	padding-top: 7px;

}


form li input.submit {
	width: 77px;
	height: 20px;
	background: transparent url(/includes/images/submit-fr.gif) top left no-repeat;
	border: 0;
	float: right;
	margin-right: 40px;
}

form li input.submit_en {
	width: 77px;
	height: 20px;
	background: transparent url(/includes/images/submit-en.gif) top left no-repeat;
	border: 0;
	float: right;
	margin-right: 40px;
}


form li input.submit:hover, form li input.submit_en:hover  {
	background-position: bottom left;
}

/*CAMIL SECTION*/
	.validation_msg {
		margin:15px 0px 0px 0px;
	}

	.validation_success {
		font-size: 9pt;
		font-weight:bolder;
		color:#FFFFFF;
	}

	.validation_error {
		font-size: 9pt;
		font-weight:bolder;
		color:#fed100;
	}
/*CAMIL SECTION*/