body {font:11px Verdana, Arial, Helvetica, sans-serif; color:#626262; margin: 0; padding: 0; background:url(../images/main-bg.jpg) repeat-x #dcdcdc; }
a { outline:none;}
/*Header*/
.TopNavigation {height:48px; width:710px; float:left; }
.TopNavigation img {margin:0; padding:0; border:0;}

.TopNavigation ul {padding:0;	margin:0; }
.TopNavigation li {display:inline; padding:0; margin:0; float:left;}

.TopNavigation li a, .TopNavigation li a:hover {background: 0 0 no-repeat; display:block; height:48px; text-indent:-20000px;}

.TopNavigation ul li.accueil a {width:65px;  background:url(../images/menu-accueil.png);}
.TopNavigation ul li.accueil a:hover, .TopNavigation ul li.accueil_active {width:65px; background:url(../images/menu-accueil-h.png);}

.TopNavigation ul li.presentation a {width:91px;  background:url(../images/menu-presentation.png);}
.TopNavigation ul li.presentation a:hover, .TopNavigation ul li.presentation_active {width:91px; background:url(../images/menu-presentation-h.png);}

.TopNavigation ul li.entretien-de-jardin a {width:123px; background:url(../images/menu-entretien.png);}
.TopNavigation ul li.entretien-de-jardin a:hover, .TopNavigation ul li.entretien-de-jardin_active {width:123px; background:url(../images/menu-entretien-h.png);}

.TopNavigation ul li.amenagement-de-jardin a {width:153px;  background:url(../images/menu-amenagement.png);}
.TopNavigation ul li.amenagement-de-jardin a:hover, .TopNavigation ul li.amenagement-de-jardin_active {width:153px; background:url(../images/menu-amenagement-h.png);}

.TopNavigation ul li.elagage a {width:119px; background:url(../images/menu-elagage.png);}
.TopNavigation ul li.elagage a:hover, .TopNavigation ul li.elagage_active {width:119px; background:url(../images/menu-elagage-h.png);}

.TopNavigation ul li.realisations a {width:88px; background:url(../images/menu-realisations.png);}
.TopNavigation ul li.realisations a:hover, .TopNavigation ul li.realisations_active {width:88px; background:url(../images/menu-realisations-h.png);}

.TopNavigation ul li.contact a {width:69px; background:url(../images/menu-contact.png);}
.TopNavigation ul li.contact a:hover, .TopNavigation ul li.contact_active {width:69px; background:url(../images/menu-contact-h.png);}

/*Footer*/
.footerContainer{width:710px; height:30px;	color:#5c7438; font-size:10px; padding-top:7px; float:left; text-align:center;}
.footerContainer a, .footerContainer a:hover{color:#5c7438; text-decoration:none;}
.footerContainer strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#5c7438;}

/*Main Containers*/
.LogoContainer, .MainImg, .BodyContainer, .BottomContainer, .BodyContentLeft, .BodyContentRight, .BodyBienvenueLeft, .BodyBienvenueRight, .BottomContainerDiv, .BodyConHL, .BodyConHLCon, .BodyConHLBottom, .BodyInnerConLeft, .MainImgPresentation{float:left;}


.MainContainer {margin:0 auto; width:710px;}
.LogoContainer{width:710px;}

.MainImg, .MainImgPresentation{width:710px; height:48px;  padding:115px 1px 0 1px;}
.MainImg{background:url(../images/home-main-img.jpg) no-repeat;}
.MainImgPresentation{background:url(../images/presentation-main-img.jpg) no-repeat;}

.BodyContainer{width:708px; background:url(../images/body-bg.jpg) no-repeat top #fff; margin:0 1px 0 1px; line-height:16px;}
* html .BodyContainer{width:709px; margin:0;}
.BottomContainer{width:708px; height:106px; background:url(../images/body-bottom-bg.jpg) no-repeat top; margin:0 1px 0 1px;}
.BodyContentLeft{width:460px; padding:20px 0 0 20px;}
.BodyContentRight{width:180px; padding:20px 0 0 30px;}
.BodyBienvenueLeft{width:300px; padding:15px 20px 0 0;}
.BodyBienvenueRight{width:100px; padding:15px 0 0 0;}
.BottomContainerDiv{width:460px; text-align:center; padding:15px 0 15px 0;}
.BodyConHL{width:201px; margin:0 27px 0 0;}
.BodyConHLCon{width:181px; background:url(../images/home-highlight-bg.jpg) no-repeat; padding:10px; margin:10px 0 0 0;}
.BodyConHLBottom{width:201px; height:25px; background:url(../images/home-highlight-bottom-bg.jpg) no-repeat;}
.BodyInnerConLeft{width:430px; padding:20px 30px 0 20px;}
.BodyContentLeftRaw img{margin:15px 0 0 0;}

.BodyInnerConLeft ul {padding:6px 0 25px 20px; margin:0; list-style-type: none; width:412px; background:url(../images/list-center.png) left bottom no-repeat;}
.BodyInnerConLeft li {background: url(../images/bullet.png) no-repeat left 5px; padding: 0 0 0 20px; line-height:20px;}
.topList{width:432px; background:url(../images/list-top.png) left top no-repeat; height:6px;}
.BodyContainer a{color:#009900; text-decoration:none;}
.BodyConHLCon img, .BodyContentLeftRaw img{border:1px solid #fff;}


.leftAvant { float:left; width:200px; margin:0 20px 0 0;}
	.leftAvant h6 { padding:0; margin:0;}
	.leftAvant h6 { width:140px; padding:5px; color:#fff; background:#3b7602; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:normal; text-transform:uppercase;}
.leftApres { float:left; width:200px;}
	.leftApres h6 { padding:0; margin:0;}
	.leftApres h6 { width:140px; padding:5px; color:#fff; background:#3b7602; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; font-weight:normal; text-transform:uppercase;}

.aActif { padding:2px; border:1px solid #3b7602; background:#3b7602; color:#fff; }
.aActif:hover { padding:2px; border:1px solid #3b7602; background:#3b7602; color:#fff; }

.aNActif { padding:2px; border:1px solid #3b7602; }
.aNActif:hover { padding:2px; border:1px solid #3b7602; background:#3b7602; color:#fff;}

.lineSeparation { width:184px; border-bottom:1px solid #3b7602; margin:0 0 5px 0;}

.right { float:right;}
.left { float:left;}
.clear { clear:both;}
.blocHome { padding:0 0 0 20px;}
.imgFancy img { border:1px solid #666; margin:1px;}