* {margin: 0; padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.8%;
	color: #616162;
	background: #fff;
}
a img {
	border: 0 none;
}
/********************
------ LAYOUT -------
********************/
#conteneur {
	width: 880px;
	position:absolute; 
	left: 50%;  
	top: 10%; 
 	margin-left: -440px; /* moitié de la largeur */ 
	height: 645px;
}
#left {
	width: 232px;
	float: left;
}
#centre {
	width: 648px;
	float:right;
}
#footer {
	padding: 30px 0 0 120px;
	clear: both
}
/*********************
------- LEFT ---------
**********************/

/******** LOGO **********/
h1#logo {
	background: url(images/logo.jpg) no-repeat;
	width: 232px;
	height: 299px;
}
h1#logo a {
	display: block;
	background: url(images/logo.jpg) no-repeat;
	width: 232px;
	height: 299px;
	text-indent: -9000em;
}

/********* MENUV ***********/
#menuv {
	background: url(images/bg-menu.jpg) no-repeat;
	padding: 0 46px 0 50px;
	height: 276px;
}
#menuv ul {
	list-style-type: none;
}
#menuv ul li {
	list-style-type: none;
	text-align: center;
}
#menuv ul li a {
	display: block;
	color: #616162;
	width: 136px;
	background-position: top;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size:1.636em;
	text-indent: -9000em;
}
#menuv ul li a:hover, #menuv ul li a.tabSelected {
	background-position: bottom;
}
#menuv li#menuv_diaporama a {
	height: 33px;
	background-image: url(images/menuv_diaporama.png);
}
#menuv li#menuv_offre a {
	height: 38px;
	background-image: url(images/menuv_offre.png);
}
#menuv li#menuv_creation a {
	height: 35px;
	background-image: url(images/menuv_creation.png);
}
#menuv li#menuv_entretien a {
	height: 36px;
	background-image: url(images/menuv_entretien.png);
}
#menuv li#menuv_location a {
	height: 36px;
	background-image: url(images/menuv_location.png);
}
#menuv li#menuv_plantes a {
	color: #66ae24;
	background-image: url(images/menuv_plantes.png);
	height: 54px;
}

/*********************
------- CENTRE -------
**********************/

/***** MENUH *****/
#menuh {
	list-style-type: none;
	margin: 43px 0 0 32px;
	width: 500px;
	height: 19px;
}
#menuh li {
	list-style-type: none;
	float:left;
	padding-right: 20px;
}
#menuh li a {
	display: block;
	color: #66ae24;
	text-decoration: none;
	font-size:1.091em;
	height: 19px; 
	text-indent: -9000em;
	background-position: top;
	background-repeat: no-repeat;
}
#menuh li#menuh_societe a {
	background-image: url(images/menu_societe.png);
	width: 42px;
}
#menuh li#menuh_engagements a {
	background-image: url(images/menu_engagements.png);
	width: 98px;
}
#menuh li#menuh_contact a {
	background-image: url(images/menu_contact.png);
	width: 47px;
}

/***** CONTENU *****/
#main {
	background: url(images/bg-contenu.jpg) no-repeat;
	width: 415px;
	height: 302px;
	padding: 95px 197px 116px 34px;
	position: relative;
}
#player {
	position: absolute;
	right: 150px;
	top:15px;
	height: 20px;
	width:30px;
	cursor: pointer;
}
#contenu {
	overflow:hidden;
	width: 417px;
	height: 302px;
}
.fadecontent {
	height: 300px;
}
.fadewrapper {
	border: 1px solid #d0d0d0;
}
.slidecontent a {
	color: #616162;
	text-decoration: underline;
}
.slidecontent a:hover {
	text-decoration: none;
}
.slidecontent {
	margin: 12px 20px 0 25px;
}
.slidecontent p {
	margin: 0 0 11px;
	letter-spacing:-0.1px;
}
.slidecontent ul {
	list-style-type: none;
}
.slidecontent ul li {
	list-style-type: none;
	background:url(images/puce.png) no-repeat left 5px;
	padding: 0 0 11px 11px
}
.slidecontent h2 {
	color: #71b434;
	font-weight: normal;
	font-size:  3.091em;
	padding-bottom: 24px;
	text-indent: -9000em;
}
.slidecontent h2 span {
	color: #616162;
	display: block;
	font-size: 0.529em;
	padding-left: 50px;
}
/*-------------- 
slide accueil 
----------------*/
#accueil {
	background: url(images/illus_coin.jpg) no-repeat right top;
}
#accueil h2 {
	background: url(images/titre_accueil.png) no-repeat;
	width: 221px;
	height: 82px;
}

/*-------------- 
slide diaporama 
----------------*/
#diaporama {
	border: 0 none;
	height: 300px;
	width: 415px;
}

