* {
	margin: 0;
}
html, body {
	height: 100%;
	margin: 0;
	padding:0;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*  ------ General ------------------- */
p {
	margin-bottom:5px;
	font-size:1.1em;;
	line-height:16px;
	color:#3c3625;
}
h1 {
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	color:#486070;
}
h2 {
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
	color:#486070;
}
a {
	color:#3c3625;
	font-weight:bold;
}
a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}

#perspective a{color:#ff0000; font-weight:bold;}  
#perspective a:link{color:#ff0000; font-weight:bold;}  
#perspective a:hover, a:active{color:#ff0000; font-weight:bold;text-decoration:underline; }  
/*  ------ wrapper ------------------- */
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -124px; /* the bottom margin is the negative value of the footer's height */
	background-color:#c7d28a;
}
.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto -124px;
	text-align: center;
}
.header {
	height:200px;
	padding-top:20px;
	background-color:#394c59;
}
/*  ------ top ------------------- */
#top {
	height:30px;
	background-color:#c7d28a;
}
.logoHeader {
	background:url(../images/rozel.gif) no-repeat;
	display:block;
	margin:0 auto;
	width:440px;
	height:183px;
	cursor: pointer;
	text-indent: -900%;
	position: relative;
	left: 0px;
	top: 0px;
}
#whiteFlat {
	display:table;
	padding:0px;
	margin:0 auto;
	width:100%; 
	background-color:#FFFFFF;
}
/*  ------ menu ------------------- */
#nav {
	display:inherit;
	padding:18px 0 0 0;
	margin:0;
	display:block;
	width: 750px;
	margin: 0 auto;
}
#menu {
	list-style: none;
	padding: 0;
	width: 100%;
	margin: 0 auto;
	height: 47px;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
