html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
html {
	background:#000 url(images/bg_html.jpg) repeat-x scroll top left;
}
body {
	background: transparent url(images/bg_body.jpg) no-repeat scroll top center;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
}
h1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}
h2 {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #000;
	font-size: 24px;
	font-weight: 400;
	line-height: 24px;
	padding: 25px 10px 30px 0px;
}
.titleAstous {
	background : transparent url(images/logo_d_aoust.png) no-repeat 290px 0px;
}
.titleJadco {
	background : transparent url(images/logo_jadco.png) no-repeat 260px 0px;
}
.titleRoyan {
	background : transparent url(images/logo_royan.png) no-repeat 260px 0px;
}
h3 {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	padding:0;
}
h5 {
	position:absolute;
	top:345px;
	left:15px;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size:18px;
	color:#88afc8;
	font-weight:100;
}
h5 span {
	display:block;
	margin-top:15px;
	font-size:28px;
	font-weight:100;
}
h5 a {
	display:block;
	font-size:10px;
	margin-top:10px;
	margin-left:3px;
}
a, a:link {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	text-transform:uppercase;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:focus {
	color: #000;
}
a:active {
	color: #000;
}
p{
	line-height:18px
}
#outerWrapper {
	background-color: #fff;
	background-image: url("images/bg_page.jpg");
	height: 650px;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 949px;
}
#outerWrapper #header {
	font-size: 18px;
	font-weight: bold;
	height: 100px;
	line-height: 15px;
	padding: 10px 10px 10px 10px;
	position:relative;
}
#outerWrapper #header h1 {
	position:absolute;
	top:20px;
	left:615px;
	width:200px;
	height:135px;
	text-indent:-9999px;
}
#outerWrapper #header a.accueil, #outerWrapper #header a.language  {
	position:absolute;
	top:0px;
	left:450px;
	width:65px;
	display:block;
	background-color:#000;
	color:#fff;
	font-size:10px;
	line-height:10px;
	padding:4px 0 5px 0;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}
#outerWrapper #header a.language  {
	left:520px;
	width:65px;
}
#outerWrapper ul#topNavigation {
	height: 38px;
	list-style-type:none;
	padding: 0;
	margin: 0;
	border: solid 1px #fff;
	width:581px;
}
#outerWrapper ul#topNavigation li {
	height: 38px;
	float:left;
	padding: 0;
	margin: 0;
}
#outerWrapper ul#topNavigation li a {
	display:block;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:2px;
	font-weight:100;
	color:#fff;
	margin: 4px 1px 0 0;
	line-height:30px;
	background: transparent url(images/bg_btn.png) repeat-x 0 -40px;
}
#outerWrapper ul#topNavigation li a.btnProjet {
	width:90px;
}
#outerWrapper ul#topNavigation li a.btnPromoteur {
	width:122px;
}
#outerWrapper ul#topNavigation li a.btnResidences {
	width:125px;
}
#outerWrapper ul#topNavigation li a.btnServices {
	width:105px;
}
#outerWrapper ul#topNavigation li a.btnMultimedia {
	width:131px;
	border-right:none
}
#outerWrapper ul#topNavigation li a:hover {
	text-decoration:none;
	background: transparent url(images/bg_btn.png) repeat-x 0 0;
}
#outerWrapper ul#contact {
	height: 38px;
	list-style-type:none;
	padding: 0;
	margin: -40px 0 0 0;
	border: solid 1px #0079c6;
	width:110px;
	float:right;
}
#outerWrapper ul#contact li {
	height: 38px;
	float:right;
	padding: 0;
	margin: 0;
}
#outerWrapper ul#contact li a {
	display:block;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:100;
	text-decoration:none;
	color:#fff;
	margin: 4px 0 0 0;
	line-height:30px;
	background: transparent url(images/bg_btn.png) repeat-x 0 -40px;
	width:106px;
}
#outerWrapper ul#contact li a:hover {
	text-decoration:none;
	background: transparent url(images/bg_btn.png) repeat-x 0 0;
}
#outerWrapper #contentWrapper {
	position:relative;
}
#outerWrapper #contentWrapper #content {
	margin : 30px 0 0 185px;
	padding: 10px 10px 10px 10px;
	height:400px;
	position:relative;
}
#outerWrapper #contentWrapper #home {
	float:left;
	padding : 95px 0 0 0;
	margin : 0;
	width:380px;
}
#outerWrapper #contentWrapper #page {
	float:left;
	padding : 0 0 0 0;
	margin : 0;
	width:650px;
	height:320px;
}
#outerWrapper #contentWrapper #pageConstructeurs {
	float:left;
	padding : 0 0 0 0;
	margin : 0;
	width:380px;
}
#outerWrapper #contentWrapper #photosMaisons {
	position: absolute;
	top:26px;
	left:400px;
	width:315px;
	height:380px;
	padding:0;
	margin:0;
}
#photosMaisons img {
	border: solid 1px #fff;
	padding: 5px;
}
#photosMaisons a.pic1 {
	position:absolute;
	top:5px;
	left:50px;
	z-index:10;
}
#photosMaisons a.pic2 {
	position:absolute;
	top:150px;
	left:155px;
	z-index:10;
}
#photosMaisons a.pic3 {
	position:absolute;
	top:240px;
	left:0px;
	z-index:20;
}
#outerWrapper #contentWrapper #cartevirtuelle {
	padding : 0;
