/* CSS Document */
body{padding:0px; margin:0px; background:#565a5d; color:#82847e; font:11px verdana, Tahoma, sans-serif; }
div, p, ul, h1, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a { color:#77f813; text-decoration:none;}
h2 { font-family:verdana, Tahoma, sans-serif; font-size:12px; color:#77f813; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #90928b;}
h1 { font-family:verdana, Tahoma, sans-serif; font-size:12px; color:#77f813; font-weight: bolder; text-transform:uppercase; border-bottom:1px solid #90928b; font-weight:bold;}
p {
text-align : justify; line-height : 17px;
}


/* CONTAINER */

#container{width:775px; background:#515458; background:url(../images/bckgrd-content.png) top left repeat-y; margin: 0 auto; position:relative; clear:both;}

/* HEADER */

#header{width:706px; height:284px; margin: 0 auto;}
	#headerSite {width:706px; height:82px; background:url(../images/bckgrd-header.png) top left no-repeat;}
	#headerAnimation { float:left; width:501px; height:202px;}
	#headerMenu { float:left; width:205px; height:202px; background:url(../images/bckgrd-menu.jpg) top left no-repeat;}

#header #headerMenu ul{ margin:41px 0 0 0;}
#header #headerMenu ul li{height:28x; font-size:25px;}
#header #headerMenu ul li a{height:28x; display:block; text-indent:-20000px; }
#header #headerMenu ul li a:hover{height:28x;}

#header #headerMenu ul li.menuAccueil a{width:129px; display:block; background:url(../images/menu-accueil.png) 0 0 no-repeat;}
#header #headerMenu ul li.menuAccueil a:hover{width:129px; background:url(../images/menu-accueil-h.png) 0 0 no-repeat;}
#header #headerMenu ul li.menuAccueil { margin:0 0 3px 0;}

#header #headerMenu ul li.menuPresentation a{width:129px; display:block; background:url(../images/menu-presentation.png) 0 0 no-repeat;}
#header #headerMenu ul li.menuPresentation a:hover{width:129px; background:url(../images/menu-presentation-h.png) 0 0 no-repeat;}
#header #headerMenu ul li.menuPresentation { margin:0 0 3px 0;}

#header #headerMenu ul li.menuRealisation a{width:129px; display:block; background:url(../images/menu-realisation.png) 0 0 no-repeat;}
#header #headerMenu ul li.menuRealisation a:hover{width:129px; background:url(../images/menu-realisation-h.png) 0 0 no-repeat;}
#header #headerMenu ul li.menuRealisation { margin:0 0 3px 0;}

#header #headerMenu ul li.menuContact a{width:129px; display:block; background:url(../images/menu-contact.png) 0 0 no-repeat; }
#header #headerMenu ul li.menuContact a:hover{width:129px; background:url(../images/menu-contact-h.png) 0 0 no-repeat;}

/* CONTENT */

	/* Colonne gauche */
		#homeBienvenue { width:405px; padding:21px 0 0 21px; color:#fff;}
		#homeBienvenue h1 { font-family:verdana, Tahoma, sans-serif; font-size:14px; color:#77f813; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #90928b;}
		#homeBienvenue h1 span { color:#fff; text-transform:uppercase; font-size:18px;}
	/* Colonne droite */
		#rightCoordonnees { margin:21px 10px 27px 27px; width:175px; border-bottom:1px solid #d7d7d5; padding:0 0 20px 0;}
		#rightCoordonnees h1 { min-height:20px; background:url(../images/arrow-h1-right.png) left no-repeat; padding:0 0 0 25px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
		
		#nosInterventions { padding:0 42px 0 21px; color:#fff; width:179px; background:url(../images/separation-verticale.png) top right repeat-y; float:left;}
		#nosInterventions h1 { font-family:verdana, Tahoma, sans-serif; font-size:14px; color:#77f813; font-weight:normal; text-transform:uppercase; background:url(../images/arrow-h1.png) left no-repeat; padding:0 0 0 25px; }
		#nosInterventions h1 span { color:#fff; text-transform:uppercase; font-size:14px;}
		#nosInterventions li{padding-left:24px; min-height:18px; background:url(../images/arrow-li.png) top left no-repeat;}
		
		#nosRealisations li{padding-left:24px; min-height:18px; background:url(../images/arrow-li.png) top left no-repeat;}
		
		#nosAtouts { color:#fff; width:179px; float:left;}
		#nosAtouts h1 { font-family:verdana, Tahoma, sans-serif; font-size:14px; color:#77f813; font-weight:normal; text-transform:uppercase; background:url(../images/arrow-h1.png) left no-repeat; padding:0 0 0 25px; }
		#nosAtouts h1 span { color:#fff; text-transform:uppercase; font-size:14px;}
		#nosAtouts li{padding-left:24px; min-height:18px; background:url(../images/arrow-li.png) top left no-repeat;}
		
		#realisationsImages a, #realisationsImages a:hover { border:none;}
		#realisationsImages img { border:2px solid #999; margin:0 3px 3px 0;} 

/* FOOTER */

#footer{width:775px; height:83px; margin: 0 auto; clear:both; background:url(../images/bckgrd-footer.png) 0 0 no-repeat;}
#footer p{padding: 35px 55px 0 0; font:10px verdana,Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:right; color:#929292;}
#footer p a{font:10px verdana,Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#929292; text-decoration:none; padding: 0 2px }
#footer p a:hover{color:#fff; text-decoration:none; background:#64a830; }

.footerTOW a{font:10px verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#929292; float:right; text-decoration:none; margin:2px 55px 0 0;}
.footerTOW a:hover{color:#fff; background:#64a830;}

.footerTOW strong { font-size:11px; background:url(../images/picto-tow.png) right 1px no-repeat; padding:0 13px 0 0; color:#929292;}
.footerTOW a:hover strong { font-size:11px; background:url(../images/picto-tow-h.png) right 1px no-repeat; padding:0 13px 0 0; color:#fff;}

/* CLASS */

.clear {clear: both; margin: 0px}
.left { float:left;}
.right { float:right;}
.marginImageRight { margin:0 10px 0 0;}
.colonneLeft { width:449px; float:left; padding:0 0 0 34px;}
.colonneRight { width:257px; float:left;}
.homeSeparation { width:449px; background:url(../images/home-content-separation.png) top left no-repeat; height:20px;}
.homeSouligne { width:179px; height:16px; background:url(../images/separation-horizontale.png) top left no-repeat;}

.atouts01 { padding:0 0 0 43px; background:url(../images/home-01.png) top left no-repeat; width:135px;}
.atouts02 { padding:0 0 0 43px; background:url(../images/home-02.png) top left no-repeat; width:135px;}
.atouts03 { padding:0 0 0 43px; background:url(../images/home-03.png) top left no-repeat; width:135px;}