/*----------- 
slide offre 
------------*/
#offre {
	background: url(images/illus_coin.jpg) no-repeat right top;
}
#offre .slidecontent {
	margin: 2px 20px 0 25px;
}
#offre h2 {
	background: url(images/titre_offre.png) no-repeat left top;
	width: 236px;
	height: 63px;
	margin-top: 20px
}
#offre ul li {
	padding: 0 0 2px 11px
}
/*-------------- 
slide creation 
---------------*/
#creation .slidecontent {
	background: url(images/illus_creation.jpg) no-repeat right top;
}
#creation h2 {
	background: url(images/titre_creation.png) no-repeat top left;
	width: 215px;
	height: 69px;
	padding-bottom: 18px
}
#creation p {
	margin: 0 0 8px;
	line-height: 1.1em;
}
/*------------- 
slide entretien 
---------------*/
#entretien {
	background: url(images/illus_entretien.jpg) no-repeat right top;
}
#entretien h2 {
	background: url(images/titre_entretien.png) no-repeat left top;
	width: 265px;
	height: 71px;
	padding-bottom:  14px;
}
/*------------- 
slide location 
---------------*/
#location .slidecontent {
	background: url(images/illus_location.jpg) no-repeat right top;
}
#location h2 {
	background: url(images/titre_location.png) no-repeat left top;
	width: 249px;
	height: 71px;
}
/*------------- 
slide plantes 
---------------*/
#plantes {
	background: url(images/illus_coin.jpg) no-repeat right top;
}
#plantes h2 {
	background: url(images/titre_plantes.png) no-repeat left top;
	width: 213px;
	height: 71px;
}
/*------------- 
slide société 
---------------*/
#societe {
	background: url(images/illus_coin.jpg) no-repeat right top;
}
#societe h2 {
	background: url(images/titre_societe.png) no-repeat left top;
	width: 265px;
	height: 60px;
	padding-bottom: 0;
}
#societe ul li {
	padding: 0 0 3px 11px
}
/*------------- 
slide engagements 
---------------*/
#engagements {
	background: url(images/illus_coin.jpg) no-repeat right top;
}
#engagements h2 {
	background: url(images/titre_engagements.png) no-repeat left top;
	width: 265px;
	height: 60px;
}
/*------------- 
slide contact 
---------------*/
#contact {
	background: url(images/illus_coin.jpg) no-repeat right top;
}
#contact h2 {
	background: url(images/titre_contact.png) no-repeat left top;
	width: 265px;
	height: 75px;
	padding-bottom: 16px;
}

/* formulaire */
#contactform {
	width: 100%; 
	overflow: hidden;
	position: relative;
}
#contactform fieldset {
	border: 0 none;
}
#contactform legend {
	display: none;
}
#contactform div {
	width: 60%;
	overflow: hidden;
	margin: 0 0 2px;
	float: left;

}
#contactform label.label {
	width: 27%;
	display: block;
	float: left;
	text-align: right; 
	text-transform:uppercase;
	font-size: 	0.909em;
	padding-right: 5px;
	line-height: 1.4em;
}
#contactform input {
	width: 67%;
	display: block;
	float: left;
	border: 1px solid #d7d7d8;
	padding: 1px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
#contactform #field_submit {
	background: url(images/envoyer_btn.png);
	width: 68px;
	height: 16px;
	color: #71b434;
	text-transform: uppercase;
	text-indent: -9000em;
	border: 0 none;
	cursor: pointer;
	float: left;
}

#contactform .error {
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	text-transform: lowercase;
	color:red;text-align:left;
}

#contact h3 {
	font-weight: normal;
	margin: 6px 0 2px;
	font-size:1.273em;
}
#contact #nom_contact {
	padding-left: 50px;
}

/* validation du formulaire */
#message	{ width:180px;margin:0 0 0 120px; height: 106px }
#contact #message h3	{ font-size:150%;color:#71b434; }
#message p	{ color:#616162;font-weight:bold;margin:6px 0px; }
#checkmark	{ position:relative;top:-103px;left:-100px; }


/*------------- 
slide plan du site 
---------------*/
#plan-du-site {
	background: url(images/illus_coin.jpg) no-repeat right top;
}
#plan-du-site h2 {
	background: url(images/titre_plan-du-site.png) no-repeat left top;
	width: 170px;
	height: 62px;
}
#plan-du-site ul {
	width: 50%;
	float: left;
}
#plan-du-site ul li {
	padding: 0 0 3px 11px;
}
#plan-du-site ul li a {
	text-decoration: none;
}
#plan-du-site ul li a:hover {
	text-decoration: underline
}


/***** FOOTER *****/
#footer {
	font-size: 0.909em;
	color: #c0c0c0;
	text-align: center;
	line-height: 1.4em;
	position: relative;
}
#footer a{
	color: #c0c0c0;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
	color: #999999;
}
#shakeup {
	position: absolute;
	bottom: 0;
	right: 0;
}