.accueilCurrent {
	display: block;
	width: 147px;
	height: 31px;
	background: url(../images/accueil.gif) no-repeat;
	text-indent: -900%;
	position: absolute;
	left: 0px;
	top: 0px;
	outline: none;
	overflow:hidden;
}
.plansCurrent {
	display: block;
	width: 181px;
	height: 31px;
	background: url(../images/plans.gif) no-repeat;
	text-indent: -900%;
	position: absolute;
	left: 148px;
	top: 0px;
	outline: none;
	overflow:hidden;
}
.quartierCurrent {
	display: block;
	width: 202px;
	height: 31px;
	background: url(../images/quartier.gif) no-repeat;
	text-indent: -900%;
	position: absolute;
	left: 330px;
	top: 0px;
	outline: none;
	overflow:hidden;
}
.contactCurrent {
	display: block;
	width: 208px;
	height: 31px;
	background: url(../images/contact.gif) no-repeat;
	text-indent: -900%;
	position: absolute;
	left: 535px;
	top: 0px;
	outline: none;
	overflow:hidden;
}
.current {
	position: absolute;
	top: -31px;
	left: 0px;
}
#menu a:hover {
	background-position: left bottom;
	overflow: hidden;
}
#menu a:hover span {
	display: block;
}
#menu .accueil {
	width: 147px;
	height: 31px;
	background: url(../images/accueil.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#menu .accueil span {
	width: 147px;
	height: 31px;
	background: url(../images/accueil.gif) no-repeat;
	left: 0px;
	top: -31px;
}
#menu .splitter1 {
	position:relative;
	width:1px;
	height:31px;
	background-color:#d6dea9;
	left: 147px;
	top: 0px;
}
#menu .plans {
	width: 181px;
	height: 31px;
	background: url(../images/plans.gif) no-repeat;
	left: 148px;
	top: 0px;
}
#menu .plans span {
	width: 181px;
	height: 31px;
	background: url(../images/plans.gif) no-repeat;
	left: 148px;
	top: -31px;
}
#menu .splitter2 {
	position:relative;
	width:1px;
	height:31px;
	background-color:#d6dea9;
	left: 329px;
	top: -31px;
}
#menu .quartier {
	width: 202px;
	height: 31px;
	background: url(../images/quartier.gif) no-repeat;
	left: 331px;
	top: 0px;
}
#menu .quartier span {
	width: 202px;
	height: 31px;
	background: url(../images/quartier.gif) no-repeat;
	left: 308px;
	top: -31px;
}
#menu .splitter3 {
	position:relative;
	width:1px;
	height:31px;
	background-color:#d6dea9;
	left: 533px;
	top: -62px;
}
#menu .contact {
	width: 208px;
	height: 31px;
	background: url(../images/contact.gif) no-repeat;
	left: 535px;
	top: 0px;
}
#menu .contact span {
	width: 208px;
	height: 31px;
	background: url(../images/contact.gif) no-repeat;
	left: 535px;
	top: -31px;
}
/*  ------ content ------------------- */
#content {
/*	display:table;*/
	margin: 0 auto;
  width:850px;
	text-align: left;
}
/*  ------ accueil ------- */
#flashSlideshow {
	float:left;
	width:600px;
}
#PerspectiveAccueil {
	float:left;
	width:482px;
	height:386px;
	padding:0 px;
}
#TexteAccueil {
	float:right;
	width:360px;
	padding-top:8px;
}accueilbtn {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 264px;
	height: 20px;
	position: relative;
}
#accueilbtn span {
	display: none;
	position: absolute;
}
#accueilbtn a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#accueilbtn a:hover {
	background-position: left bottom;
	overflow: hidden;
}
#accueilbtn a:hover span {
	display: block;
}
#cuisine {
	width: 280px;
	height: 20px;
	background:url(../images/personnalisez-votre-cuisine.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#cuisine span {
	width: 280px;
	height: 20px;
	background: url(../images/personnalisez-votre-cuisine.gif) no-repeat;
	left: 0px;
	top: -20px;
}
/*  ------ plan ------- */
#unite {
	clear:both;
	padding-top:30px;
	/*height:210px;*/
}
.titreBloc {
	background-color:#496c60;
	margin:0;
	padding-left:10px;
	line-height:18px;
	color:#FFFFFF;
}
#planLeft {
	float:left;
	width:420px;
}
#planRight {
	float:right;
	width:420px;
}
#planMiddle {
	float:left;
	width:60px;
}
#planImage {
	float:left;
	width:160px;
}
#plantable {
	float:right;
	width:260px;
	font-size:12px;
}
#plantable li {
	line-height:20px;
	list-style:none;
}
.titre {
	background-color:#496c60;
	font-weight:bold;
	color:#FFFFFF;
}
.pale {
	background-color:#e3e8c4;
}
#label {
	float:left;
	width:130px;
}
#label li {
	padding-left:10px;
}
#description {
	float:right;
	width:130px;
}
.pdf {
	padding-left:16px;
	background-image:url(../images/icon-document.gif);
	background-repeat:no-repeat;
}
.vendu {
	color:#FF0000;
}
/*  ------ Contact ------- */