/*	margin :-15px 0 0 30px;*/
	margin: 0px 0pt 0pt -20px; 
	width: 720px; 
	height: 340px;
	border: solid 5px #9DD051 ;
	background-color:#fff;
}
#outerWrapper #contentWrapper #cartevirtuelle iframe{
	width: 720px; 
	height: 340px;
	margin:0;
	padding:0;
}
#outerWrapper #contentWrapper #legende {
	position:absolute;
	top:-5px;
	left:-170px;
	z-index:10;
	width:197px;
	height:205px;
	background-image:url(images/Service.png)
}
#outerWrapper #contentWrapper #pagescroll {
	float:left;
	padding : 0 10px 0 0;
	margin : 2px 0 10px 0;
	width:650px;
	height:235px;
	overflow:auto;
}
#outerWrapper #contentWrapper #column {
	float:left;
	padding : 10px;
	margin : 15px 0 0 21px;
	width:215px;
	height:300px;
	position:relative;
	display:none;
}
#outerWrapper #contentWrapper #column p {
	padding : 0px 1px 0 2px;
	margin : 0;
	font-size:13px;
	line-height:15px;
}
#outerWrapper #contentWrapper #column a {
	/*	display:block;
	width:190px;*/
	overflow:hidden;
	color:#000;
	text-transform:uppercase;
	text-decoration:underline;
}
#outerWrapper #contentWrapper #column a:hover {
	text-decoration: none;
}
#outerWrapper #contentWrapper #column h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: lighter;
	font-size: 20px;
	letter-spacing: normal;
	line-height: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
}
#residence {
	position:absolute;
	top:5px;
	left:6px;
	color:#000;
}
#residence h1, #promoteur h1 {
	color:#269ada;
}
#carte {
	position:absolute;
	top:110px;
	left:6px;
}
#carte h1 {
	color:#000;
}
#promoteur {
	position:absolute;
	top:180px;
	left:5px;
}
#promoteur h1 {
	color:#6f8fa3;
}
#promoteur a {
 font-size:80%;
}
#promoteur img {
	float:left;
	margin: 0 5px 0 0 ;
	border:none;
}
ul#contactus {
	margin: 10px 0 0 0;
	padding:0;
	list-style-type:none;
}
ul#contactus li {
	width:210px;
	float:left;
	line-height:15px;
}
ul#contactus li.jadco {
	width:175px;
}
ul#contactus li.royan {
	width:220px;
}
#outerWrapper #contentWrapper #column #promoteur a {
	color:#fff;
}
#outerWrapper #contentWrapper a#choisirTerrain {
	display:block;
	position:absolute;
	top:200px;
	left:15px;
	width:150px;
	height:160px;
	text-indent:-9999px;
	overflow:hidden;
}
#flashWrapper {
	display:block;
	position:absolute;
	top:212px;
	left:15px;
	width:150px;
	height:200px;
	text-align:center;
	font-size:9px;
}
#flashWrapper a {
	display:block;
	margin-left:15px;
}
p#pager {
	background: transparent url(images/pager2.png) no-repeat 2px 7px;
	width:300px;
	height:50px;
	padding: 0 0 0 18px;
	position:absolute;
	top:46px;
	left:10px;
	}
p#pager a {
	display:block;
	margin-right:5px;
	float:left;
	padding:5px 3px;
	text-decoration: none;
	color:#000;
}
p#pager a:hover {
	color:#000;
}
#outerWrapper #contentWrapper #choisirPhase {
	margin-top:-200px;
	display:none;
}
#outerWrapper #footer {
	height: 30px;
	padding: 10px 10px 10px 10px;
	text-align:center;
	background: #000 url(images/footer.jpg) no-repeat 10px 0;
	text-indent:-9999px;
}
#menugalerie {
	display:none;
}
.pLeft {
	width:200px;
	margin: 20px 5px;
	float:left;
}
.pLeft ul {
	margin:0 0 0 10px;
	padding:0;
	list-style: outside;
}
input[type=text] { 
  border: solid 1px #044259;
  font-size:10px;
  color:#044259;
  padding: 2px 5px 2px ;
  width:225px;
}
 select,textarea { 
  border: solid 1px #044259;
  font-size:10px;
  color:#044259;
  padding: 2px 5px 2px ;
}
textarea { 
  font-size:12px;
}
#photosMaisons form {
	margin: 0 0 0 10px;
}
#photosMaisons input[type=button] { 
  margin-left:20px;
}

#photosMaisons form input {
	width:160px ;
}
#photosMaisons form select#terrain_no {
	width:100px ;
}
#photosMaisons form select {
	width:260px ;
}

#shareit{
	float:left;
	margin:-10px 0 20px 13px ;
}
#webloft{
	float:right;
	margin:-10px 20px 20px 0px ;
}
#mytwitter{ position:absolute; top:40px;left:411px; width:233px; height:340px; }
#mytwitter .twtr-join-conv { display:none !important }
img#medias {margin:4px 0 0 105px;}
