/* CSS Document */
body{padding:0px; margin:0px; background:#c2c2c2; color:#5e5e5e; font:11px verdana, sans-serif; }
div, p, ul, h1, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

 .clear {clear: both; margin: 0px}
 .separation { clear:both; width:473px; height:14px; background:url(../images/separation.gif) no-repeat;}
 .breadcrumb { font-size:10px; margin:-15px 0 5px 0;}
 
/* CONTENT */ 
#content{width:775px; height:760px; background:url(../images/bckgrd.jpg) 0 0 repeat-y; margin: 0 auto; clear:both; } 

#contentLeft { float:left; width:250px; height:672px;}

	#contentLeft #Logo { padding:54px 0 0 47px;}
		#contentLeft #Logo img { border:none;}
		
	#contentLeft #services { margin:47px 0 0 77px;}
	#contentLeft #services h1 { padding:0 0 0 28px; min-height:15px; background:url(../images/cadre-arrow.png) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#5e5e5e; text-transform:uppercase;}
	
	#contentLeft #services li { padding:0 0 0 28px; min-height:18px; background:url(../images/li-arrow.png) top left no-repeat; color:#5e5e5e;}
	#contenuPage li { padding:0 0 0 28px; min-height:18px; background:url(../images/li-arrow.png) top left no-repeat; color:#5e5e5e;}
		
	/* MENU */
	#contentLeft #header ul{margin:3px 0 0 46px;}
	#contentLeft #header ul li{height:32px;}
	#contentLeft #header ul li a{height:32px; display:block; text-indent:-20000px; }
	#contentLeft #header ul li a:hover{height:32px;}
	
	#contentLeft #header ul li.menuPresentation a{width:199px; background:url(../images/menu-presentation.jpg) 0 0 no-repeat; }
	#contentLeft #header ul li.menuPresentation a:hover{width:199px; background:url(../images/menu-presentation-h.png) 0 0 no-repeat;}
	
	#contentLeft #header ul li.menuCreation a{width:199px; background:url(../images/menu-creation.jpg) 0 0 no-repeat; }
	#contentLeft #header ul li.menuCreation a:hover{width:199px; background:url(../images/menu-creation-h.png) 0 0 no-repeat;}
	
	#contentLeft #header ul li.menuElagage a{width:199px; background:url(../images/menu-elagage.jpg) 0 0 no-repeat; }
	#contentLeft #header ul li.menuElagage a:hover{width:199px; background:url(../images/menu-elagage-h.png) 0 0 no-repeat;}
	
	#contentLeft #header ul li.menuPavage a{width:199px; background:url(../images/menu-pavage.jpg) 0 0 no-repeat; }
	#contentLeft #header ul li.menuPavage a:hover{width:199px; background:url(../images/menu-pavage-h.png) 0 0 no-repeat;}
	
	#contentLeft #header ul li.menuRealisations a{width:199px; background:url(../images/menu-realisations.jpg) 0 0 no-repeat; }
	#contentLeft #header ul li.menuRealisations a:hover{width:199px; background:url(../images/menu-realisations-h.png) 0 0 no-repeat;}
	
	#contentLeft #header ul li.menuContact a{width:199px; background:url(../images/menu-contact.jpg) 0 0 no-repeat; }
	#contentLeft #header ul li.menuContact a:hover{width:199px; background:url(../images/menu-contact-h.png)  0 0 no-repeat;}


#contentRight { float:left; width:473px; height:672px;}
	
	#contentRight #MenuTop { height:38px; font-size:10px; padding:53px 0 0 0;}
	#contentRight #MenuTop .home { background:url(../images/picto-home.gif) top left no-repeat; padding:0 0 0 21px; min-height:10px; margin:0 0 0 220px;}
	#contentRight #MenuTop .home a { color:#5e5e5e; text-decoration:none;}
	#contentRight #MenuTop .home a:hover { color:#009900; text-decoration:none;}
	#contentRight #MenuTop .plan { background:url(../images/picto-plan.gif) top left no-repeat; padding:0 0 0 21px; min-height:10px; margin:0 0 0 30px;}
	#contentRight #MenuTop .plan a { color:#5e5e5e; text-decoration:none;}
	#contentRight #MenuTop .plan a:hover { color:#009900; text-decoration:none;}
	#contentRight #Animation { height:221px;}
	#contentRight #bienvenue { padding:20px 0 5px 20px; width:435px;}
	#contentRight #bienvenue img { float:left; padding:20px;}
	#contentRight #bienvenue h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#009900;}
	#contentRight #bienvenue h1 span {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#5e5e5e;}
	#contentRight #bienvenue h2 {font-family:verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#5e5e5e; text-transform:uppercase;}
	#contentRight #bienvenue a { color:#009900; text-decoration:none;}
	#contentRight #bienvenue a:hover { color:#009900; text-decoration:none;}
	
	#contentRight #activites { padding:20px 0 5px 20px;}
	#contentRight #activites h1 { padding:0 0 0 28px; min-height:15px; background:url(../images/cadre-arrow.png) top left no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#5e5e5e; text-transform:uppercase;}
	#contentRight #activites a { color:#009900; text-decoration:none;}
	#contentRight #activites a:hover { color:#009900; text-decoration:none;}
	
	#contentRight #activites .homeActivites { width:130px; padding:0 20px 0 0; background:url(../images/separation-droite.gif) top right repeat-y; float:left; margin:0 3px 0 0;}
	#contentRight #activites .homeActivites  h3{font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5e5e5e;}
	#contentRight #activites .homeActivites  a { font-size:10px;}
	#contentRight #activites .homeActivitesEnd { width:130px; float:left; margin:0 3px 0 0;}
	#contentRight #activites .homeActivitesEnd  a { font-size:10px;}
 	#contentRight #activites .homeActivitesEnd  h3{font-family:verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#5e5e5e;}
	
	#contentRight #contenuPage { padding:20px 0 5px 20px; width:435px;}
	#contentRight #contenuPage h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#009900;}
	#contentRight #contenuPage a { color:#009900; text-decoration:none;}
	#contentRight #contenuPage a:hover { color:#009900; text-decoration:none;}

/* FOOTER */

#footer{width:775px; height:88px;}
#footer p{padding: 39px 52px 0 0; font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-align:right; color:#767676;}
#footer p a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#767676; text-decoration:none; padding: 0 5px }
#footer p a:hover{color:#767676;}
#footer .footerTOW {color:#767676; text-align:right; padding:2px 52px 0 0; }
#footer .footerTOW a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#767676; text-decoration:none; }
#footer .footerTOW a:hover{text-decoration:none; color:#767676;}
#footer .footerTOW strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#767676;}