/* CSS Document */
*{margin:0; padding:0}
body{ 
	background-color:#071c01;
	width:900px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#071c01
}
hr{ margin:20px 0 30px 0; border:#b7b78d 1px solid}
fieldset{margin:5px 50px 5px 0px; padding:5px;border:#b7b78d 1px solid}
form p{margin:5px 0 0 10px}
form br{display:none}
label{ 
	margin:0 5px 0 0; 
	display:block; 
	width:100px; 
	float:left;
	font-weight:bold
}
input, select{
	border:#666 1px solid;
	color:#333;
	font-size:95%;
}
select{margin:0 0 20px 0}
textarea{	
	border:#999 1px solid;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:168px;
	font-size:1.1em;
}
input:focus, textarea:focus{background:#e2d9ab}
input.submit{margin: 0 0 0 228px !important; margin: 0 0 0 223px;}
input.submit:hover{background:#e2d9ab}

.button{
	height:16px;
	width:57px;
	margin:4px 0 0 0;
	background:#f4edf0;
	cursor:pointer;
}
.button:hover{ background:#ebdae2}
.case input, .rond input{border:none}
.case p, .rond p{padding:3px 0;}
.case label{ width:200px; font-weight:normal}
.rond label{ width:20px; font-weight:normal}
.right{float:right; border:5px solid #b7b78d}
.left{float:left; border:5px solid #b7b78d; margin:0px 5px 5px 0}
.clear{clear:both}

.cadre{ border:6px solid #b6b78c; padding:10px 25px}
.cadre ul{background:#ddddb0; padding:15px}

#header div{float:left}
#logo{background:url(../images/fond-logo.gif) no-repeat left top; width:307px; height:123px; padding:97px 0 0 49px}
#logo h1{ background:url(../images/logo.gif) no-repeat left top; width:301px; height:100px; text-indent:-9999px; font-size:1px}
#wrapper{margin:30px 0 5px 0; clear:both}
.content{padding:0 50px}
#blockgauche{float:left; width:225px}
#blockgauche h2{background:url(../images/coordonnees.gif) no-repeat left top; height:34px; text-indent:-9999px}
#blockgauche p{ background:url(../images/fond-gauche.jpg) no-repeat left top; height:306px; padding:29px}
#blockgauche span a{background:url(../images/picto-acces.gif) no-repeat left center; padding:0 0 0 15px; color:#071c01}
#blockgauche span a:hover{text-decoration:none}
#blockdroit{ background:url(../images/fond-content.gif) repeat-y left top; float:left; width:575px}
#blockdroit h2{height:34px; text-indent:-9999px}
#blockdroit div{background:url(../images/fond-droit.jpg) no-repeat left bottom; padding: 15px 25px;min-height:334px; height:auto}
#blockdroit div p{margin: 5px 0}
#blockdroit h3{text-indent:-9999px; margin:0 0 15px 0}
#presentation{background:url(../images/presentation.jpg) no-repeat left top} 
#societe{background:url(../images/createur-parc-jardins.gif) no-repeat left bottom}
#creation{background:url(../images/creation-jardin.gif) no-repeat left bottom; height:33px}
#atouts{background:url(../images/atouts-jardin.gif) no-repeat left bottom}

#footer{
	 background:url(../images/reseau.jpg) no-repeat left top;
	 height:42px; clear:both; 
	 padding:20px 0 0 150px; 
}
#footer p{float:left; font-size:0.9em; color:#81a528;}
#footer span{color:#fff961}
#footer a{color:#fffed0; text-decoration:none}
#footer a:hover{text-decoration:underline}
#annuaire{margin:400px 0 0 80px;}

/* pages nos services*/
#services ul{ margin:0 0 0 15px}
#services a{color:#071c01}
#services a:hover{text-decoration:none}
#titre_services{background:url(../images/services.jpg) no-repeat left bottom}
#savoir-faire{background:url(../images/savoir-faire.gif) no-repeat left bottom}
#services-particuliers{background:url(../images/services-particuliers.gif) no-repeat left bottom}
#collectivite{background:url(../images/services-entreprises.gif) no-repeat left bottom}
#bassins{background:url(../images/bassins-biologiques.gif) no-repeat left bottom}

/* page realisations*/
#realisations{background: url(../images/realisations.gif) no-repeat left top}
/*page contact*/
#contact{background: url(../images/contact.gif) no-repeat left top}
#formulaire{background: url(../images/formulaire.gif) no-repeat left top}

/*page merci*/
#confirmation{background: url(../images/confirmation.gif) no-repeat left top}

/*page produits*/
#catalogue{background: url(../images/catalogue-produits.gif) no-repeat left top}
.titre{color:#4a4a01; font-weight:bold; background:url(../images/picto-fleurs.gif) no-repeat left top; padding:0 0 0 15px}
#blockcatalogue p a{background:url(../images/contactez-nous.jpg) no-repeat left top; width:88px; height:19px; display:block; text-indent:-9999px}

/*mentions legales*/
#mentions{background:url(../images/mentions.gif) no-repeat left top;}
#mentionscontenu a{ color:#071c01}