/* RESET */

body, ul, li, ol, form, h1, h2, h3, h4, h5, h6, div, span, p{ padding:0; margin:0;}
ul{list-style-type:none;}
body { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666; background:#000;}
a, a:hover { text-decoration:none; color:#670cfb ;}

/* CONTAINER */

/*#container { width:981px; height:630px; position:absolute; left: 50%; margin-left: -490.5px; top: 50%; margin-top: -385px; display:block;}*/
#container { width:981px; position:absolute; left: 50%; margin-left: -490.5px; display:block; padding:10px 0 0 0;}
#contentHome { width:981px; height:552px; background:url(../images/bckgrd-home.png) left top no-repeat; clear:both; padding:0 0 7px 0;}
#contentPage { width:981px; height:552px; background:url(../images/bckgrd-page.png) left top no-repeat; clear:both; padding:0 0 7px 0;}

/* MENU */

#menu { width:506px; height:31px; padding:25px 0 0 475px; float:left;}
	#menu ul li{height:31px;float:left;} 
	#menu ul li a{height:31px; display:block; text-indent:-20000px; }
	#menu ul li a:hover{height:31px;}
	
	#menu ul li.accueil a {width:72px;  background:url(../images/menu-accueil.png);}
	#menu ul li.accueil a:hover, #menu ul li.accueil_active {width:72px; background:url(../images/menu-accueil-h.png);}
	
	#menu ul li.presentation a {width:100px;  background:url(../images/menu-presentation.png);}
	#menu ul li.presentation a:hover, #menu ul li.presentation_active {width:100px; background:url(../images/menu-presentation-h.png);}
	
	#menu ul li.jardin a {width:67px;  background:url(../images/menu-jardin.png);}
	#menu ul li.jardin a:hover, #menu ul li.jardin_active {width:67px; background:url(../images/menu-jardin-h.png);}
	
	#menu ul li.pavage a {width:72px;  background:url(../images/menu-pavage.png);}
	#menu ul li.pavage a:hover, #menu ul li.pavage_active {width:72px; background:url(../images/menu-pavage-h.png);}
	
	#menu ul li.realisations a {width:103px;  background:url(../images/menu-realisations.png);}
	#menu ul li.realisations a:hover, #menu ul li.realisations_active {width:103px; background:url(../images/menu-realisations-h.png);}
	
	#menu ul li.contact a {width:77px;  background:url(../images/menu-contact.png);}
	#menu ul li.contact a:hover, #menu ul li.contact_active {width:77px; background:url(../images/menu-contact-h.png);}

/* ANIMATION */
#animationHome { clear:both; width:979px; height:186px; padding:0 0 0 1px;}
#animationPage { clear:both; width:979px; height:90px; padding:0 0 0 1px;}

/* HOME */

#homeBienvenue { padding:35px 50px 0 83px; float:left; width:312px;}
	#homeBienvenue h4 { display:block; text-indent:-20000px; width:186px; height:26px; background:url(../images/home-titre-bienvenue.png) left top no-repeat;}
	#homeBienvenue p { width:247px; padding:15px 0 0 65px; line-height:16px;}
	#homeBienvenue img { border:none;}
#homeRealisations { padding:35px 55px 0 0; float:left; width:248px; line-height:16px;}
	#homeRealisations h4 { display:block; text-indent:-20000px; width:126px; height:26px; background:url(../images/home-titre-realisations.png) left top no-repeat;}
	#homeRealisations img { border:none;}
#homeCoordoonees { padding:35px 0 0 0; float:left; line-height:16px;}
	#homeCoordoonees h4 { display:block; text-indent:-20000px; width:133px; height:26px; background:url(../images/home-titre-coordonnees.png) left top no-repeat;}
	#homeCoordoonees img { border:none; padding:0 0 0 35px;}

/* PAGE */

#contenu { float:left; padding:25px 0 0 0; width:670px;}
#contenuTexte { width:580px; line-height:16px; float:right; text-align:left;}
#pageRight { float:right; padding:25px 20px 0 0; width:228px;}
	#pageRight h4 { display:block; text-indent:-20000px; width:228px; height:28px; background:url(../images/right-titre-realisations.png) left top no-repeat;}
	#pageRight img { border:none;}
	#pageRight p { padding:0 0 0 5px;}

/* FOOTER */
#footer { clear:both; width:375px; float:right; text-align:right; color:#fff; line-height:16px; font-size:10px;}
#footerTop { width:355px; background:url(../images/footer-top.png) left top no-repeat; padding:10px}
#footerBottom { width:375px; height:3px; background:url(../images/footer-bottom.png) left top no-repeat; font-size:1px;}
	#footer a, #footer a:hover { color:#fff; text-decoration:none;}
	#footer .tow { color:#fff;}
	#footer .tow a, #footer .tow a:hover { color:#fff; text-decoration:none;}	
	#footer strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#fff;}
	
/* CLASS */
.left { float:left;}
.logo { background:url(../images/logo.png) left top no-repeat; width:322px; height:106px; display:block; text-indent:-20000px; float:left;}
.slogan { background:url(../images/slogan.png) left top no-repeat; width:384px; height:106px; display:block; text-indent:-20000px; float:right;}
.aFleche { background:url(../images/afleche.png) right 5px no-repeat; padding:0 10px 0 0;}
.pTop { width:560px; background:url(../images/ptop.png) left top no-repeat; padding:10px;}
.pBottom { width:580px; height:5px; background:url(../images/pbottom.png) left top no-repeat;}
.marginBottom15 { margin:0 0 15px 0;}

.titrePresentation { width:274px; height:39px; background:url(../images/titre-presentation.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreJardin { width:274px; height:39px; background:url(../images/titre-jardin.png) left top no-repeat; display:block; text-indent:-20000px;}
.titrePavage { width:274px; height:39px; background:url(../images/titre-pavage.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreRealisations { width:274px; height:39px; background:url(../images/titre-realisations.png) left top no-repeat; display:block; text-indent:-20000px;}
.titreContact { width:274px; height:39px; background:url(../images/titre-contact.png) left top no-repeat; display:block; text-indent:-20000px;}

.scrollable {height:255px; overflow: auto;}
.scrollable img { border:none;}

.listul{list-style-type:none;}
.listul{ padding:0 0 0 25px;}
.listul li {   padding:2px 0 2px 15px; background:url(../images/li-bullet.png) left 9px no-repeat;line-height:20px;}

.sousTitre { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal;}

/* SUPERSIZE */
/*IE6 - no supersize BG	*/
#supersize { position: absolute; left: 0px; top: 0px; z-index:0; }
#supersize img,#supersize a{ display:none; z-index:0;}

body > #supersize { position: fixed; }	
body > #supersize img,body > #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
	display:block;
}