#TexteContact {
	float:left;
	width:280px;
	padding:20px 10px 0 10px;
}
#TexteForm {
	float:right;
	width:580px;
	padding:20px 10px 0 10px
}
#TexteForm td {
	vertical-align:middle;
}
label {
	color:#3c3625;
	font-weight:bold;
	color:#496c60;
	font-size:12px;
	vertical-align:text-top;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	line-height:12px;
}
.labelDark {
	color:#3c3625;
	font-weight:normal;
	font-size:12px;
	padding:0;
	margin:0;
	height:12px;
	line-height:12px;
}
.required {
	color:#496c60;
	font-weight:normal;
}
.formTd1 {
	width:90px;
}
input {
	padding:2px 5px 0 5px;
	width:481px;
	height:20px;
	background-color:#f7ece7;
	border:none;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
textarea {
	padding:2px 5px 2px 5px;
	width:481px;
	height:66px;
	background-color:#f7ece7;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.styled {
	padding:2px 0 0 0;
	margin:0;
	height: 12px;
	background:none;
	background-position:top center;
}
span.radio {
	width: 20px;
	height: 12px;
	padding:0 20px 0 0;
	margin:0;
	line-height:12px;
	font-size:12px;
	background:url(../images/radio.gif) no-repeat;
	vertical-align:baseline;
}
.radioSpacer {
	padding:0 20px;
}
.error {
	color:#FF0000;
}
.formSpacer {
	height:5px;
}
/* --- btn envoyez ----*/
#btnSubmit {
	width:108px;
	height:20px;
}
.IR {
	position: relative;
	overflow: hidden;
	font-size: 1em;
	padding:0;
	margin:0;
}
.IR span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	padding:0;
	margin:0;
}
button#btnEnvoyez {
	background: none;
	border: none;
	padding:0;
	margin:0;
	width: 108px;
	height: 20px;
	font-size: 20px;
	line-height:20px;
}
#btnEnvoyez:hover {
	padding:0;
	margin:0;
	cursor: pointer; /* cursor: hand; for IE5 */
}
#btnEnvoyez, #btnEnvoyez span {
	padding:0;
	margin:0;
	width: 108px;
	height: 20px;
}
#btnEnvoyez span {
	padding:0;
	margin:0;
	background:url(../images/envoyer.gif) no-repeat;
	background-position:0 0;
}
#btnEnvoyez:hover span, #btnEnvoyez:focus span, #btnEnvoyez:active span, #btnEnvoyez:visited span {
	padding:0;
	margin:0;
	background-position: 0 -20px;
}
/* for ie5.x/mac only */
* html>body .IR {
	padding:0;
	margin:0;
	position: static;
	overflow: visible;
	font-size: 5px;
}
* html>body .IR span {
	padding:0;
	margin:0;
	position: static;
}
* html>body #btnEnvoyez span {
	padding:0;
	margin-bottom: -20px;
}
/*  ------ footer ------------------- */
#footer {
	clear:both;
	position: relative;
	margin: 0;
	padding:0;
	width: 100%;
	/*min-height:124px; */
	background-color:#c7d28a;
	text-align:center;
}
#footerWrapper {
	/*display:table;*/
	margin:0 auto;
	padding:10px 0 0 0;
	width:900px;
	height:124px;
}
#copyright {
	float:left;
	padding: 0;
	margin: 0 auto;
	width:100%;
	height: 20px;
	vertical-align:bottom;
	font-size:11px;
	color:#3c3625;
	text-align:left;
}
#buttomNav {
	float:left;
	padding: 0;
	margin: 0 auto;
	width:300px;
	height: 20px;
	vertical-align:bottom;
	font-size:11px;
	color:#3c3625;
	text-align:center;
}
#buttomNav li {
	display:inline;
}
#buttomNav a {
	font-weight:normal;
}
#dvisionic {
	float:right;
	padding: 0;
	margin: 0 auto;
	width:89px;
	height: 20px;
	vertical-align:bottom;
}
#dvisionic span {
	display: none;
}
#dvisionic a {
	display: block;
	text-indent: -9000%;
	outline: none;
}
#dvisionic a:hover {
	background-position: left bottom;
	overflow: hidden;
}
#dvisionic a:hover span {
	display: block;
}
#createdBy {
	width: 89px;
	height: 11px;
	background:url(../images/3dvisionic.gif) no-repeat;
	left: 0px;
	top: 0px;
}
#createdBy span {
	width: 89px;
	height: 11px;
	background: url(../images/3dvisionic.gif) no-repeat;
	left: 0px;
	top: -11px;
}

table{
margin-top:8px;
border:none; 
width:300px;
font-size: 0.95em;

} 

table td{
  border:none;
  padding-left:3px;
  padding-top:2px;
   padding-bottom:2px; 
}

table tr{
 
}

table td img{
 border:none;
}

table th{
background-color:#486070;
color:#FFFFFF;
padding-left:3px;
border:none;
text-align:left;
height: 22px;
margin-bottom:3px;
}

#perspective{
  margin-top:15px;
}

#perspective img{
  vertical-align:middle;
}

p.notice{
margin-top:7px;
margin-bottom:10px;
font-size:11px;
}