/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	}
body {
 	background-color: #6e813f;
    background-image: url(/images/bg.jpg);
    background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font: normal normal normal 15pt/15pt tahoma;
	}

img
{
	border:0px;
}
#boitePrincipale{
    position: static;
	width:990px;
	margin:auto;
}


#header{
	background-image: url(/images/entretien-paysager.jpg);
    width: 990px;
    height: 210px;
  position: relative;
  top: 0px;

}
#header h1 {     /* titre */
  color:#303c12;
  font-size: 0.9em;
  line-height: 1.1em;
  font-weight: bold;
  margin:0px;
  position: absolute;
  top: 165px;
  left: 310px;
  width: 410px;
	}
#header h2 {   /* sous-titre */
  color:#637439;
  font-size: 0.6em;
  line-height: 1.2em;
  font-weight: bold;
  margin:0px;
  position: absolute;
  top: 190px;
  left: 310px;
  width: 430px;
	}
#header h3 {   /* titre menu */
  color:#65773a;
  font-size: 0.9em;
  line-height: 1.1em;
  font-weight: bold;
  margin:0px;
  position: absolute;
  top: 180px;
  left: 30px;
  width: 250px;
	}
#phrase-cle  {   /* titre menu */
  color:#303c12;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
  margin:40px 20px 0px 0px;
  position: relative;
  width: 500px;
/*  float: right;  */
  text-align: right;

	}
#gerbera{
	float:left;
    clear:both;
   /*	position: absolute;*/
   /* bottom: 0px; */
  /*  left: 0px; */
	}
h2 {   /* sous-titre */
  color:#637439;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
	}
#menu{
  position: absolute;
  font-family:  tahoma, Helvetica, sans-serif;
  background-color:#dee2a7;
  background-image: url(/images/bg-menu.jpg);
  background-repeat: repeat-y;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 299px;
}
#menu a{
  color:#292c01;
  font-size: 0.9em;
  line-height: 1.1em;
  font-weight: bold;
  padding: 4px 0px 0px 30px;  /**/
}
 #menu a:hover{
  color:#292c01;
  font-size: 0.9em;
  line-height: 1.1em;
  font-weight: bold;
}

#content{
  position: relative;
  font-family:  tahoma, Helvetica, sans-serif;
  color:black;
  font-size: 0.6em;
  line-height: 1.5em;
  background-color: white;
}

#texte{
 position: relative;
float: right;
 width: 678px;
 background-color: white;
 padding: 0px 0px 0px 15px;
}

ul a  {
  font-family:  tahoma, Helvetica, sans-serif;
  color:black;
}

input {
  font-family:  tahoma, Helvetica, sans-serif;
  color:#303c12;
}

textarea {
  font-family:  tahoma, Helvetica, sans-serif;
  color:#303c12;
}


#smnu01 {
  position:absolute;
  top:5px;
  right:215px;
}
#smnu01 a {
	display: block;
    float: left;
    height: 41px;
    width: 101px;
    background: url(/images/accueil.jpg)  no-repeat 0 0 ;
}
#smnu01 a:hover {
   background: url(/images/accueil.jpg)  no-repeat 0 -41px ;
}
#smnu02 {
  position:absolute;
  top:5px;
  right:117px;
}
#smnu02 a {
	display: block;
    float: left;
    height: 41px;
    width: 98px;
    background: url(/images/services.jpg)  no-repeat 0 0 ;
}
#smnu02 a:hover {
   background: url(/images/services.jpg)  no-repeat 0 -41px ;
}
#smnu03 {
  position:absolute;
  top:5px;
  right:15px;
}
#smnu03 a {
	display: block;
    float: left;
    height: 41px;
    width: 102px;
    background: url(/images/contact.jpg)  no-repeat 0 0 ;
}
#smnu03 a:hover {
   background: url(/images/contact.jpg)  no-repeat 0 -41px ;
}
.menuA {
  top:0px;
}
.menuB {
  top:33px;
}
.menuC {
  top:56px;
}
.menuD {
  top:89px;
}
.menuE {
  top:112px;
}
.menuF {
  top:135px;
}
.menuG {
  top:158px;
}
.menuH {
  top:181px;
}
.menuI {
  top:204px;
}
.menuJ {
  top:227px;
}
.menuK {
  top:250px;
}

.menu01 {
  position:absolute;
  left:0px;
}
.menu01 a {
	display: block;
    float: left;
    height: 30px; /* 33 */
    width: 283px;
    background: url(/images/menu-double.jpg)  no-repeat 0 0 ;
}
.menu01 a:hover {
   background: url(/images/menu-double.jpg)  no-repeat 0 -33px ;
}
 .menu02 {
  position:absolute;
  left:0px;
}
.menu02 a {
	display: block;
    float: left;
    height: 19px;    /* 23*/
    width: 283px;
    background: url(/images/menu.jpg)  no-repeat 0 0 ;
}
.menu02 a:hover {
   background: url(/images/menu.jpg)  no-repeat 0 -25px ;
}

#footer-ext{
    position: relative;
	width:970px;
	margin:auto;

    font-size: 0.5em;
    line-height: 1.5em;
    height: 40px;
    color: white;
}

#footer-ext a{
 color:white;
 font-weight:bold;
 }


a:link {
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	}
a:hover, a:active {
	text-decoration: underline;
	}
